/* 小屏幕手机端 */
        @media (min-width: 0px) and (max-width:750px) {
            nav {
                padding: 0 .4rem;
                box-sizing: border-box;
            }
            .w {
                /* width: 16rem; */
                margin: 0 auto;
            }

            .headerbox {
                /* background: url(../partimage/attendance/screentopimg.png); */
                width: 100%;
                height: 4.6667rem;
                margin: 0 auto;
                background-size: 100% 100%;
                position: relative;
            }
            .topimg {
                width: 100%;
                height: 4.6667rem;
                /* width: 100vw; */
                position: absolute;
            }
            .header {
                /* width: 16rem; */
                z-index: 99;
            }

            .top-content {
                position: absolute;
                top: .6933rem;
                left: .6667rem;
            }

            .top-content h1 {
                font-family: PingFang SC;
                font-weight: 500;
                font-size: .48rem;
                color: #FFFFFF;
                /* height: .4667rem;
            line-height: 1.0667rem; */
            }

            .top-content div {
                width: 1.3333rem;
                height: .0533rem;
                background: #F5F2F6;
                margin: .32rem 0;
            }

            .top-content p {
                width: 4.8rem;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: .2133rem;
                color: #FFFFFF;
                /* line-height: 1.8; */
                height: 1.0133rem;
                line-height: .4rem;
            }

            .sectionew {
                width: 100%;
                /* height: 5.8667rem; */
                padding: .4rem 0 .6667rem;
                box-sizing: border-box;
            }

            .all {
                /* display: flex; */
                justify-content: space-between;
                /* padding-top: .4rem;
            box-sizing: border-box; */
            }

            .one {
                /* height: 5.4667rem; */
            }

            .two {
                height: 3.68rem;
            }

            .nav-content {
                padding: 0 .4rem;
                box-sizing: border-box;
                /* width: 100%; */
            }

            .nav-content:nth-child(2) {
                margin-top: .4rem;
            }

            .nav-content .nav-item {
                /* width: 9.2rem; */
                min-width: 9.2rem;
                background: #FFFFFF;
                box-shadow: 0rem 0rem .2267rem .0133rem rgba(0, 0, 0, 0.09);
                border-radius:.2667rem;
            }

            .nav-content .item-top {
                width: 100%;
                height: .96rem;
                background: linear-gradient(-86deg, #3D93FD, #29C7FB);
                border-radius: .2667rem .2667rem 0rem 0rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 .3333rem;
                box-sizing: border-box;
            }

            .nav-content .item-top img {
                width: .64rem;
                height: .64rem;
            }

            .item-top h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 500;
                font-size: .4rem;
                color: #FFFFFF;
            }

            .nav-content .item-bot {
                /* padding: 0 .4933rem 0 .3467rem; */
                padding-bottom: .4rem;
                box-sizing: border-box;
            }

            .nav-content .item-bot section {
                display: flex;
            }

            .nav-content .item-bot section:first-child {
                margin-top: .32rem;
            }

            .nav-content .item-bot section:nth-child(2) {
                margin-top: .2rem;
            }

            .nav-content .item-bot section:nth-child(3) {
                margin-top: .32rem;
            }

            .nav-content .item-bot section:nth-child(4) {
                margin-top: .2rem;
            }

            .nav-content .item-bot img {
                width: .4rem;
                height: .4rem;
                margin-right: .1067rem;
                margin-left: .3333rem;
                margin-top: .0267rem;
            }

            .nav-content .item-bot p {
                width: 8.0533rem;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: .3467rem;
                color: #666666;
                margin-top: -0.04rem;
            }

            .systembox {
                background: url(../partimage/attendance/screenbg.png);
                background-color: #2b2e32;
                /* width: 100%; */
                min-height: 20.9067rem;
                margin: 0 auto 0;
                background-size: 100% 100%;
            }

            .systembox ul {
                display: flex;
                padding: 0 .4rem;
                box-sizing: border-box;
                flex-wrap: wrap;
                justify-content: space-between;
            }

            .systembox li {
                width: 4.4667rem;
                height: 4rem;
                background: #445159;
                border-radius: .1333rem;
                margin-right: .2667rem;
                text-align: center;
                padding: .3467rem .3467rem .3067rem;
                box-sizing: border-box;
                margin-bottom: .2667rem;
            }

            .systembox li:nth-child(2n) {
                margin-right: 0;
            }

            .systembox li img {
                width: 1.3067rem;
                height: 1.4533rem;
            }

            .systembox li h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 500;
                font-size: .4rem;
                color: #FFFFFF;
                margin: .2rem 0 .3067rem;
                line-height: .32rem;
            }

            .systembox li p {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: .2933rem;
                color: #FFFFFF;
            }

            .system {
                padding: .6667rem 0 .4rem;
                box-sizing: border-box;
            }

            .systembox h2 {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: .3467rem;
                color: #FFFFFF;
                display: flex;
                justify-content: center;
            }

            .symiddle {
                margin: .36rem 0 .36rem;
            }

            .sytop h2 {
                display: flex;
                justify-content: center;
                margin: .4667rem 0 .3867rem;
                line-height: .3333rem;
                /* height: .2933rem; */
            }

            .sytop .topstar {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .sytop .topstar h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 500;
                font-size: .4267rem;
                color: #FFFFFF;
                line-height: .4rem;
                margin: 0 .1067rem;
                /* height: .3467rem; */
            }

            .sytop .topstar img {
                width: .1867rem;
                height: .1867rem;
            }

            /* .sytop .topstar img:nth-child(1) {
                margin-right: .1067rem;
            }

            .sytop .topstar img:nth-child(2) {
                margin-left: .1067rem;
            } */

            .particularbox {
                background-color: #F6F8FB;
                height: 12.3867rem;
                padding: .6533rem .4rem;
                box-sizing: border-box;
            }

            .blue {
                background: linear-gradient(-86deg, #3D93FD, #29C7FB);
            }

            .orange {
                background: linear-gradient(90deg, #FFB966, #FD7E31);
            }

            .green {
                background: linear-gradient(-90deg, #21E179, #2EF398);
            }

            .yellow {
                background: linear-gradient(-90deg, #FFA60A, #F7C92A);
            }

            .particular .partstar {
                display: flex;
                justify-content: center;
                align-items: center;
                line-height: .4rem;
            }

            .particular .partstar img {
                width: .2667rem;
                height: .2667rem;
            }

            .particular h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: .4267rem;
                color: #333333;
                margin: 0 .1067rem;
            }

            .particular img {
                /* margin: 0 .1067rem; */
            }

            .particular ul {
                width: 9.2rem;
                /* display: flex; */
                margin-top: .4rem;
            }

            .particular ul li {
                margin-bottom: .4rem;
            }

            .partbox {
                width: 100%;
                height: 2.2667rem;
                background: #FFFFFF;
                box-shadow: 0rem .0533rem .12rem 0rem rgba(0, 0, 0, 0.05);
                border-radius: .2667rem;
            }

            .part-top {
                height: 1.04rem;
                border-radius: .2667rem .2667rem 0rem 0rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: .12rem .32rem .1067rem;
                box-sizing: border-box;
            }

            .particular ul li:nth-child(1) .part-top img {
                width: .76rem;
                height: .7867rem;
            }
            .particular ul li:nth-child(2) .part-top img {
                width: .76rem;
                height: .7733rem;
            }
            .particular ul li:nth-child(3) .part-top img {
                width: .64rem;
                height: .76rem;
            }
            .particular ul li:nth-child(4) .part-top img {
                width: .7067rem;
                height: .7867rem;
            }

            .part-top p {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: .4rem;
                color: #FFFFFF;
                height: .3867rem;
                line-height: .3867rem;
            }

            .part-top .heng {
                width: .4267rem;
                height: .04rem;
                background: #FFFFFF;
                margin-top: .0933rem;
            }

            .part-bot {
                display: flex;
                align-items: flex-start;
                padding-left: .32rem;
                padding-right: .3333rem;
                box-sizing: border-box;
                margin-top: .3067rem;
            }

            .part-bot img {
                width: .3867rem;
                height: .3067rem;
                margin-right: .0933rem;
                margin-top: .0667rem;
            }

            .part-bot p {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: .3467rem;
                color: #333333;
            }
        }