.weartest{width:100%;height:100%;position:relative}.weartest .pheader{width:100%;height:60%}.weartest .pheader,.weartest .pheader .leftPan{display:-webkit-box;display:-ms-flexbox;display:flex}.weartest .pheader .leftPan{height:100%;width:40%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.weartest .pheader .leftPan .title{padding:.1rem;font-size:.18rem;font-weight:700}.weartest .pheader .leftPan .body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}.weartest .pheader .leftPan .body .img{display:block;position:absolute;cursor:pointer;width:90%;height:90%;left:0;top:0}.weartest .pheader .rightPan{height:100%;width:60%}.weartest .pheader .rightPan .item{height:50%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.weartest .pheader .rightPan .item .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.18rem;font-weight:700;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:.1rem}.weartest .pheader .rightPan .item .body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.weartest .pheader .rightPan .item .body .imgItem{width:19%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:.1rem}.weartest .pheader .rightPan .item .body .imgItem img{width:100%;height:80%;cursor:pointer;display:block}.weartest .pheader .rightPan .item .body .imgItem p{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:.05rem;font-size:.14rem;text-align:center;background:#e8e9e9}.weartest .pheader .rightPan .item .body .sceneState{width:100%;height:70%;font-size:.4rem;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.weartest .pheader .rightPan .item .body .sceneState.right{color:#478be4}.weartest .pheader .rightPan .item .body .sceneState.right,.weartest .pheader .rightPan .item .body .sceneState.wrong{background:url(../../assets/img/right.0c2fadea.png) no-repeat;background-size:80%;background-position:50%}.weartest .pFooter{width:100%;height:35%;background:#e8e9e9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.weartest .pFooter .title{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:.1rem;font-size:.18rem;font-weight:700;padding-top:.2rem}.weartest .pFooter .imageBox{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;overflow:hidden}.weartest .pFooter .imageBox .item{width:13%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:.12rem}.weartest .pFooter .imageBox .item img{cursor:pointer;display:block;width:100%;height:80%}.weartest .pFooter .imageBox .item p{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:.05rem;font-size:.16rem;text-align:center}.weartest .modelBox{position:absolute;width:100%;height:100%;left:0;top:0;background:hsla(0,1.2%,52%,.5);z-index:666}.weartest .modelBox .modelContainer{position:absolute;width:60%;height:80%;left:20%;top:10%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.weartest .modelBox .title{padding:.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:.2rem;font-weight:700;background:#e8e9e9;border-bottom:1px solid #ccc}.weartest .modelBox .title .el-icon-circle-close{cursor:pointer;color:#333;font-size:.18rem}.weartest .modelBox .body{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.weartest .modelBox .body img{display:block;width:90%;margin-top:2.5%;margin-left:5%;height:90%}