@media screen and (max-width:1366px) {

}
@media screen and (max-width:1280px) {
    .headers{margin-top:0;height: 480px;background-size: cover;background-position-x:center;}
    .headers .text{left:0;right:0;}
    .headers .ntb{padding-top: 20px;}
    .topBox{flex-wrap: wrap;margin: 0 auto;}
    .userNum{padding-left: 1rem;padding-top: 1rem;width:10.5rem;height: 5.25rem}
    .userNum div:first-child{font-size: 1.25rem;}
    .userNum div:last-child{font-size: 14px;}
    .appNum{padding-left: 1rem;padding-top: 1rem;width:10.5rem;height: 5.25rem}
    .appNum div:first-child{font-size: 1.25rem;}
    .appNum div:last-child{font-size: 14px;}
    .zfCopy{ margin-bottom: 0}
    body{padding-bottom: 0}

}


@media screen and (max-width:1024px) {
    .headers .text{left:0;right:0;}
    .headers .ntb{padding-top: 20px;}
    .topBox{flex-wrap: wrap;margin: 0 auto;}
    .userNum{padding-left: 1rem;padding-top: 1rem;width:10.5rem;height: 5.25rem}
    .userNum div:first-child{font-size: 1.25rem;}
    .userNum div:last-child{font-size: 14px;}
    .appNum{padding-left: 1rem;padding-top: 1rem;width:10.5rem;height: 5.25rem}
    .appNum div:first-child{font-size: 1.25rem;}
    .appNum div:last-child{font-size: 14px;}
}
@media screen and (max-width:980px) {
    .headers .text{left:0;right:0;}
    .headers .ntb{padding-top: 20px;}
    .topBox{flex-wrap: wrap;margin: 0 auto;}
    .userNum{padding-left: 0.75rem;padding-top: 0.75rem;width:8.5rem;height: 4.25rem}
    .userNum div:first-child{font-size: 1.25rem;}
    .userNum div:last-child{font-size: 14px;}
    .appNum{padding-left: 1rem;padding-top: 1rem;width:8.5rem;height: 4.25rem}
    .appNum div:first-child{font-size: 1.25rem;}
    .appNum div:last-child{font-size: 14px;}
}
@media screen and (max-width:850px){
    .headers .text{left:0;right:0;}
    .headers .ntb{padding-top: 0px;}
    .topBox{flex-wrap: wrap;margin: 0 auto;}
    .userNum{padding:0.5rem;width:7.5rem;height: 4.25rem}
    .userNum div:first-child{font-size: 1rem;}
    .userNum div:last-child{font-size: 0.75rem;}
    .appNum{margin:2px;font-size:12px;padding:0.5rem;width:auto;height: 3.25rem}
    .appNum div:first-child{font-size: 0.85rem;}
    .appNum div:last-child{font-size: 0.7rem;}
    .screen .title{font-size: 1rem;}
    .screen .list{padding:1rem;}
    /*.panel{font-size:0.65rem;width:6.09375rem;height:4.375rem}*/
    .panelImg{height: 5.5rem;bottom: -6.5rem}
    .screen{
        flex:0 0 100%;
    }
    .panelBox{
        flex-wrap: wrap;
    }
    .screen6{
        height: auto;
    }
}
@media screen and (max-width:530px){
    .panel:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:388px){
    .panel:nth-child(3n){margin-right:15px;}
    .panel:nth-child(2n){margin-right:0;}
}


@media screen and (max-width:365px){
    .topBox{margin:0;}
    .iBanner .text{left: 0;right: 0;}
    .userNum{margin:5px;padding:0.5rem; width:calc(50vw - 50px);height: calc(25vw - 25px)}
    .userNum div:first-child{padding-left:10px;padding-top:5px;font-size: 12px;}
    .userNum div:last-child{padding-left:10px;font-size: 10px;line-height: 1.25em;}
    .appNum{text-align:center;margin:5px;padding-left: 0.25rem;padding-top: 10px;width:calc(30vw - 10px);height:calc(20vw - 10px)}
    .appNum div:first-child{font-size: 12px;line-height: 1em;margin-bottom: 5px;}
    .appNum div:last-child{font-size: 10px;line-height: 1em;}
    .appNum .dot,.userNum .dot{display:none;padding:0 !important;border-radius:50%;margin-right:6px;background: rgba(20, 122, 135, 1);height: 8px;width: 8px;}
    .appNum .gradient,.userNum .gradient{display:none;width:calc(100% - 104px);height: 8px;}
    .screen .title{font-size: 0.85rem;}
    .screen .list{padding:0.8rem;}
}