body{background-color:#fef9f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333}#app{max-width:640px;margin:0 auto;padding:20px}a{color:#333}a:hover{color:#df5e2e}.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:#df5e2e}.author .author-name{display:inline-block;margin-left:5px}.author .author-name svg{height:24px;width:85px}.avatarmaker-box{margin:30px auto;width:400px;height:400px;position:relative}.avatarmaker-box .avatarmaker-cell{width:100%;height:100%;background-color:#fff}.avatarmaker-box .clone-darg{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:3;cursor:pointer}.avatarmaker-box .clone-darg .img{width:400px;height:400px}.avatarmaker-box .mask{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.avatarmaker-box .mask.mask1{background-image:url(../img/mask01.6ec9eb0d.png)}.avatarmaker-box .mask.mask2{background-image:url(../img/mask02.93f512a1.png)}.avatarmaker-box .mask.mask3{background-image:url(../img/mask03.9ea6ae56.png)}.avatarmaker-box .mask.mask4{background-image:url(../img/mask04.112a942d.png)}.avatarmaker-box .mask.mask5{background-image:url(../img/mask05.a3a161e8.png)}.avatarmaker-box .mask.mask6{background-image:url(../img/mask06.9c0063a0.png)}.avatarmaker-box .mask.mask7{background-image:url(../img/mask07.dd2ad38d.png)}.avatarmaker-box .mask.mask8{background-image:url(../img/mask08.ec005da6.png)}.avatarmaker-box .mask.mask9{background-image:url(../img/mask09.7119165f.png)}.avatarmaker-box .mask.mask10{background-image:url(../img/mask10.9f43ae30.png)}.avatarmaker-box .img{position:absolute;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;width:400px;height:400px}.avatarmaker-box .img img{width:100%;-o-object-fit:cover;object-fit:cover;display:block;height:auto}.avatarmaker-box .file-input{display:none}.avatarmaker-box .tips{cursor:pointer;height:400px;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;font-size:24px;background-color:#fff;position:absolute;z-index:9;left:0;right:0;top:0;bottom:0}.avatarmaker-box .avatarmaker-cell{position:relative;overflow:hidden}.avatarmaker-capture{width:216px;height:216px;overflow:hidden}.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 #df5e2e}.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{margin:30px auto;padding:0;display:inline-block;line-height:50px;background-color:#df5e2e;color:#f6d272;border:3px solid #f6d272;border-radius:100px;cursor:pointer;outline:0;font-weight:700;font-size:18px;width:200px;-webkit-box-sizing:content-box;box-sizing:content-box}.download-btn:disabled{opacity:.5;cursor:not-allowed}.share{margin:0 auto;text-align:center}.share button{font-size:14px;background:none;border:none;padding:0;-webkit-appearance:none;color:#666;cursor:pointer}.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;display:block;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-bottom:20px;text-align:center}.footer li{display:inline-block;margin:0 10px;font-size:14px}.footer a{color:#999;cursor:pointer}.footer a:hover{color:#df5e2e}@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}}