.content{background-color:#fff;overflow:hidden;padding:20px;height:100vh}.content .heads{font-size:20px;text-align:center;margin-bottom:20px;position:relative;z-index:1}.content .heads:before{content:"";position:absolute;left:50%;bottom:1px;width:60px;height:8px;border-radius:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:#7894ec;z-index:-1}.content .box .upBox .title{margin:20px 0;color:#7894ec;font-weight:700}.content .box .upBox .title.yes{color:#18bc37}.content .box .upBox .title.no{color:#e43d33}.content .box .upBox .imgBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.content .box .upBox .imgBox .item{width:calc(33.33333vw - 13.33333px);height:calc(33.33333vw - 13.33333px);border:1px solid #ccc;border-radius:4px;text-align:center;position:relative}.content .box .upBox .imgBox .item.add{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAElElEQVR4Xu2dsWtTARDGfU2gIA46uBR3HSJ0SDcH/4AOdnAQdAi0zQNTxEHoIgQcFBwstGCSRuogugh2dVIQp3YotuAq2HZycJJSmtbvhVpifbQXt8v9Co+m7Te8++7e3e+9hF5yJuBXq9UaTZLkrkIv6yjqWNPxYmpq6mM0O5JoAS8uLs4q5keHiT8e/pyK4H4kT0IVQLvdrh0cHMyflGB1hpnJycmFKEUQqgB09X9VYq+cktyfW1tbF+v1+l6EIghTAI1Go1woFFYsSe10OmNpmq5atN41YQqg2WxeGxoa+mRM2B2xwCuj1rUsUgHcUAG8s2Rrf39/olqtLlu03jUUQE4GKQDvZZ1z/hoBdIAcX+gAdIABvNzpAOak0gHoAOZicS2EAfLTRwegA7i+sM0nTwegA3AbyG0gTwKP1wAMAAOYx6hrIQwAA8AAMAAMAAMYBhnvBhpM8iaBAWAAGAAGgAFgAMPsggEMJnmTwAAwAAwAA8AAMIBhdsEABpO8SWAAGAAGgAFgABjAMLtgAINJ3iQwAAwAA8AAMAAMYJhdMIDBJG8SGAAGgAFgABgABjDMLhjAYJI3CQwAA8AAMAAMAAMYZhcMYDDJmwQGgAFgABgABoABDLMLBjCY5E0CA8AAMAAMAAPAAIbZBQMYTPImgQFgABgABoABYADD7ArNAEtLS+d3d3dL2q+TbdQcpK9RBfPMGNAT6d4btW5kKuwN7UL60XvCR/8pVOtUx7U08an+eNpePTcBc6L/OqAcf9PyzAfaivY2+2u3AA7XqT7GsDgOqBAWtCF1JlHybyvspo6zccInUjnwS0c1K4DXenELS0I68CYrgC8K/WrI8Al6PSuAdflQwouQDnQLgBEQMvfdoLsj4LpefIjrQdzIdTtY6d4Gttvtef1Qi2tFvMh1G7is28CJowdBerespqd/2bOAc/HsCBXxji72h9vb23P1en3vr51B+kVxZGSkpOooSTRQj4IV02WledaY6rbi/2zUupFlj4KHh4c3KpXKzp+TZmlUTvpCvxnkppz7PFE+EJJvGB2ADtDnpeRUTgegA/CRsJwaYAQwApz29D5PmxHACGAEMAL4VPDxGoABYIA+h6lTOQwAA8AAMAAMAAMYRhhvBhlM8iaBAWAAGAAGgAFgAMPsggEMJnmTwAAwAAwAA8AAMIBhdsEABpO8SWAAGAAGgAFgABjAMLtgAINJ3iQwAAwAA8AAMAAMYJhdMIDBJG8SGAAGgAFgABgABjDMLhjAYJI3CQwAA8AAMAAMAAMYZhcMYDDJmwQGgAFgABgABoABDLMLBjCY5E0CA8AAMAAMAAPAAIbZBQMYTPImgQFgABgABoABYADD7IIBDCZ5k8AAMAAMEJkB+tmPmO3Tm56efumty/3P+Yb5X8GNRqNcKBRWLCZ1Op2xNE1XLVrvmjAFkCVKXeC7vl06JWk7xWLxQu9qNe9JPun8QxWANqTW1N7nTzQkSWa0UXNhkJPeG1uoAjjsAs/1Pc1LcLZOdXNz82a2UZMCGGAHWq3WuJJ9TyGWdRT1ek33/i+igF9van8D+Q7zPdQ4x8kAAAAASUVORK5CYII=) no-repeat 50%;background-size:50%;position:relative}.content .box .upBox .imgBox .item.add input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;opacity:0}.content .box .upBox .imgBox .item img{max-width:100%;max-height:100%}.content .box .upBox .imgBox .item .del{position:absolute;top:-10px;right:-10px;font-size:25px;background-color:#fff;border-radius:50%;color:#999}.content .box .btns{margin-top:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);height:40px;line-height:40px;text-align:center;color:#fff}.content .box .btns .btn{background-color:#837cfb;border-radius:4px}