.headers{width:100vw;height:34.6875vw;background:#fff;background-image:url(../images/headbg.png);background-repeat:no-repeat;background-size:100% 100%}
.nav{width:100%;height:4.9375rem;background:rgba(255,255,255,0.21);display:flex;align-items:center}
.logos{width:23rem;height:2.1875rem;margin-left:5.0625rem}
.iconBox{display:flex;align-items:center}
.icon{width:1rem;height:.875rem;line-height:.875rem;margin-left:6.3125rem}
.iconText{font-size:1.0625rem;color:#FFFFFF;font-weight:400;margin-left:.3125rem}
.num{margin: auto;}
.topBox{ margin:60px auto;display:flex;justify-content:center}
.userNum{border: 2px solid transparent;border-radius:10px;display:flex;flex-direction:column;justify-content:center;background:rgba(0,0,0,0.3);margin:10px;width:18.5rem;height:9.25rem; padding:0 1.4375rem 0 1.4375rem;color:#FFFFFF}
.userNum div:first-child{font-size: 2.25rem;font-weight: bold}
.userNum div:last-child{font-size: 1.25rem;font-weight: normal}
.userNum:hover{border: 2px solid #00D7D6;}
.appNum{border: 2px solid transparent;border-radius:10px;display:flex;flex-direction:column;justify-content:center;background:rgba(0,0,0,0.3);margin:10px;width:14.75rem;font-size: 1.25rem;font-weight: normal;height:9.25rem;padding:0 1.4375rem;color:#FFFFFF}
.appNum div:first-child{font-size: 2.25rem;font-weight: bold}
.appNum:hover{border: 2px solid #00D7D6;}
.body{background-color:#fff;overflow: hidden}
.dot{display:inline-block;border-radius:50%;margin-right:6px;background: rgba(20, 122, 135, 1);height: 8px;width: 8px;}
.gradient{display:inline-block;width:calc(100% - 104px);height: 8px;border-radius:4px;background: linear-gradient(207deg, #45FAEE 0%, #00475D 100%);}

.list{padding:3.4375rem 3.4375rem 3.875rem;margin-bottom:1.25rem;margin-top:1.25rem;background-color:#F2F6FF;box-shadow:0 3px 6px 1px #C1D4FF;border-radius:10px 10px 10px 10px;opacity:1;border:1px solid #fff}
.maker{width:.5rem;height:.5rem;background:linear-gradient(216deg,#4587FA 0%,#0729B3 100%);border-radius:10px;opacity:1}
.title{color: #333;font-size: 1.375rem;}
.plats{display: flex;flex-flow: row wrap;justify-content: space-around;}
.screen{text-align:center;box-shadow:0 3px 16px 0 rgba(0,0,0,0.1);background-repeat:no-repeat;background-size:100% 100%;margin:0 3% 45px 0;
    flex:0 0 30%;height:297px;background-image:url(../images/screenBg.png);display: flex;align-items:center;
    flex-direction: column;justify-content: space-around}
.screen4{flex:0 0 63%;background-image:url(../images/screenBgH.png); }
.screen2{flex:0 0 98%;margin:0 3% 45px 1%;}
.screen6{flex:0 0 98%;margin:0 3% 45px 1%;background-image:url(../images/screenBgAll.png);}
.screen .title{margin-top:1em;height:2rem;font-size: 22px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;line-height: 1.25em;font-weight: bold;color: #333333;}
.panelBox{display:flex;flex-wrap:nowrap;justify-content: space-between}
.panel{ height:10rem;position: relative;text-align:center;border-radius:.3125rem;margin:auto 1rem;padding:0 .625rem 1.25rem .625rem;display:flex;flex-flow:column nowrap;align-items:center;justify-content:start;}
.panel .title{text-overflow:ellipsis; width:7em;font-size:1.125rem;font-weight:400;color:#333;margin-top: 0}
.panel .icon{box-shadow:0 3px 16px 0 rgba(0,0,0,0.1);margin:10px auto;display: none;width:100px;height:100px;border-radius: 12px;}
.panel .icon_default{display: inline-block; }
.panel:hover .icon_default{display: none}
.panel:hover .icon_hover{display: block}
.panelA{position:absolute;top:0;left:.4375rem;width:11.30rem;height:7.5rem}
/*.zFooter{background: #071745}*/
/*.zfCopy{background: #071745}*/
.subNav{display: none}