.single-photo-steam-img{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border:5px solid #000}.photo-steam{position:fixed;top:0;left:0;padding-bottom:5px}.photo-steam .photo-steam-content{display:-webkit-box;display:-ms-flexbox;display:flex}.photo-steam .photo-steam-content .single-photo-steam-img:not(:first-child){border-left:none}.photo-steam .photo-steam-content:not(:first-child) .single-photo-steam-img{border-top:none}@-webkit-keyframes transform-opacity{0%{opacity:1;scale:1}to{opacity:0;scale:2}}@keyframes transform-opacity{0%{opacity:1;scale:1}to{opacity:0;scale:2}}.detail-dialog{color:#fff}.detail-dialog .swiper-slide{height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff}.detail-dialog .swiper-img{height:100%}.dialog-container{z-index:999;position:fixed;height:100%;background-color:rgba(0,0,0,.2)}.dialog-container .dialog-img-container{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dialog-container .action-block{z-index:1999;padding:20px 10px;position:absolute;top:20px;right:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:rgba(0,0,0,.6);border-radius:10px}.dialog-container .action-block i{cursor:pointer;color:#fff;font-size:30px}.dialog-container .action-block i:not(:first-child){padding-top:10px}.dialog-container .action-block i.icons .notice-title{display:block;font-size:16px;line-height:20px}.dialog-container .qrcode-block{z-index:1999;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-align:center;-ms-flex-align:center;align-items:center;background:#fff;position:absolute;right:100px;top:60px;padding:10px;font-size:16px;border-radius:5px}.dialog-container .qrcode-block .notice{margin-bottom:10px}.dialog-container .stration{z-index:1999;position:absolute;top:20px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);padding:10px 20px;border-radius:10px;background-color:rgba(0,0,0,.6);width:300px}.dialog-container .stration .stration-title{color:#fff;font-size:16px;text-align:center}.dialog-container .img-detail-introduce{max-width:20%;max-height:90%;overflow-y:auto;z-index:1999;position:absolute;top:1%;left:1%;padding:10px 10px;border-radius:10px;background-color:rgba(0,0,0,.6);color:#fff;font-size:16px}.dialog-container .img-detail-introduce .el-icon-close{font-size:25px;background-color:hsla(0,0%,100%,.4);border-radius:50%}.dialog-container .img-detail-introduce.close{-webkit-animation:close-detail 1s linear forwards;animation:close-detail 1s linear forwards}.dialog-container #silder-block{z-index:1000;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}@-webkit-keyframes close-detail{0%{-webkit-clip-path:circle(200px at 50% 50%) ；;clip-path:circle(200px at 50% 50%) ；}to{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}}@keyframes close-detail{0%{-webkit-clip-path:circle(200px at 50% 50%) ；;clip-path:circle(200px at 50% 50%) ；}to{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}}body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0}body{font:12px "\5B8B\4F53",Arial Narrow,HELVETICA;background:#fff;-webkit-text-size-adjust:100%}a{color:#2d374b;text-decoration:none}a:hover{color:#cd0200;text-decoration:underline}em{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}p{word-wrap:break-word}body,html{overflow:hidden;background:#000}#app{width:100%;height:100%}#app .dialog-box{position:fixed;height:100%}