body{background-color:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333}#app{max-width:960px;margin:0 auto;padding:20px}a{color:#333}a:hover{color:#56b5e9}.header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header,.header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .logo{font-weight:700;font-size:21px}.header .logo img{height:50px;margin-right:15px}.tips-dialog .content{padding:20px;font-size:14px}.author a{font-weight:700;font-size:16px;color:#aaa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.author a svg path{-webkit-transition:.5s ease;transition:.5s ease}.author a:hover svg path{fill:#56b5e9}.author .author-name{display:inline-block;margin-left:5px}.author .author-name svg{height:24px;width:85px}.bdd-maker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:50px auto;background-color:#fff;padding:30px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);border-radius:5px}.maker-preview{width:420px;border:1px solid #eee}.maker-preview img{width:100%;height:auto;display:block}.maker-preview .preview-content{position:relative}.maker-preview .preview-content .text{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;padding-top:2.5%;padding-bottom:2.5%;left:2%;right:2%;max-height:100%;text-align:center;font-size:45px;font-weight:700}.maker-preview .preview-content .text.color01{color:#000}.maker-preview .preview-content .text.color02{color:#fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000}.maker-tool{width:420px}.maker-tool .hot-list li{display:inline-block;margin-right:5px;margin-bottom:5px;vertical-align:top}.maker-tool .hot-list input{display:none}.maker-tool .hot-list label{border:2px solid #fff;display:block;cursor:pointer}.maker-tool .hot-list input:checked+label{border-color:#56b5e9}.maker-tool .hot-list img{width:60px;height:60px;display:block}.maker-tool .text-editor,.maker-tool .tool-footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.maker-tool .text-editor{margin:30px 0;background-color:#e5e5e5}.maker-tool .text-editor .text{width:65%}.maker-tool .text-editor textarea{width:100%;padding:5px;border:2px solid #e5e5e5;display:block;resize:none}.maker-tool .text-editor .colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maker-tool .text-editor .colors input{display:none}.maker-tool .text-editor .colors label{width:30px;height:30px;display:block;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:50%;margin:0 10px;cursor:pointer;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}.maker-tool .text-editor .colors label svg{display:none}.maker-tool .text-editor .colors input:checked+label svg{display:block}.maker-tool .text-editor .colors .color01{background-color:#000}.maker-tool .text-editor .colors .color02{background-color:#fff}.maker-tool .text-editor .colors input:checked+label{border-color:#ddd}.van-image__error,.van-image__img,.van-image__loading{-o-object-fit:cover!important;object-fit:cover!important}.van-uploader__preview-image{width:216px;height:216px;border-radius:86px;-webkit-box-sizing:border-box;box-sizing:border-box}.van-uploader__preview-cover,.van-uploader__preview-delete{display:none}.van-uploader__preview{position:absolute;left:0;top:0;z-index:9}.file-input{display:none}.clear-avatar{position:absolute;right:-50px;top:0;cursor:pointer}.clear-avatar svg{height:28px;width:28px}.style-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.style-item{margin-bottom:12px;display:inline-block}.style-item:last-child{margin-right:0}.style-item input{display:none}.style-item input+label{display:block;border-radius:3px;border:2px solid #fef9f0;color:#333;font-size:14px;text-align:center;padding:8px 15px;line-height:18px;border-radius:5px;font-weight:700;cursor:pointer;width:48px;height:48px;padding:0;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}.style-item input:checked+label{background-color:#fdece8;border:2px solid #56b5e9}.style-item span{display:block;font-size:12px;text-align:center;margin-top:5px;color:#999}.style-item input:checked+label+span{color:#000;font-weight:700}.style-item label{background-repeat:no-repeat;background-size:cover}.style-item label[for=mask01]{background-image:url(../img/mask01.6ec9eb0d.png)}.style-item label[for=mask02]{background-image:url(../img/mask02.93f512a1.png)}.style-item label[for=mask03]{background-image:url(../img/mask03.9ea6ae56.png)}.style-item label[for=mask04]{background-image:url(../img/mask04.112a942d.png)}.style-item label[for=mask05]{background-image:url(../img/mask05.a3a161e8.png)}.style-item label[for=mask06]{background-image:url(../img/mask06.9c0063a0.png)}.style-item label[for=mask07]{background-image:url(../img/mask07.dd2ad38d.png)}.style-item label[for=mask08]{background-image:url(../img/mask08.ec005da6.png)}.style-item label[for=mask09]{background-image:url(../img/mask09.7119165f.png)}.style-item label[for=mask10]{background-image:url(../img/mask10.9f43ae30.png)}.download,.download-btn{text-align:center}.download-btn{padding:0;display:inline-block;line-height:50px;background-color:#56b5e9;color:#fff;border:0;border-radius:0;-webkit-box-shadow:4px 4px 0 #ddd;box-shadow:4px 4px 0 #ddd;cursor:pointer;outline:0;font-weight:700;font-size:18px;width:200px;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:.3s;transition:.3s}.download-btn:hover{background-color:#2d9cd8}.download-btn:disabled{opacity:.5;cursor:not-allowed}.share button{font-size:14px;background:none;border:none;padding:0;-webkit-appearance:none;color:#666;cursor:pointer}.share button:hover{color:#333}.share button b{font-size:18px}.avatarmaker-zoom{overflow:hidden}.avatarmaker-zoom ul{margin-left:-10px;margin-right:-10px}.avatarmaker-zoom li,.avatarmaker-zoom ul{display:-webkit-box;display:-ms-flexbox;display:flex}.avatarmaker-zoom li{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px}.avatarmaker-zoom .zoom-item{border:2px solid #d5d3ca;border-radius:100px;text-align:center;line-height:38px;background-color:#fff;cursor:pointer;font-size:15px;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.avatarmaker-zoom .zoom-item:focus{background-color:#fff5d9}.avatarmaker-zoom .zoom-item svg{margin-right:10px;width:14px;height:14px;margin-top:-2px}.avatarmaker-zoom .zoom-item:disabled{opacity:.6;cursor:not-allowed}.vdr.active:before{display:none}.avatarmaker-dialog .avatarmaker-pic{padding:20px;text-align:center}.avatarmaker-dialog .avatarmaker-pic img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.avatarmaker-dialog .avatarmaker-pic .tips{margin-top:10px;color:#333;font-size:16px;font-weight:700}.producthunt{text-align:center;position:fixed;right:20px;bottom:20px;margin:0}.sponsor{margin-top:40px;padding-top:15px;border-top:1px solid #f9f2e5;margin-bottom:40px}.sponsor h3{font-size:12px;font-weight:400;color:#999;margin:0}.sponsor .sponsor-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-10px;margin-right:-10px}.sponsor .sponsor-list li{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px}.sponsor .sponsor-list a{border:1px solid #ebedf0;border-radius:5px;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;color:#666;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.3s;transition:.3s}.sponsor .sponsor-list a:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 0 3px rgba(0,0,0,.05);box-shadow:0 0 3px rgba(0,0,0,.05)}.sponsor .sponsor-list p{margin:0}.sponsor .sponsor-list img{width:32px;height:32px;margin-right:10px;display:block;border-radius:5px}.footer{margin-top:60px;margin-bottom:20px;text-align:center}.footer p{font-size:13px;line-height:1.6;color:#999}.footer li{display:inline-block;margin:0 10px;font-size:13px}.footer a{color:#999;cursor:pointer}.footer a:hover{color:#56b5e9}@media (max-width:800px){.style-list{-ms-flex-wrap:wrap;flex-wrap:wrap}.style-list .style-item{width:20%;text-align:center}.style-list .style-item label{margin:0 auto}.author .author-name svg{height:20px;width:72px}.producthunt{position:static;margin:30px 0}.avatarmaker-style .upload-img{width:100%}.avatarmaker-box{margin:15px auto}.avatarmaker-box,.avatarmaker-box .img,.avatarmaker-box .tips,.vdr .content-container{width:calc(100vw - 40px)!important;height:calc(100vw - 40px)!important}.download-btn{margin:15px auto}.header .logo{font-size:18px;line-height:20px}.header .logo img{height:40px;margin-right:10px}.avatarmaker-style select{width:100%}.avatarmaker-box .avatarmaker-tips{bottom:-50px;opacity:1;visibility:visible;top:auto;background-color:transparent;color:#666}.clear-avatar{right:15px;top:15px;z-index:10}.clear-avatar svg{display:block}.clear-avatar svg path{fill:#f6d272}.sponsor .sponsor-list a{font-size:12px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.bdd-maker{display:block;padding:10px;margin:30px auto}.maker-preview,.maker-tool{width:auto}.maker-preview{margin-bottom:20px}.maker-tool .hot-list img{width:50px;height:50px}.maker-tool .hot-list{overflow:hidden}.maker-tool .hot-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:-3px;margin-right:-3px}.maker-tool .hot-list ul li{margin-right:0;width:20%;padding:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box}.maker-tool .hot-list ul li img{width:100%;height:auto}.maker-tool .text-editor{margin:20px 0}.maker-tool .text-editor .text{width:60%}.maker-tool .text-editor textarea{width:100%}.maker-tool .tool-footer{display:block;margin-bottom:20px}.download-btn{width:100%;margin-bottom:20px}.share{text-align:center}.maker-preview .preview-content .text{font-size:38px}.footer{margin-top:50px}}