.el-button--primary,.el-button--primary:focus,.el-button--primary:hover{background-color:var(--theme,#20a0ff);border-color:var(--theme,#20a0ff)}.el-button--primary:focus,.el-button--primary:hover{opacity:.9}.el-button--primary:active{background-color:var(--theme,#20a0ff);border-color:var(--theme,#20a0ff)}.btn-magic{position:relative;z-index:1;overflow:hidden;vertical-align:bottom;background-color:transparent!important}.btn-magic:before{bottom:0;left:0;z-index:-1;background-color:var(--theme,#20a0ff);background-image:radial-gradient(circle farthest-corner at 100% 0,#f09c33 0,#f59234 4%,#f98736 7%,#fd7b38 10%,#ff6e3c 14%,#ff5f41 18%,#ff4e46 21%,#ff384b 25%,#fd1851 29%,#f90059 32%,#f50062 36%,#f0006c 39%,#e90077 43%,#e10083 46%,#d70090 50%,var(--theme,#20a0ff) 75%,var(--theme,#20a0ff) 100%);background-position:0 0;background-size:400% 100%;border-radius:inherit;transition:background-position 1s cubic-bezier(.35,.35,0,1)}.btn-magic:after,.btn-magic:before{position:absolute;top:0;right:0;content:""}.btn-magic:after{z-index:1;width:4rem;height:100%;background:linear-gradient(90deg,rgba(255,243,225,0),#fff3e1);opacity:0}.btn-magic:hover:before{background-position:85%}.btn-magic:hover:after{animation:shine .85s cubic-bezier(.65,0,.35,1) .15s}@keyframes shine{0%{opacity:0;transform:translate3d(-4rem,0,0) skewX(45deg)}50%{opacity:.15}to{opacity:0;transform:translate3d(4rem,0,0) skewX(45deg)}}.animate-bounce-to-right{animation:bounceToRight 1s infinite}@keyframes bounceToRight{0%,to{transform:translateX(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateX(25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}.have-no-data{padding:90px 0 30px;font-size:18px;text-align:center}.have-no-data img{max-width:39px}.have-no-data p{margin-top:8px}.photo-individial-footer{padding:0;background:transparent}.photo-individial-footer .photo-content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding-top:30px;margin:0 90px 30px;border-top:1px solid rgba(0,0,0,.1)}@media screen and (max-width:767px){.photo-individial-footer .photo-content{margin:10px 15px 20px}}.photo-individial-footer .photo-content-link{max-width:1280px;margin:auto;font-size:16px;line-height:1.86;color:#777;text-align:left}.photo-individial-footer .photo-content-link>a{color:#20a0ff;cursor:pointer}.photo-individial-footer .photo-content-save{width:100%;height:64px;font-size:14px;font-weight:500;line-height:64px;color:#222;text-align:center;background-color:#fff}@media screen and (max-width:767px){.photo-individial-footer .photo-content-save{display:none}}.photo-individial-footer .photo-content-save>span{display:inline-block;width:44px;height:44px;margin:0 10px;font-size:16px;line-height:44px;border-radius:4px;box-shadow:0 2px 15px 0 rgba(0,0,0,.1)}.photo-individial-footer .photo-content>p{margin:0;border:0}.photo-footer{z-index:1;padding:0;background-color:#222}.photo-footer__inner{display:flex;align-items:center;justify-content:center;padding:30px 0}.photo-footer-nav{margin:0 30px;text-align:center;filter:brightness(60%);transition:all .3s ease}@media screen and (max-width:767px){.photo-footer-nav{margin:0 10px}}.photo-footer-nav:hover{filter:brightness(100%)}.photo-footer-nav__item{margin-right:60px;font-size:14px;color:hsla(0,0%,100%,.7);transition:all .3s ease}.photo-footer-nav__item:hover{color:#fff}.photo-footer-nav__item:last-child{margin-right:0}.photo-footer-nav__logo{width:36px;height:36px;margin-bottom:8px}.photo-footer-nav__pc-name{height:20px;font-size:14px;line-height:20px;color:#fff}@media screen and (max-width:767px){.photo-footer-nav__pc-name{display:none}}.photo-footer-nav__mb-name{display:none;height:20px;font-size:14px;line-height:20px;color:#fff}@media screen and (max-width:767px){.photo-footer-nav__mb-name{display:block}}.photo-footer__blue-divider{display:block;height:3px;margin:0;background-color:#20a0ff;border-radius:0}.photo-footer__divider{display:block;height:1px;margin:0;background-color:hsla(0,0%,100%,.1);border-radius:1px}.photo-footer__copyright{display:block;padding:30px 0;font-size:14px;line-height:1.71;color:hsla(0,0%,100%,.5);text-align:center;letter-spacing:.3px}@media screen and (max-width:767px){.photo-footer__copyright{padding:20px 0}}.photo-footer .footer-container{padding:10px;font-weight:600;color:hsla(0,0%,100%,.5);text-align:center;background:transparent}.photo-footer .footer-container ul{float:left;padding:0;margin:0}.photo-footer .footer-container ul li{display:inline-block;padding:0 10px;font-size:12px}.photo-footer .footer-container a{color:inherit}.photo-footer .footer-container p.social{display:flex;align-items:center;justify-content:flex-start}.photo-footer .footer-container p.social span{font-size:14px}.photo-footer .footer-container p.social a{margin-left:10px}.photo-footer .footer-container p.social .iconfont{font-size:22px;color:#979ca0}.photo-footer .footer-container p{float:right;margin:0;font-size:12px;font-weight:400}.photo-footer .footer-container:after{display:block;clear:both;content:""}.display-area-photo-design .container{max-width:1280px!important}.body-container{width:100%;height:100%;background:#f7f7f7}.photo-design-container{padding:0 0 60px;margin:0 90px}@media screen and (max-width:767px){.photo-design-container{padding:15px 15px 60px;margin:0}}.photo-design-container .container{display:block;max-width:1280px;padding:30px 0!important;margin:0 auto;border-top:1px solid rgba(0,0,0,.1)}@media screen and (max-width:767px){.photo-design-container .container{margin:0}}.photo-upload-container{padding:30px 0;margin:0 90px}@media screen and (max-width:767px){.photo-upload-container{padding:20px 0;margin:0 15px}}.photo-upload-box{position:relative;box-sizing:border-box;display:flex;align-items:center;max-width:1280px;margin:auto}.photo-upload-box h1{margin:0;opacity:1;transition:all .3s ease}.photo-upload-box--img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;max-width:100%;max-height:100%;margin:auto}@media screen and (max-width:767px){.photo-upload-box--img{overflow:visible}}.photo-upload-box .photo-upload-box--logo-label.photo-upload-box--label-have-img:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 0,transparent 75%,#e6e6e6 0,#e6e6e6),linear-gradient(45deg,#e6e6e6 25%,transparent 0,transparent 75%,#e6e6e6 0,#e6e6e6);background-position:0 0,8px 8px;background-size:16px 16px}.photo-upload-box--label{position:relative;box-sizing:border-box;width:200px;height:150px;overflow:hidden;text-align:center;cursor:pointer;background-color:#fff;background-size:100%;border:2px solid rgba(32,160,255,.5);border-radius:2px;transition:all .3s ease}.photo-upload-box--label:hover{border:2px solid #20a0ff}@media screen and (max-width:767px){.photo-upload-box--label{width:160px;height:120px;overflow:visible;border-width:1px}.photo-upload-box--label:hover{border:1px solid rgba(32,160,255,.5)}}.photo-upload-box--label .photo-upload-button{display:flex;align-items:center;justify-content:center;font-size:16px;color:#20a0ff;position:absolute;top:0;right:0;bottom:0;left:0;z-index:auto}.photo-upload-box--label .photo-upload-button--text{display:flex;align-items:center}.photo-upload-box--label .photo-upload-button--text-content{font-size:18px;font-weight:600;color:#20a0ff}@media screen and (max-width:767px){.photo-upload-box--label .photo-upload-button--text-content{font-size:14px}}.photo-upload-box--label .photo-upload-button--text-content>span{font-size:14px;font-weight:500;color:#999}@media screen and (max-width:767px){.photo-upload-box--label .photo-upload-button--text-content>span{font-size:10px}}.photo-upload-box--label .photo-upload-button--text-icon{display:block;width:59px;height:41px}@media screen and (max-width:767px){.photo-upload-box--label .photo-upload-button--text-icon{width:50px;height:34.7px}}.photo-upload-box--label .image-edit-box{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;line-height:25px;color:#fff;text-align:center;visibility:hidden;background-color:rgba(74,74,74,.4);opacity:0;transition:all .3s ease-in-out;transform:translate(-50%,-50%)}@media screen and (max-width:767px){.photo-upload-box--label .image-edit-box{visibility:visible;opacity:1}}.photo-upload-box--label .image-edit-box div+div{margin-top:16px}.photo-upload-box--label .image-edit-box>div{z-index:10;width:100px;height:30px;font-size:14px;text-align:center;cursor:pointer;background:rgba(0,0,0,.4);border-radius:100px}.photo-upload-box--label .image-edit-box>div i{margin-right:5px;font-size:14px;line-height:30px}.photo-upload-box--label .image-edit-box.en>div{width:130px}.photo-upload-box--label .hidden{display:none}.photo-upload-box--label-have-img,.photo-upload-box--label-have-img:hover{border:1px solid rgba(0,0,0,.1)}.photo-upload-box--label-have-img:hover .image-edit-box{visibility:visible;opacity:1}.photo-upload-box--label-have-img:hover .image-edit-box i{color:#fff}.photo-upload-box i{font-size:42px;line-height:150px}.photo-upload-box--have-no-img .photo-upload-box--label{width:50%;height:80px;border:2px solid rgba(32,160,255,.5)}.photo-upload-box--have-no-img .photo-upload-box--label:hover{border:2px solid #20a0ff}@media screen and (max-width:767px){.photo-upload-box--have-no-img .photo-upload-box--label{height:60px;border-width:1px}.photo-upload-box--have-no-img .photo-upload-box--label:hover{border:1px solid rgba(32,160,255,.5)}}.photo-upload-box--have-no-img .photo-upload-box--label .photo-upload-button--text{text-align:left}.photo-upload-box--have-no-img .photo-upload-box--label .photo-upload-button--text-icon{margin-right:18px}@media screen and (max-width:767px){.photo-upload-box--have-no-img .photo-upload-box--label .photo-upload-button--text-icon{margin-right:6px}}.photo-upload-box--have-no-img .photo-upload-box--label:first-child{margin-right:60px}@media screen and (max-width:767px){.photo-upload-box--have-no-img .photo-upload-box--label:first-child{margin-right:10px}}.photo-upload-box--have-img .photo-upload-box--label .photo-upload-button--text{flex-direction:column}.photo-upload-box--have-img .photo-upload-box--label .photo-upload-button--text-icon{margin-bottom:15px}.photo-upload-box--have-img .photo-upload-box--label:first-child{margin-right:20px}.photo-upload-box--logo .photo-upload-box--label:first-child{width:0;margin-right:0;visibility:hidden}.photo-upload-box--logo.photo-upload-box--have-no-img .photo-upload-box--label:nth-child(2){width:100%}