.appMain[data-v-09ce2e3d]{width:960px;margin:0 auto 90px;padding-top:40px}.appMain .topBack[data-v-09ce2e3d]{cursor:pointer;margin:32px 0 12px}.appMain .topBack span[data-v-09ce2e3d]{font-size:14px;color:#396dd6;box-sizing:border-box;padding:10px;padding-left:0}.appMain .topBack span[data-v-09ce2e3d]:before{margin-right:4px;display:inline-block;font-size:10px;transform:scale(.8);transform-origin:center center}.appMain .appContent[data-v-09ce2e3d]{height:100%;font-size:14px;color:#666}.appMain .appContent .introduct[data-v-09ce2e3d]{line-height:22px}.appMain .appContent .scene[data-v-09ce2e3d]{display:flex;text-align:left;margin-bottom:10px}.appMain .appContent .scene span[data-v-09ce2e3d]{display:inline-block}.appMain .appContent .scene span[data-v-09ce2e3d]:first-of-type{color:#333;white-space:nowrap}.appMain .appContent .scene span[data-v-09ce2e3d]:nth-of-type(2){color:#666}.appMain .appContent .recommend[data-v-09ce2e3d]{color:#333;margin-top:20px}.appMain .appContent .recommend .deg[data-v-09ce2e3d]{position:relative}.appMain .appContent .recommend .deg .iconstar[data-v-09ce2e3d]{font-size:12px;margin-right:6px;color:#eff2f6}.appMain .appContent .recommend .deg .degA[data-v-09ce2e3d]{position:absolute;left:0;z-index:2}.appMain .appContent .recommend .deg .degA .iconstar-active[data-v-09ce2e3d]{font-size:12px;margin-right:6px;color:#f8b929}.appMain .appContent .title[data-v-09ce2e3d]{display:flex}.appMain .appContent .title img[data-v-09ce2e3d]{height:180px}.appMain .appContent .title .titleContent[data-v-09ce2e3d]{margin-left:30px}.appMain .appContent .title .titleContent p[data-v-09ce2e3d]{color:#666;margin:20px 0}.appMain .appContent .title .titleContent p[data-v-09ce2e3d]:first-of-type{margin:15px 0 14px;font-size:18px;color:#333}.appMain .appContent .title .titleContent p[data-v-09ce2e3d]:nth-of-type(2){margin:0}.appMain .appContent .title .titleContent p:nth-of-type(2) span[data-v-09ce2e3d]{margin-right:12px;display:inline-block;padding:8px 11px;background:#f5fcfe;border-radius:4px;color:#4aa3ff;border:1px solid #e8f7fb}.appMain .appContent .title .titleContent p[data-v-09ce2e3d]:last-of-type{margin-bottom:0}.appMain .appContent .detaolsTitle[data-v-09ce2e3d]{display:flex;margin:40px 0 10px}.appMain .appContent .detaolsTitle span[data-v-09ce2e3d]{font-size:18px;font-weight:600;color:#333}.appMain .appContent .detaolsTitle .colorBlock[data-v-09ce2e3d]{margin-right:10px;align-self:center;width:4px;height:18px;background:#396dd6}.appMain .mask-test[data-v-09ce2e3d]{width:100%;display:flex;justify-content:space-between}.appMain .mask-test .box[data-v-09ce2e3d]{width:470px;display:flex;flex-direction:column;justify-content:start}.appMain .mask-test .box p[data-v-09ce2e3d]{font-size:12px;font-weight:400;color:#aaa;line-height:17px}.appMain .mask-test .box .optionBox[data-v-09ce2e3d]{display:flex;justify-content:start;align-items:center}.appMain .mask-test .box .optionBox .el-select[data-v-09ce2e3d]{width:150px;margin-left:10px}.appMain .mask-test .box .optionBox .el-select[data-v-09ce2e3d] input{height:32px}.appMain .mask-test .box .optionBox .el-select[data-v-09ce2e3d] .el-input__icon{line-height:32px}.appMain .mask-test .box .optionBox .a-upload[data-v-09ce2e3d]{padding:4px 10px;margin:10px 0;width:86px;height:30px;line-height:20px;position:relative;cursor:pointer;color:#fff;background-color:#396dd6;font-size:12px;border-radius:4px;overflow:hidden;display:inline-block}.appMain .mask-test .box .optionBox .a-upload span[data-v-09ce2e3d]{background-color:transparent;width:50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.appMain .mask-test .box .optionBox .a-upload input[data-v-09ce2e3d]{padding:30px;z-index:1;width:100%;height:100%;position:absolute;right:0;top:0;background-color:transparent;opacity:0;filter:alpha(opacity=0);cursor:pointer!important}.appMain .mask-test .box .optionBox .a-upload[data-v-09ce2e3d]:hover{background-color:rgba(57,109,214,.8);text-decoration:none}.appMain .mask-test .box .imgContain[data-v-09ce2e3d]{width:470px;background-color:#f5f5f5;padding:10px}.appMain .mask-test .box .imgContain em[data-v-09ce2e3d]{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}.appMain .mask-test .box .imgContain em i[data-v-09ce2e3d]{display:block;background-color:transparent;border:1px solid red;position:absolute;z-index:1}.appMain .mask-test .box .imgContain em i p[data-v-09ce2e3d]{font-size:12px;transform:scale(.8);transform-origin:left top;color:red;position:absolute;left:0;top:-22px}.appMain .mask-test .box .imgContain em i span[data-v-09ce2e3d]{display:inline-block;font-size:12px;transform:scale(.8);transform-origin:left top;color:red;font-weight:600;position:absolute;left:0;line-height:12px;top:-12px}.appMain .mask-test .box .imgContain .helmet i[data-v-09ce2e3d],.appMain .mask-test .box .imgContain .mask i[data-v-09ce2e3d]{border-color:#32cd32}.appMain .mask-test .box .imgContain .helmet i p[data-v-09ce2e3d],.appMain .mask-test .box .imgContain .helmet i span[data-v-09ce2e3d],.appMain .mask-test .box .imgContain .mask i p[data-v-09ce2e3d],.appMain .mask-test .box .imgContain .mask i span[data-v-09ce2e3d]{color:#32cd32}.appMain .mask-test .box .imgContain .el-image-viewer__img-bro em i[data-v-09ce2e3d]{border:2px solid red}.appMain .mask-test .box .imgContain .el-image-viewer__img-bro em i p[data-v-09ce2e3d]{font-size:16px;color:red;position:absolute;left:0;top:-26px}.appMain .mask-test .box .imgContain .el-image-viewer__img-bro em i span[data-v-09ce2e3d]{display:inline-block;font-size:16px;color:red;font-weight:600;position:absolute;left:0;top:-14px}.appMain .mask-test .box .imgContain .el-image-viewer__img-bro .helmet i[data-v-09ce2e3d],.appMain .mask-test .box .imgContain .el-image-viewer__img-bro .mask i[data-v-09ce2e3d]{border-color:#32cd32}.appMain .mask-test .box .imgContain .el-image-viewer__img-bro .helmet i p[data-v-09ce2e3d],.appMain .mask-test .box .imgContain .el-image-viewer__img-bro .helmet i span[data-v-09ce2e3d],.appMain .mask-test .box .imgContain .el-image-viewer__img-bro .mask i p[data-v-09ce2e3d],.appMain .mask-test .box .imgContain .el-image-viewer__img-bro .mask i span[data-v-09ce2e3d]{color:#32cd32}.appMain .mask-test .box .imgContain .displayWindow[data-v-09ce2e3d]{margin-top:10px;width:100%;height:105px;display:flex;justify-content:space-between}.appMain .mask-test .box .imgContain .displayWindow span.buttons[data-v-09ce2e3d]{width:30px;display:inline-block;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,75.3%,.9)}.appMain .mask-test .box .imgContain .displayWindow span.buttons[data-v-09ce2e3d]:hover{cursor:pointer;background-color:hsla(0,0%,75.3%,.8)}.appMain .mask-test .box .imgContain .displayWindow span.buttons[data-v-09ce2e3d]:first-of-type{margin-right:5px}.appMain .mask-test .box .imgContain .displayWindow span.buttons[data-v-09ce2e3d]:nth-of-type(2){margin-left:5px}.appMain .mask-test .box .imgContain .displayWindow div.frame-mask[data-v-09ce2e3d]{flex:1;overflow:hidden}.appMain .mask-test .box .imgContain .displayWindow div.frame-mask .swiperContain[data-v-09ce2e3d]{transition-duration:.5s;height:100%;position:relative;white-space:nowrap}.appMain .mask-test .box .imgContain .displayWindow div.frame-mask .swiperContain .options-mask[data-v-09ce2e3d]{height:100%;position:relative;z-index:9;background-color:transparent}.appMain .mask-test .box .imgContain .displayWindow div.frame-mask .swiperContain span[data-v-09ce2e3d]{margin:0 5px;display:inline-block;width:100px;height:100px;background-color:#fff;border:1px solid #999;position:relative}.appMain .mask-test .box .imgContain .displayWindow div.frame-mask .swiperContain span img[data-v-09ce2e3d]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;vertical-align:middle}.appMain .mask-test .box .imgContain .displayWindow div.frame-mask .swiperContain span[data-v-09ce2e3d]:first-of-type{border:2px solid #396dd6}.appMain .mask-test .box .imgContain .imgContainInner[data-v-09ce2e3d]{width:100%;height:349px;position:relative;overflow:hidden;text-align:center}.appMain .mask-test .box .imgContain .imgContainInner .fail-tips[data-v-09ce2e3d]{white-space:nowrap;position:absolute;left:50%;top:30%;transform:translate(-50%,-50%)}.appMain .mask-test .box .imgContain .imgContainInner .imgContainInnerScroll[data-v-09ce2e3d]{position:relative;height:100%;width:100%}.appMain .mask-test .box .imgContain .imgContainInner .imgContainInnerScroll img[data-v-09ce2e3d]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;vertical-align:middle;z-index:0}.appMain .mask-test .box .imgContain .imgContainInner .imgContainInnerScroll .frame[data-v-09ce2e3d]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;vertical-align:middle;background-color:transparent;z-index:99}.appMain .mask-test .box .imgContain .imgContainInner .imgContainInnerScroll .frame[data-v-09ce2e3d]:hover{cursor:pointer}.appMain .footer[data-v-09ce2e3d]{flex:0}