[data-v-0cfe5d85]{list-style:none}img[data-v-0cfe5d85]{width:100%;height:100%}.ClassMaxBox[data-v-0cfe5d85]{width:100%;height:95vh;display:-webkit-box;display:-ms-flexbox;display:flex}.ClassMaxBox .MainBox[data-v-0cfe5d85]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.ClassMaxBox .MainBox .phone img[data-v-0cfe5d85]{width:80%}.ClassMaxBox .MainBox .leftBox[data-v-0cfe5d85]{width:50%;height:40%;background-color:#fff;position:relative}.ClassMaxBox .MainBox .leftBox .header[data-v-0cfe5d85]{width:100%;height:2rem;position:absolute;bottom:0}.ClassMaxBox .MainBox .left[data-v-0cfe5d85]{width:50%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute}.ClassMaxBox .MainBox .right[data-v-0cfe5d85]{width:50%;height:40%;background-color:#fff}.ClassMaxBox .MainBox .right .el[data-v-0cfe5d85]{width:100%;height:100%;position:relative;padding-top:32%}.ClassMaxBox .MainBox .right .top[data-v-0cfe5d85]{width:100%;height:100%;position:relative;padding-top:10%}.ClassMaxBox .MainBox .right .top .header[data-v-0cfe5d85]{width:100%;height:2rem;position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassMaxBox .MainBox .right .top .header ul[data-v-0cfe5d85]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.ClassMaxBox .MainBox .right .top .header ul li[data-v-0cfe5d85]{margin:0 .625rem;font-size:.75rem;border-bottom:1px solid green;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassMaxBox .MainBox .right .bottom[data-v-0cfe5d85]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:30px 0;-ms-flex-wrap:wrap;flex-wrap:wrap}.ClassMaxBox .MainBox .right .bottom .btnBox[data-v-0cfe5d85]{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}.ClassMaxBox .MainBox .right .bottom .btnBox .btn[data-v-0cfe5d85]{width:6.25rem;width:8rem;margin:10px 0}.ClassMaxBox .MainBox .right .bottom .codeBox[data-v-0cfe5d85]{margin-left:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassMaxBox .MainBox .right .bottom .codeBox .ClassCodeBox[data-v-0cfe5d85]{width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.ClassMaxBox .MainBox .right .bottom .codeBox .ClassCodeBox .MainCode[data-v-0cfe5d85]{width:4rem;height:4rem}[data-v-0cfe5d85] .common-layout .content{padding:0!important}@media (min-width:768px){[data-v-0cfe5d85] .common-layout .content{padding:0!important}}@media screen and (min-width:320px) and (max-width:820px){.ClassMaxBox .MainBox .right .bottom[data-v-0cfe5d85]{display:unset}}#app{height:80vh;border-top:2px solid rgb(8,8,8);position:relative
  /*!* 背景图垂直、水平均居中 *!*/
  /*!* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 *!*/
  /*!* 让背景图基于容器大小伸缩 *!*/
  /*!* 设置背景颜色，背景图加载过程中会显示背景色 *!*/}#popContainer{background-color:#f6f6f6}@media screen and (max-width:992px){.ClassMaxBox{height:auto!important}.ClassMaxBox .MainBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassMaxBox .MainBox .leftBox{background:none!important}.ClassMaxBox .MainBox .left{position:unset!important}.ClassMaxBox .MainBox .right{width:100%!important}.ClassMaxBox .MainBox .right .top .header{position:unset!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassMaxBox .MainBox .right .bottom,.ClassMaxBox .MainBox .right .top .header{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ClassMaxBox .MainBox .right .bottom .btnBox,.ClassMaxBox .MainBox .right .bottom .codeBox{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassMaxBox .MainBox .right .bottom .codeBox{margin:0}.ClassMaxBox .MainBox .right .bottom .codeBox .ClassCodeBox{margin:0 auto}}@media screen and (max-width:820px){.ClassMaxBox .MainBox .right .bottom .codeBox{margin-left:0!important}.ClassMaxBox .MainBox .right .bottom .codeBox .ClassCodeBox{width:auto!important;margin:0 auto}}@media screen and (max-width:768px){.ClassMaxBox .MainBox .right .bottom .codeBox{margin-left:0!important}.ClassMaxBox .MainBox .right .bottom .codeBox .ClassCodeBox{width:auto!important;margin:0 auto}}@media screen and (max-width:480px){.ClassMaxBox .MainBox .right .bottom .btnBox .btn{width:40%!important}.ClassMaxBox .MainBox .right .bottom .codeBox .ClassCodeBox{margin:0 auto}.ClassMaxBox .MainBox .right .top .header{margin-top:30px;height:30px!important}.ClassMaxBox .MainBox .right .top .header ul{padding:0}.ClassMaxBox .MainBox .right .top .header ul li b{font-size:18px}.beauty-scroll{overflow-y:auto!important}.ClassMaxBox .MainBox .right .bottom .codeBox{margin-left:0!important}.ClassMaxBox .MainBox .right .bottom .codeBox .ClassCodeBox{width:auto!important}}