@font-face{font-family:HarmonyOS;src:url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Regular-J.woff2) format('woff2'),url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Regular-J.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS;src:url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Medium-J.woff2) format('woff2'),url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Medium-J.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS;src:url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Bold-J.woff2) format('woff2'),url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Bold-J.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS;src:url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Black-J.woff2) format('woff2'),url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Black-J.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS;src:url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Light-J.woff2) format('woff2'),url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Light-J.woff) format('woff');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS;src:url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Thin-J.woff2) format('woff2'),url(//resource.hellofont.cn/font/HarmonyOS_SansSC_Thin-J.woff) format('woff');font-weight:200;font-style:normal;font-display:swap}body{color:#25242f;background:#fff;margin:0;height:100%;overflow:auto;font-family:HarmonyOS,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143}body>main{position:relative;margin-top:80px}a,a:active,a:hover{color:#333}img[src=""],input[type=checkbox],input[type=file],input[type=radio]{display:none}:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{color:#9d9d9d}input{border:1px solid #000;padding:0 10px;line-height:38px;height:40px}input:-moz-read-only{background:#f0f0f0}input:read-only{background:#f0f0f0}textarea{display:block;width:100%;background:#f0f0f0;padding:10px;color:#747474;font-size:14px;resize:none;border:0;overflow:auto}::-webkit-scrollbar{width:5px;height:5px;background-color:#dbdbdb}::-webkit-scrollbar-track{background-color:#dbdbdb}::-webkit-scrollbar-thumb{background-color:#aeaeae}@media screen and (max-width:768px){body>main{margin:0}input input{line-height:32px}::-webkit-scrollbar:horizontal{display:none}}.content-box{width:100%;padding-right:150px;padding-left:150px}.content-box:after,.content-box:before{content:" ";display:table}.content-box:after{clear:both}.box-900{width:900px;margin:0 auto}.box-1100{width:1100px;margin:0 auto}.box-main{width:1126px;max-width:100%;margin:0 auto}.box-main:after,.box-main:before{content:" ";display:table}.box-main:after{clear:both}.row{margin-left:-15px;margin-right:-15px}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.row>*{float:left;padding-left:15px;padding-right:15px}.row.-col-4>*{width:25%}.row.-col-5>*{width:20%}.row.-col-6>*{width:16.6666%}.row.-col-3>*{width:33.3333%}.row.-col-2>*{width:50%}@media screen and (max-width:1920px){.content-box{padding-right:120px;padding-left:120px}}@media screen and (max-width:1440px){.content-box{padding-right:60px;padding-left:60px}}@media screen and (max-width:1260px){body{min-width:1126px;margin:0 auto}.content-box{padding-right:30px;padding-left:30px}}*,:after,:before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.2;color:inherit;margin-top:10px;margin-bottom:10px}h1{font-size:36px;line-height:53px;letter-spacing:2.3px;margin:0}h2{font-size:28px;line-height:40px;letter-spacing:1.12px;margin:0}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}p{margin:0 0 10px}input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}img{vertical-align:middle;max-width:100%;border:0}ul{list-style-type:none;padding:0}small{color:#9d9d9d;font-size:12px;font-weight:400}em,i{font-style:normal}b{font-weight:400}a,a:active,a:focus,a:hover{text-decoration:none;cursor:pointer;outline:0}article,aside,footer,header,main,menu,nav,section{display:block}canvas,video{display:inline-block;vertical-align:baseline}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}th{font-weight:500}@media (max-width:768px){body{min-width:auto}.box-1100,.box-900,.box-main{width:100%;padding:0 16px;margin:0}.content-box{padding-right:16px;padding-left:16px}.row>*{width:100%!important}h1,h2{font-size:24px;letter-spacing:1.54px;line-height:35px}}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.pull-none{float:none!important}.back-ff{background:#fff}.back-f0{background:#f2f2f2;background:linear-gradient(360deg,#f2f2f2 0,#fafafa 100%)}.red{color:#ff5f4b}.gold{color:#ddb06c}.blue{color:#2852f0}.center{text-align:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.avatar{width:50px;height:50px;border-radius:50%}@media screen and (max-width:768px){.back-f0{background:#f0f0f0}.avatar{width:36px;height:36px}}.border-radius{border-radius:8px;overflow:hidden}.link{color:#758df4}.link.underline{text-decoration:underline}.link:hover{color:#758df4;text-decoration:underline}h4.category{margin:0 0 20px}h4.category a.all{float:right;color:#5079f7;font-size:12px;font-weight:400;margin-top:4px}.flex{display:flex;justify-content:space-between;flex-wrap:wrap}.lq-margin{margin-left:-.35em}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.c-btn{color:#fff;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#000;border:1px solid #000;line-height:38px;text-align:center;padding:0 23px;cursor:pointer;letter-spacing:1px;border-radius:12px}.c-btn:active,.c-btn:hover{color:#fff}.c-btn.full{width:100%}.c-btn.red{color:#fff;background:#ff5f4b;border-color:#ff5f4b}.c-btn.gold{color:#fff;background:#deae79;border-color:#deae79}.c-btn.gold:hover{opacity:.8}.c-btn.grey{background:#9b9b9b;border-color:#9b9b9b;color:#fff}.c-btn.blue{background:#758df4;border-color:#758df4;color:#fff}.c-btn.blue.disabled{background:#a3b6ff!important;border-color:#a3b6ff!important}.c-btn.blue-border{background:#fff;border-color:#758df4;color:#758df4}.c-btn.blue-border.disabled{color:#a3b6ff!important;border-color:#a3b6ff!important}.c-btn.blue-f{background:#758df4;border-color:#758df4;color:#fff}.c-btn.white{background:0 0;color:#313131;border-color:#313131}.c-btn.white-f{background:0 0;color:#6c6c6c;border-color:#9d9d9d}.c-btn.disabled{background:#dbdbdb!important;border-color:#dbdbdb!important;color:#fff!important;cursor:default}.c-btn.medium{line-height:30px;font-size:14px;border-radius:8px}.c-btn.small{line-height:26px;font-size:12px;padding:0 16px;border-radius:4px}.c-btn.mini{width:auto;font-size:12px;line-height:18px;padding:0 5px;border-radius:2px}@media screen and (max-width:768px){.c-btn{line-height:30px;padding:0 15px}}.c-dialog{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:rgba(0,0,0,.5)}.c-dialog .dialog{transform:translate(0,-25%)}.c-dialog.in .dialog{transform:translate(0,0)}.c-dialog.middle .dialog{top:50%;transform:translate(0,-80%)}.c-dialog.middle.in .dialog{transform:translate(0,-50%)}.c-dialog.small .dialog{width:388px;padding:32px 45px 0}.c-dialog.small .dialog h4{margin:0 0 28px}.c-dialog.small .c-btn{margin-bottom:45px}.dialog{transition:transform .3s ease-out;position:relative;top:20%;margin:0 auto 30px;background:#fff;box-shadow:0 3px 9px rgba(0,0,0,.1);border-radius:24px;overflow:hidden;padding:45px 45px 0;max-width:90%;width:500px}.dialog.small{width:388px}.dialog .close{width:22px;padding:5px;position:absolute;right:16px;top:16px;opacity:1;cursor:pointer}.dialog h4{text-align:center;font-size:20px;line-height:30px;margin:0 0 35px;font-weight:500}.dialog p{margin:0 0 5px}.dialog input{border-color:#f0f0f0}.dialog textarea{height:90px}.dialog .c-btn{margin-bottom:60px;display:block}.dialog .row.btn-2{padding:0 5px;margin:0}.dialog .row.btn-2 .c-btn{position:relative;width:50%;float:left}.dialog .row.btn-2 .c-btn:first-child{left:-5px}.dialog .row.btn-2 .c-btn:last-child{left:5px}.dialog:after,.dialog:before{content:" ";display:table}.dialog:after{clear:both}.dialog h4~h5{margin-top:-25px;line-height:1.4}.dialog>h5{margin:0 0 35px;text-align:center}.dialog [type=text],.dialog>*{display:block;width:100%;margin:0 auto 15px}.dialog>.bottom{line-height:50px;font-size:14px;margin:0 -45px;width:auto;color:#2852f0;text-align:center;cursor:pointer}.dialog>input{background:#f0f0f0}@media screen and (max-width:768px){.c-dialog.mobile-full{overflow:hidden!important}.c-dialog.mobile-full .dialog{position:absolute;top:0;left:0;border-radius:0;height:100%;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto}.c-dialog.small .dialog{padding:30px 18px 0;width:320px;max-width:82%}.c-dialog.small .dialog .c-btn{margin-bottom:36px}.dialog{top:10%;padding:24px 20px 28px;border-radius:16px;max-width:94%}.dialog .close{width:20px;top:10px}.dialog>.c-btn,.dialog>input{line-height:40px}.dialog textarea{height:60px}.dialog h4{margin:0 0 20px;font-size:18px}.dialog h4~h5{margin-top:-10px}.dialog>h5{margin:0 0 25px}.dialog>.bottom{margin:0;position:absolute;left:0;bottom:0;width:100%}.keyboard-show .dialog>.bottom{display:none}}.c-dropdown{position:relative;cursor:pointer}.c-dropdown .trigger{position:relative;z-index:11}.c-dropdown .trigger.icon{padding-right:30px}.c-dropdown .trigger:after{position:absolute;right:8px;top:50%;display:block}.c-dropdown .icon.arrow:after{font-family:icomoon;content:'\e918';font-size:12px;transform:scale(.5,.5);margin-top:-8px;line-height:16px}.c-dropdown .icon.triangle:after{content:" ";background:url(//resource.hellofont.cn/icon/drop.svg) no-repeat;width:10px;height:6px;margin-top:-3px}.c-dropdown.border{border:1px solid #dbdbdb;line-height:38px}.c-dropdown.border .trigger{padding:0 10px}.c-dropdown.border .drop{top:38px}.c-dropdown .back{position:fixed;left:-10000px;right:-10000px;bottom:-10000px;top:-10000px;z-index:990}.c-dropdown .drop{z-index:1000;min-width:60px;padding:5px 0;margin:6px 0 0;position:absolute;top:100%;left:-1px;width:calc(100% + 2px);border-radius:8px;box-shadow:0 0 8px 0 rgba(27,26,33,.24);background:#fff;line-height:2}.c-dropdown .drop>a{display:block}.c-dropdown.pop-fixed .drop{position:fixed}@media screen and (max-width:768px){.full-screen .drop{position:fixed;top:45%;left:20%;width:60%;transform:translate(0,-50%);padding:15px 0;border:0}.full-screen .back{background:rgba(0,0,0,.4)}}.c-hover{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-pagination{text-align:center;padding-bottom:60px;clear:both}.c-pagination a,.c-pagination i{width:40px;line-height:40px;margin:0 15px;font-size:16px;cursor:pointer;color:#9b9b9b;display:inline-block}.c-pagination .icon{border:1px solid #e0e0e0;border-radius:50%;font-size:14px;background:#fff}.c-pagination a:hover{color:#333}.c-pagination a.active{background:#000;border-radius:20px;color:#fff}.c-pagination i.divider{width:auto;position:relative;top:-4px}@media screen and (max-width:768px){.c-pagination{padding:5px 0 25px}.c-pagination a,.c-pagination i{margin:0 2px;width:32px;height:32px;line-height:32px}}.list-empty{padding:120px 0;text-align:center}.list-empty img{height:160px;margin-bottom:15px}@media screen and (max-width:768px){.list-empty{padding:30px 0}.list-empty img{max-height:100px}}.c-popover{position:relative;cursor:pointer}.c-popover .pop{position:absolute;background:#fff;z-index:1}.c-slide{position:relative}.c-slide i{display:block;position:absolute;cursor:pointer;z-index:10}.c-tab-item{display:inline-block;cursor:pointer;position:relative}.c-tip{position:relative;display:inline-block;line-height:1.2;cursor:pointer;min-width:10px}.c-tip .icon{width:10px}.c-tip .pop{text-align:left;position:absolute;bottom:16px;right:0;width:252px;color:#9d9d9d;font-size:12px;padding:14px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.14);line-height:20px;font-weight:400}.c-tip .pop p{color:#6c6c6c;margin:7px 0 0}@font-face{font-family:icomoon;src:url(//resource.hellofont.cn/icon8/icomoon.ttf) format('truetype'),url(//resource.hellofont.cn/icon8/icomoon.woff) format('woff');font-weight:400;font-style:normal}.icon{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon}.icon:before{display:inline-block;position:relative;margin-right:5px;font-size:14px;line-height:12px;top:2px;background-size:100%}.icon-mark:before{content:' ';width:14px;height:14px;margin-right:3px;background-image:url(//resource.hellofont.cn/icon/mark.png)}.btn-font-active{display:inline-block;position:relative}.btn-font-active .ico{padding:1px;width:20px}.btn-font-active .ico:hover{border-radius:4px;background:#e8ebfc}.btn-font-active.switch{width:30px;height:18px;cursor:pointer;transition:border-color .3s,background-color .3s;vertical-align:middle;background:#dfdedc;border-radius:9px}.btn-font-active.switch:after{content:' ';position:absolute;top:3px;left:3px;border-radius:100%;transition:.3s;width:12px;height:12px;background-color:#fff}.btn-font-active.active{background:linear-gradient(182deg,#5c7bf8 1%,#5b96f5 99%)}.btn-font-active.active:after{left:100%;margin-left:-17px}.btn-font-active.big{width:42px;height:24px;border-radius:12px}.btn-font-active.big:after{width:16px;height:16px;top:4px;left:4px}.btn-font-active.big.active:after{left:100%;margin-left:-19px}.btn-font-active.loading:after{background:url(//resource.hellofont.cn/font/activate-loading.gif) center/cover;width:100%;height:100%;left:0;top:0}.dialog-confirm.font-offiline-tip .dialog{width:600px;border-radius:16px}.dialog-confirm.font-offiline-tip .btn-group{gap:21px}.dialog-confirm.font-offiline-tip .btn-group .c-btn{height:48px;line-height:46px;width:180px}.dialog-confirm.font-offiline-tip .cancel{border-color:#9d9d9d;color:#6c6c6c}.btn-license{border:0;border-radius:6px;padding:0}.font-card .btn-license.own{background:0 0!important;color:#fff}.btn-mark b{display:none}.btn-mark.active{background:#fff;border-color:#9d9d9d;color:#000}.btn-hover-container:hover .btn-mark.active,.btn-mark.active:hover{background:#000;border-color:#000;color:#fff}.btn-hover-container:hover .btn-mark.active b,.btn-mark.active:hover b{display:inline}.btn-hover-container:hover .btn-mark.active i,.btn-mark.active:hover i{display:none}.c-btn.btn-share{width:40px;height:40px;border:1px solid #dbdbdb;background:#fff;padding:0}.c-btn.btn-share img{width:40px}@media screen and (max-width:768px){.c-btn.btn-share{width:36px;height:36px}}.dialog-share{color:#333;line-height:1.4;letter-spacing:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.dialog-share .info{text-align:center;margin:0 0 30px}.dialog-share .info p{font-size:14px;margin:0 0 15px}.dialog-share .info h2{font-size:55px;margin:0 0 10px}.dialog-share .info h4{font-size:21px;margin:0 0 8px}.dialog-share .info small i{margin:0 5px}.dialog-share .link{position:relative;padding-right:110px;margin:0 0 15px}.dialog-share .link input{line-height:38px;width:100%;color:#777;font-size:12px}.dialog-share .link .c-btn{width:110px;position:absolute;right:0;top:0;border-radius:0}.dialog-share .code{line-height:120px;color:#777;text-align:right;position:relative;padding:0 0 45px;margin:30px 0 0}.dialog-share .code img{position:absolute;top:0;left:0;width:120px;height:120px}.dialog-share .code canvas{opacity:0}@media (max-width:768px){.dialog-share .link{padding:0;margin:0}.dialog-share .link .c-btn{position:static;width:100%;margin:15px 0 0}}.dialog-client-download.mobile .dialog{width:343px;padding:32px 12px 22px}.dialog-client-download.mobile h4{font-size:16px;line-height:22px;margin:0}.dialog-client-download.mobile .steps{margin:23px 0 0}.dialog-client-download.mobile .steps>div{margin:0 0 16px;padding:20px;border-radius:12px;height:auto}.dialog-client-download.mobile .steps>div:nth-child(1){background:linear-gradient(180deg,#f2f7ff 0,#f2f7ff 100%)}.dialog-client-download.mobile .steps>div:nth-child(2){background:#e8f8fc}.dialog-client-download.mobile .steps>div img{width:28px;top:14px;left:auto;right:20px}.dialog-client-download.mobile .steps h5{font-size:14px;line-height:21px;margin:0 0 11px}.dialog-client-download.mobile .steps p{font-size:14px;opacity:.72}.dialog-client-download.mobile .c-btn{width:100%;line-height:42px;margin:0}.dialog-client-download.font .dialog{width:1030px}.dialog-client-download.font .btn-row{margin-bottom:34px;text-align:center}.dialog-client-download.font .c-btn{width:308px;line-height:58px;font-size:18px}.dialog-client-download.font .c-btn~.c-btn{margin-left:40px}.dialog-client-download .dialog{width:660px;padding:35px 60px 22px;text-align:center}.dialog-client-download .dialog>p{color:#3b3948;margin:0 0 32px}.dialog-client-download h4{font-size:24px;line-height:35px;margin:0 0 6px;color:#000}.dialog-client-download small{color:#6c6c6c;font-size:16px}.dialog-client-download .preview{display:block;width:100%;margin:24px 0 28px}.dialog-client-download .steps{margin:68px -3px 50px;width:auto}.dialog-client-download .steps div{text-align:left;width:304px;padding:42px 0 0 62px;height:160px;border-radius:40px;margin:0 3px;font-size:16px;position:relative;line-height:23px;background-size:cover}.dialog-client-download .steps div img{position:absolute;top:42px;left:30px;width:24px}.dialog-client-download .steps div:last-child{width:290px}.dialog-client-download .steps h5{font-size:18px;margin:0 0 3px;font-weight:500}.dialog-client-download .steps h5.step{position:absolute;left:30px;top:-33px;color:#75757d;line-height:26px}.dialog-client-download .btn-row{margin:28px auto 14px;text-align:center;display:flex}.dialog-client-download .c-btn{display:inline-block;width:280px;line-height:48px;font-size:16px;margin:0}.dialog-client-download .c-btn.white{color:#97969e;border-color:#dddddf;margin-right:12px;width:264px}.dialog-client-download .c-btn.white~.blue{width:264px}.dialog-client-video .dialog{width:800px;padding:0}.dialog-company-book .dialog{width:606px}.dialog-company-book .c-form{margin:34px 0 0}.dialog-company-book .c-form .line{margin:0 0 1px}.dialog-company-book .c-form .line input,.dialog-company-book .c-form .line>*{display:inline-block;line-height:44px;height:44px}.dialog-company-book .c-form .line>i{width:76px;color:#605a5a}.dialog-company-book .c-form input{width:434px;border-radius:8px;background:#f7f7f7;border:0;padding:0 13px}.dialog-company-book .c-btn{float:right;margin:16px auto 46px;line-height:46px}@media screen and (max-width:768px){.dialog-company-book .c-form input,.dialog-company-book .c-input{width:100%}}.dialog-company-consult .dialog{width:812px;padding:44px 48px}.dialog-company-consult .contact{margin:0 0 28px}.dialog-company-consult .contact>div{float:left;text-align:center;margin-right:22px;width:224px;height:236px;padding:25px 0 0;border-radius:20px;background:#f7f7f7;position:relative}.dialog-company-consult .contact>div>div{text-align:center}.dialog-company-consult .contact>div:last-child{margin:0}.dialog-company-consult .contact i{display:block;margin:0 0 16px;line-height:26px;color:#696873;font-size:20px}.dialog-company-consult .contact i img{width:32px;margin-right:6px;vertical-align:top}.dialog-company-consult .contact p{font-size:12px;color:#75757d;margin:0;line-height:18px}.dialog-company-consult .contact~p{color:#97969e;text-align:center;margin:0 0 20px}.dialog-company-consult .contact~.c-btn{margin:20px auto 0;background:#758df4;border-color:#758df4}.dialog-company-consult .c-btn{font-size:16px;width:180px;line-height:46px;border-radius:8px}.dialog-company-consult .c-1 div img{width:122px}.dialog-company-consult .c-1 div p{color:#97969e;margin:7px 0 0}.dialog-company-consult .c-2 h5{color:#25242f;font-size:24px;font-weight:700;margin:44px 0 7px;line-height:48px}.dialog-company-consult .c-2 p~h5{margin-top:15px}.dialog-company-consult .c-3 .c-btn{margin:44px auto 7px;background:0 0}@media screen and (max-width:768px){.dialog-company-consult .dialog{top:5%!important;transform:translate(0,0)!important}.dialog-company-consult .contact>div{margin:0 0 20px;width:100%}}.dialog-company-offline-font .dialog{padding:0;width:384px;border-radius:12px}.dialog-company-offline-font .close{width:20px;right:33px;top:29px}.dialog-company-offline-font .main{padding:17px 36px}.dialog-company-offline-font .main h5{padding:15px 0 18px;margin:0 0 18px;border-bottom:1px solid #edecef}.dialog-company-offline-font .main p{font-size:12px;color:#898994;padding-left:12px;position:relative;margin:0 0 10px}.dialog-company-offline-font .main p i{position:absolute;left:0;top:0}.dialog-company-offline-font .btn-row{background:#f5f5f8;padding:20px 36px;text-align:right;margin:0}.dialog-company-offline-font .c-btn{padding:0;margin:0;width:96px;display:inline-block;border-radius:6px;line-height:32px}.dialog-company-renew .dialog{width:606px;padding:44px 48px}.dialog-company-renew h4{margin:0}.dialog-company-renew .code-box{margin:26px 0;border-radius:20px;background:#f7f7f7;padding:36px;text-align:center}.dialog-company-renew .code-box img{width:198px}.dialog-company-renew .c-btn{width:180px;line-height:46px;margin:0 auto}.dialog-confirm{z-index:1051}.dialog-confirm .dialog{width:388px;padding:38px 45px 29px}.dialog-confirm .dialog>h4{color:#000;font-size:20px;font-weight:500;margin:0 0 27px}.dialog-confirm .tip{text-align:center;margin:-12px 0 30px;color:#75757d}.dialog-confirm .tip:empty{margin:0}.dialog-confirm .btn-group{display:flex;justify-content:center;gap:16px}.dialog-confirm .btn-group.btn-1 .c-btn{width:200px}.dialog-confirm .btn-group .c-btn{width:132px;max-width:90%;padding:0 16px;margin:0;border-radius:8px}.dialog-confirm.big .dialog{width:580px}.dialog-confirm.big .dialog>h4{font-size:21px}.dialog-confirm.big .tip{font-size:16px}.dialog-confirm.big .btn-group{gap:20px}.dialog-confirm.big .btn-group.btn-1 .c-btn{width:240px}.dialog-confirm.big .btn-group .c-btn{width:160px;font-size:16px;line-height:50px}.dialog-confirm.big .cancel{border-color:#9d9d9d;color:#6c6c6c}.dialog-confirm.client .dialog{padding:32px 36px 0;border-radius:10px}.dialog-confirm.client .dialog>*{text-align:left}.dialog-confirm.client .dialog h4{font-size:14px;line-height:18px;padding:0 0 18px;margin:0;border-bottom:1px solid #edecef}.dialog-confirm.client .close{width:20px;top:31px;right:34px}.dialog-confirm.client .tip{color:#898994;font-size:12px;margin:20px 0 30px}.dialog-confirm.client .btn-group{background:#f5f5f8;padding:20px 36px;justify-content:flex-end;gap:0 20px;margin:0 -36px;width:auto}.dialog-confirm.client .btn-group .c-btn{width:96px;line-height:32px;border-radius:6px;padding:0;font-size:12px}@media screen and (max-width:768px){.dialog-confirm .dialog{padding:32px 36px 27px}.dialog-confirm .dialog h4{font-size:16px;line-height:20px}.dialog-confirm .tip{font-size:12px}.dialog-confirm.client .dialog{padding:32px 32px 0}}.dialog-first-font-mark .dialog{text-align:center;width:480px;height:330px;padding:0;color:#252430}.dialog-first-font-mark .background{width:100%;height:100%;padding:196px 45px 0}.dialog-first-font-mark h4{margin:0 0 18px;font-size:20px;font-family:PingFang SC,PingFang SC-Medium}.dialog-first-font-mark p{margin:0 0 8px;font-family:PingFang SC,PingFang SC-Regular;color:#75757d;font-size:14px}.dialog-first-font-mark p a{color:#2852f0;text-decoration:underline}.dialog-font-award.n1 .dialog{width:660px;padding:16px}.dialog-font-award .dialog{top:8vh;width:780px;padding:16px 76px;margin:0 auto 60px}.dialog-font-award .dialog>*{margin:0;border-radius:12px}.dialog-font-award .pic{width:100%}.dialog-font-award .logo{height:58px;margin:0 0 50px}.dialog-font-award .info{height:90vh;background:#f9f9fa;display:flex;justify-content:center;align-items:center}.dialog-font-award .info p{margin:0 0 5px}.dialog-font-award .info i{color:#75757d;margin-right:12px}.dialog-font-award .info a{color:#5777ff}.dialog-font-award .icon.move{width:40px;line-height:40px;border-radius:50%;position:fixed;background:#3b394880;top:50%;left:50%;margin-top:-20px;cursor:pointer;color:#fff;font-size:24px;text-align:center}.dialog-font-award .icon.move:hover{opacity:.6}.dialog-font-award .icon-left{margin-left:-372px}.dialog-font-award .icon-right{margin-left:332px}.dialog-font-case .dialog{margin:0 auto;top:10%;width:100%;padding:0 236px 0 0;position:relative;overflow:visible}.dialog-font-case .dialog.active{padding:0}.dialog-font-case .dialog.active .info-box{display:none}.dialog-font-case .dialog.active .img-box i:after{content:'\e92d'}.dialog-font-case .back{margin:15px 15px 0}.dialog-font-case .img-box{min-height:350px;line-height:350px;background:#edeef2;position:relative;border-top-left-radius:24px;border-bottom-left-radius:24px;overflow:hidden;margin:0}.dialog-font-case .img-box b{position:absolute;display:block;border-radius:50%;background:#000;z-index:1;width:20px;height:20px;margin:-10px;opacity:.75}.dialog-font-case .img-box b:after{content:' ';position:absolute;top:50%;left:50%;display:block;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff;z-index:2}.dialog-font-case .img-box i{display:block;width:30px;line-height:30px;text-align:center;font-size:20px;position:absolute;right:0;top:0;background:rgba(0,0,0,.4);color:#fff;cursor:pointer}.dialog-font-case .img-box i:after{content:'\e92c'}.dialog-font-case .img-box .pic{width:100%}.dialog-font-case .img-box .tag{position:absolute;left:0;top:6px;cursor:pointer;width:108px;background:#3d63f4;border-radius:0 6px 6px 0;box-shadow:0 0 4px 0 rgba(49,49,49,.12)}.dialog-font-case .img-box .tag:hover{background:#3b5bd5}.dialog-font-case .info-box{position:absolute;right:0;top:0;width:236px;padding:24px 16px 80px;max-width:100%;height:100%;margin:0}.dialog-font-case .info-box.with-link{padding-bottom:120px}.dialog-font-case .info-box.with-link .case-fonts{height:calc(100% - 160px)}.dialog-font-case .c-author{background:#f6f5f6;border-radius:6px;padding:18px 10px 14px;color:#000;position:relative;margin:20px 0 25px}.dialog-font-case .c-author>i{position:absolute;top:-20px;display:block;margin:0 0 8px}.dialog-font-case .case-fonts{height:calc(100% - 100px)}.dialog-font-case .case-fonts h5{margin:0;padding:0 10px 5px;font-size:12px;color:#9b9b9b;border-bottom:1px solid #f0f0f0}.dialog-font-case .case-fonts .font-line{padding-right:10px;padding-left:10px}.dialog-font-case .btn-box{position:absolute;bottom:0;left:0;width:100%;padding:20px 16px}.dialog-font-case .btn-box .c-btn{border-radius:6px;width:100%}.dialog-font-case .btn-box .c-btn:before{content:' ';width:24px;height:24px;display:inline-block;background-size:cover;vertical-align:middle;position:relative;top:-2px}.dialog-font-case .btn-box .c-btn.btn-link{margin:0 0 10px}.dialog-font-case .btn-box .c-btn.btn-link:before{background-image:url(//resource.hellofont.cn/font-case/btn-edit.png)}.dialog-font-case .btn-box .c-btn.btn-mark{margin:0;border:1px solid #313131;background:#fff;color:#333}.dialog-font-case .btn-box .c-btn.btn-mark:before{background-image:url(//resource.hellofont.cn/font-case/btn-mark.png)}.dialog-font-case .icon.move{width:80px;line-height:80px;position:fixed;top:50%;margin-top:-40px;cursor:pointer;color:#fff;font-size:40px;text-align:center}.dialog-font-case .icon-left{left:0}.dialog-font-case .icon-right{right:0}@media screen and (max-width:768px){.dialog-font-case .dialog{top:0!important;padding:0}.dialog-font-case .img-box{min-height:0;line-height:0;padding:15px;background:#fff;border-top-left-radius:24px;border-bottom-left-radius:24px;overflow:hidden}.dialog-font-case .info-box{position:relative;margin:0;height:auto;width:100%;padding:15px}.dialog-font-case .fonts h5{color:#000;margin:30px 0 0}.dialog-font-case .fonts p{line-height:45px}.dialog-font-case .icon.move{display:none}.dialog-font-case .c-author{margin:0 0 30px;padding:15px}.dialog-font-case .btn-box{position:absolute;top:28px;right:28px;left:auto;width:auto;padding:0}}.dialog-font-group .groups{height:240px;overflow:auto;margin:0 -20px 20px;padding:0 20px;box-sizing:content-box}.dialog-font-group .dialog .group-done{margin:60px 0 8px}@media screen and (max-width:768px){.dialog-font-group .dialog .group-done{margin:30px 0 45px}}.dialog-font-group .dialog .group-create{margin:0 0 32px}.dialog-license-offline.sale .dialog{width:812px}.dialog-license-offline.brand-wide .dialog{width:666px}.dialog-license-offline.brand-wide .item.brand .show-copy{width:300px}.dialog-license-offline .dialog{width:606px;text-align:center;padding:44px 48px}.dialog-license-offline .dialog>p{color:#97969e;margin:0 0 20px}.dialog-license-offline h4{margin:0 0 20px}.dialog-license-offline .empty{padding:24px 0 8px}.dialog-license-offline .empty h4{margin:0 0 58px}.dialog-license-offline .sale-items{margin:0 0 28px}.dialog-license-offline .item{border-radius:20px;background:#f7f7f7;margin:0 0 21px;position:relative}.dialog-license-offline .item .label{color:#696873;line-height:26px;font-size:20px}.dialog-license-offline .item a,.dialog-license-offline .item h5{color:#25242f;font-weight:700;font-size:24px;margin:0 0 3px;line-height:35px;overflow:hidden;text-overflow:ellipsis}.dialog-license-offline .item a{color:#5777ff}.dialog-license-offline .item p{color:#75757d;font-size:12px}.dialog-license-offline .item.sale{float:left;text-align:center;margin:0 22px 0 0;width:224px;height:236px;padding:25px 0 0;border-radius:20px;background:#f7f7f7;position:relative}.dialog-license-offline .item.sale:last-child{margin:0}.dialog-license-offline .item.sale .label{display:block;margin:0 0 16px;color:#696873}.dialog-license-offline .item.sale-account .code{width:120px;margin:0 0 7px}.dialog-license-offline .item.sale-account p{color:#97969e}.dialog-license-offline .item.sale-phone .no-400{padding-top:28px}.dialog-license-offline .item.sale-phone p{margin:0 0 12px}.dialog-license-offline .item.sale-chat .c-btn{font-weight:500;font-size:16px;margin:44px auto 7px;background:#f7f7f7}.dialog-license-offline .item.brand{height:72px;padding:20px 40px 0 165px}.dialog-license-offline .item.brand .label{position:absolute;left:40px;top:20px;line-height:35px}.dialog-license-offline .item.brand .label img{width:32px;margin-right:6px;position:relative;top:-1px}.dialog-license-offline .item.brand .label~div{text-align:left;overflow:hidden;text-overflow:ellipsis}.dialog-license-offline .item.brand a,.dialog-license-offline .item.brand h5{display:inline-block;white-space:nowrap}.dialog-license-offline .item.brand .show-copy{display:block;float:left;width:240px}.dialog-license-offline .item.brand .show-copy~.copy{display:block}.dialog-license-offline .item.brand .copy{display:none;float:right;font-size:14px;font-weight:500}.dialog-license-offline .item.brand~.c-btn{margin-top:24px}.dialog-license-offline .c-btn{width:180px;margin:0 auto;line-height:46px;background:#758df4;border-color:#758df4}.dialog-license-offline .c-form{margin:0 0 2px}.dialog-license-offline .c-form .c-btn{margin-top:32px}.dialog-license-offline .c-input{text-align:left}.dialog-license-offline .c-input>*{height:44px;line-height:44px}.dialog-license-offline .c-input label{display:inline-block;width:80px;color:#605a5a}.dialog-license-offline .c-input input{float:right;width:430px;border-radius:8px;background:#f7f7f7}.dialog-license-offline.done h5{font-size:12px;color:#6c6c6c;margin:-16px 0 22px}.dialog-license-offline .img-wrap{width:504px;height:270px;border-radius:20px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;margin:0 auto}.dialog-license-offline .inline-service{padding-top:12px;color:#97969e}.dialog-license-offline .inline-service a{color:#5777ff}.dialog-license-offline .price-box{width:504px;opacity:1;border-radius:6px;background:#f5f5f8;border:1px solid #f7f7fa;margin:0 auto;padding:0 40px}.dialog-license-offline .price-box .line-wrap{height:52px;line-height:52px;color:#484859}.dialog-license-offline .price-box .line-wrap span{display:inline-block;width:190px}.dialog-license-offline .price-box .line{border-bottom:1px solid #edecef}.dialog-license-offline .purchase-btn{margin-top:24px}.dialog-license-single .dialog{top:15%;padding:29px 36px 72px;width:520px;border-radius:12px;overflow:visible;position:relative}.dialog-license-single .dialog>h4{margin:0 0 17px;padding:0 0 18px;border-bottom:1px solid #edecef;font-size:14px;text-align:left}.dialog-license-single .dialog>h5{color:#898994;margin:17px 0 15px;font-size:12px;text-align:left}.dialog-license-single .dialog>.bottom{position:absolute;bottom:0;left:0;height:72px;width:100%;background:#f5f5f8;padding:20px 36px;line-height:32px;margin:0;text-align:right;border-radius:0 0 12px 12px}.dialog-license-single .close{width:20px;right:33px;top:29px}.dialog-license-single .row{margin-bottom:28px}.dialog-license-single .row div{width:104px;height:134px;border-radius:21px;background:#fff6f2;color:#e5a280;margin-right:10px;position:relative;text-align:center}.dialog-license-single .row div:nth-child(2){background:#ecfbfb;color:#6ebcbc}.dialog-license-single .row div:nth-child(2) img{margin:14px 0 0}.dialog-license-single .row div:nth-child(3){background:#fff8ef;color:#d9ad7b}.dialog-license-single .row div:nth-child(3) img{margin:19px 0 0}.dialog-license-single .row div:last-child{background:#f4f5fe;color:#969fd3;margin:0}.dialog-license-single .row div:last-child img{margin:18px 0 0}.dialog-license-single .row img{width:64px;margin:21px 0 0}.dialog-license-single .row h5{position:absolute;top:85px;left:0;width:100%;margin:0;font-size:12px}.dialog-license-single .c-popover{display:inline-block}.dialog-license-single .pop{z-index:1;background:0 0}.dialog-license-single .pop .inner{background:rgba(51,51,69,.9);border-radius:12px;color:#fff;font-size:12px;text-align:left}.dialog-license-single .pop:before{content:" ";width:16px;height:8px;position:absolute;background:url(//resource.hellofont.cn/icon/pop-triangle.png) 0 0/cover}.dialog-license-single .fonts em{color:#e57a51;text-decoration:underline;margin:0 3px}.dialog-license-single .fonts .pop{left:-220px;top:12px;width:328px;padding:12px 0 0}.dialog-license-single .fonts .pop .inner{padding:16px 32px 14px}.dialog-license-single .fonts .pop:before{left:228px;top:4px;transform:rotate(180deg)}.dialog-license-single .fonts .pop p{color:#eaeaf0;margin:0;line-height:37px;border-bottom:1px solid #646467}.dialog-license-single .fonts .pop p:last-child{border:0}.dialog-license-single .fonts .pop p i{color:#d1963e;margin-left:8px}.dialog-license-single .fonts .pop p a{float:right;color:#8493ff}.dialog-license-single .tip{display:block;float:left;color:#7c7c7f}.dialog-license-single .tip:hover i{background-image:url(//resource.hellofont.cn/single-auth/tip-hover.png)}.dialog-license-single .tip i{position:relative;top:2px;display:inline-block;background:url(//resource.hellofont.cn/single-auth/tip.png) 0 0/cover no-repeat;width:14px;height:14px}.dialog-license-single .tip .pop{width:344px;left:-60px;bottom:16px;padding:0 0 16px}.dialog-license-single .tip .pop .inner{padding:20px 28px;line-height:16px}.dialog-license-single .tip .pop:before{left:59px;bottom:8px}.dialog-license-single .tip .pop p{border-bottom:1px solid #646467;margin:0 0 17px;padding:0 0 16px}.dialog-license-single .tip .pop p:last-child{border:0;margin:0;padding:0}.dialog-license-single .btn-group .c-btn{width:96px;line-height:30px;display:inline-block;margin:0 0 0 12px;padding:0;font-size:12px;border-radius:6px;border-color:#dddfe3;background:#fff}.dialog-license-single .btn-group .c-btn.orange{background:#e57a51;border-color:#e57a51}.dialog-member-lead .dialog{padding:0;width:356px}.dialog-member-lead .dialog .c-btn{display:inline-block;width:136px;margin:0 4px}.dialog-member-lead img{width:100%}.dialog-member-lead .row{text-align:center;margin:24px 34px}.dialog-member-lead .cancel{border:1px solid #deae79;color:#deae79;background:#fff}.dialog-reward-remind .dialog{width:660px;padding-top:43px;border-radius:55px;background:#fdffe8}.dialog-reward-remind .dialog .title{text-align:center}.dialog-reward-remind .dialog .sub-title{font-size:16px;margin-top:19px;text-align:center;color:#6c6c6c}.dialog-reward-remind .dialog .content{display:flex;justify-content:center;align-items:center}.dialog-reward-remind .dialog .content .reward-wrap{text-align:center;width:400px;height:254px;background-image:url(//hellofontresource.oss-cn-beijing.aliyuncs.com/lf/survey/dialog-reward-bg.png);background-size:100% 100%}.dialog-reward-remind .dialog .content .reward-wrap img{margin-top:104px}.dialog-reward-remind .dialog .btn-wrap{margin:16px auto 39px;width:280px;height:55px;line-height:50px;text-align:center;border-radius:24px;overflow:hidden;cursor:pointer;background:#fc5f5f;border:1px solid #000;border-bottom:6px solid #000}.c-address .trigger,.c-address textarea{border:1px solid #dbdbdb;border-radius:8px}.c-address .trigger{line-height:42px;padding:0 15px}.c-address .drop .head{border-bottom:1px solid #eaeAEAFF;line-height:35px;padding:0 21px;text-align:center}.c-address .drop .head span{display:inline-block;width:25%}.c-address .drop .head .active{border-bottom:1px solid #5f77de}.c-address .drop .head .disabled{cursor:default;color:#aaa}.c-address .drop .body{height:164px;overflow:auto;padding:6px 0 10px}.c-address .drop .body p{padding:0 30px;line-height:32px;margin:0}.c-address .drop .body p :hover{background:#f6f6f6}.c-address .drop .active{color:#5976E5FF}.c-address textarea{background:#fbfBFBFF;height:88px;padding:8px 15px;margin:12px 0 0}.c-checkbox{cursor:pointer;font-weight:400}.c-checkbox .ico{width:16px;position:relative;top:-2px;margin-right:10px}.c-checkbox i.ico{height:16px;display:inline-block;top:2px}.c-checkbox.checked i.ico:before{content:' ';display:block;width:16px;height:16px;position:absolute;left:-1px;top:-1px}.c-checkbox input{display:none}.c-checkbox.disabled{cursor:default}.c-form>*{display:block;width:100%;margin:0 auto 15px}.c-input{position:relative}.c-input input{width:100%;border-color:#dbdbdb;background:#fff}.c-input.no-input input{background:#f0f0f0}.c-input .suffix,.c-input>i{position:absolute;display:inline-block;right:10px}.c-input .error{top:50%;margin-top:-7px;line-height:14px;color:#ff735a}.c-input .warning{color:#ff735a;font-size:12px;left:0;bottom:-32px}.c-input .limit{bottom:10px;color:#9d9d9d;font-size:12px}.c-input .limit .over{color:#ff735a}.dialog .c-input{margin:0 auto 15px}.dialog .c-input input{border:none;background:#f0f0f0;margin:0}.dialog .c-input .warning{position:relative;bottom:auto;top:3px}.c-select .icon{font-family:HarmonyOS}.c-select .options>p{padding-left:10px;cursor:pointer;margin:0}.c-select .options>p:hover{background:#ececf0}.c-select.with-placeholder .trigger{color:#9d9d9d}.float{position:fixed;right:24px;top:50%;margin-top:-180px;width:64px;padding:10px;z-index:1010;border-radius:16px;background:#fff;box-shadow:0 3px 12px 0 #818DD130}.float .c-hover{text-align:center;line-height:32px;border-radius:8px;background:#f7f7fa}.float .c-hover img{width:22px}.float .c-hover:hover{background:#e3f5ff}.float .item>h6{font-size:12px;white-space:nowrap;color:#696873}.float .item:nth-child(1) .c-hover:hover{background:#fff3e4}.float .item:last-child .c-hover:hover{background:#e8eeff}.float .item.ad .c-hover:hover{background:#f3ebff}.float .member .c-hover img{width:19px}.float .member .pop{top:-10px}.float .member .pop>div{width:402px;padding:28px 32px 15px;color:#3b3948;font-size:12px}.float .member .pop h5{margin:0 0 19px;padding:0 0 26px;border-bottom:1px solid #f7f7fa}.float .member .pop a{width:110px;line-height:32px;border-radius:12px;background:#fd8f66;color:#fff;display:block;position:absolute;right:32px;top:20px;text-align:center}.float .member .pop .items{line-height:18px}.float .member .pop .items div{position:relative;margin:0 0 17px;padding-left:50px}.float .member .pop .items img{width:30px;position:absolute;left:4px;top:48%;transform:translate(0,-50%)}.float .member .pop .items p{color:#3b3948;margin:0}.float .member .pop .items b{color:#696873}.float .member.code .pop>div{padding:16px;width:142px}.float .member.code .pop img{width:110px}.float .faq .c-hover img{width:28px}.float .faq .pop{top:-95px}.float .faq .pop:before{top:104px}.float .faq .pop>div{padding:12px;width:280px;text-align:center}.float .faq .pop p{color:#75757d;font-size:12px;margin:10px 0 0}.float .faq .row{margin:0 0 10px}.float .faq .row>div{width:120px!important;height:120px;border-radius:20px;line-height:48px;padding:20px 0}.float .faq .row>div:hover{background:#f5f7fd}.float .faq .row>div:first-child{margin-right:16px}.float .faq .row i{display:block;line-height:24px;margin:11px 0 0}.float .pop{right:45px;top:0;background:0 0}.float .pop:before{content:" ";width:8px;height:14px;position:absolute;right:14px;top:19px;z-index:1;background-image:url(//resource.hellofont.cn/float/triangle.svg)}.float .pop>div{line-height:1.4;text-align:left;background:#fff;box-shadow:0 3px 12px 0 #818DD130;margin-right:22px;position:relative;border-radius:20px}.font-effect-float .float{top:auto;right:24px;bottom:200px;display:none}.font-effect-float .float .item.effect .c-hover{background:#f7f7fa;border:1px solid transparent}.font-effect-float .float .item.effect .c-hover img{width:22px}.font-effect-float .float .item.effect .c-hover.hover{background:#ece6ff;border:1px solid transparent}.font-effect-float .float .item.effect .c-popover .pop>div{width:272px;height:57px;line-height:57px;font-size:12px;border-radius:20px;background:#fff;box-shadow:0 3px 12px rgba(129,141,209,.18);text-align:center}.font-effect-float .float .item.effect .c-popover .pop>div p{color:#3b3948}.font-effect-float .float .item.effect .c-popover .pop>div p span{color:#75757d}.font-effect-float .float .item.effect .c-popover .pop>div p a{margin-left:10px;color:#5777ff;cursor:pointer}.font-effect-float .float-btn-wrap{height:80px;position:fixed;z-index:100;right:25px;bottom:146px;display:flex;align-items:flex-end;cursor:pointer}.font-effect-float.hover .float{top:auto;right:24px;bottom:200px;display:block!important}.dialog-float-member-consult .dialog{width:560px;text-align:center;padding:44px 44px 37px}.dialog-float-member-consult h4{margin:0 0 23px}.dialog-float-member-consult .items{display:flex;gap:22px}.dialog-float-member-consult .items>div{flex:1;border-radius:20px;background:#f7f7f7;height:248px;padding:22px}.dialog-float-member-consult .items h5{font-size:18px;margin:0 0 8px}.dialog-float-member-consult .items p{color:#75757d}.dialog-float-member-consult .items+p{color:#97969e;font-size:12px;margin:12px 0 21px}.dialog-float-member-consult .meiqia{width:150px;margin:38px auto 10px;background:0 0}.dialog-float-member-consult .code{margin:16px 0 12px;width:104px}.dialog-float-member-consult .know{width:180px;margin:20px auto 0;line-height:46px;font-size:16px}.dialog-float-member-consult .img-wrap{height:270px;border-radius:20px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;margin:0 auto}.dialog-float-member-consult .inline-service{padding-top:12px;color:#97969e}.dialog-float-member-consult .inline-service a{color:#5777ff}.dialog-float-ad .dialog{width:800px;height:420px;padding:40px 28px 45px 312px;border-radius:32px}.dialog-float-ad .left{position:absolute;left:0;top:0;width:263px;height:420px;background:url(//resource.hellofont.cn/float/ad-left.png) 0 0/cover;padding:304px 0 0 32px}.dialog-float-ad .left img{width:86px}.dialog-float-ad .left p{color:#fff;font-size:20px;margin:14px 0 0}.dialog-float-ad h4{display:flex;align-items:center;margin:0 0 15px}.dialog-float-ad h4 em{color:#7f65ef}.dialog-float-ad h4 img{height:20.5px;margin-left:7px}.dialog-float-ad .info{border-radius:20px;background:#f7f7fa;padding:49px 40px 40px 220px;position:relative;color:#6c6c6c;white-space:nowrap}.dialog-float-ad .info img{position:absolute;width:160px;left:35px;top:32px}.dialog-float-ad .info h5{margin:33px 0 8px;font-weight:400;padding:0 0 7px;border-bottom:1px solid #70707032}.dialog-float-ad .info input{background:0 0;border:0;color:#000;width:175px;padding:0;line-height:21px}.dialog-float-ad .info a{font-size:12px;color:#5777ff}.dialog-float-ad .btn{margin:28px 0 0;display:block;line-height:44px;border-radius:8px;background:#7f65ef;font-size:16px;letter-spacing:1.6px;color:#fff;text-align:center}.team-service{position:fixed;right:24px;top:50%;margin-top:90px;z-index:1010;padding:14px;border-radius:16px;text-align:center;background:#fff;box-shadow:0 3px 12px rgba(129,141,209,.18)}.team-service~.float{margin-top:-220px}.team-service .code{width:120px}.team-service .close{width:14px;padding:3px;position:absolute;top:5px;right:5px;cursor:pointer}.team-service p{font-size:12px;color:#696873;font-weight:500;margin:0 0 5px}.team-service .ico{width:28px;display:block;margin:-2px 4px;cursor:pointer}.partner-invite{position:fixed;z-index:1111;bottom:10vh;right:20px;border-radius:20px;background:linear-gradient(180deg,#0a1627 0,#241f90 100%);border:8px solid #fff;box-shadow:0 0 20px #00000020}.partner-invite .content{padding:31px 120px 0 30px;width:360px;height:220px;background-size:cover}.partner-invite .close{cursor:pointer;position:absolute;right:14px;top:16px;width:10.5px}.partner-invite h5{font-size:20px;color:#ffead6;margin:0 0 11px}.partner-invite p{font-size:16px;line-height:22px;color:#c3b0a6;margin:0 0 27px}.partner-invite a{display:flex;justify-content:center;align-items:center;color:#452323;font-size:16px;font-weight:500;width:213px;height:48px;border-radius:32px;background:linear-gradient(180deg,#ffefe0 0,#ffddba 100%)}footer{position:relative;padding:0 0 60px;color:#97969e}footer a{color:#97969e}footer .main{padding:60px 0 30px;margin:0 0 30px;border-bottom:1px solid #f7f7fa}footer .logo{float:left;margin-left:0}footer .logo img{width:104px}footer nav{float:right;padding:8px 0}footer nav *{margin-right:16px}footer nav a{color:#3b3948}footer .contact{float:left}footer .contact img{height:24px;margin-right:24px;cursor:pointer}footer .copyright{float:right;line-height:24px}footer .copyright *{margin-right:16px}footer .beian img{margin:0 5px 0 15px;position:relative;top:-2px}@media screen and (max-width:768px){.partner-invite{width:335px;right:50%;bottom:20px;margin-right:-167.5px;border:0}.partner-invite .content{width:100%;height:80px;background-size:375px 120px;background-position:center;padding:19px 16px}.partner-invite p{color:#ffead6;font-weight:500;font-size:14px}.partner-invite p i{color:#c3b0a6;font-weight:400;display:block}.partner-invite a{position:absolute;width:100px;height:32px;top:24px;right:16px}.partner-invite .close{top:8px;right:8px}footer.box-main{padding:42px 16px 16px}footer.simple{padding:5px 0 0}footer.simple .contact,footer.simple .main{display:none!important}footer.simple nav{border-top:0;padding:10px 0}footer .main{padding:0 0 16px;margin:0 0 18px}footer .contact{position:absolute;top:20px;left:0;width:100%;padding:0;text-align:center;float:none}footer .contact img{width:24px;margin:0 12px}footer nav{padding:0;font-size:12px;text-align:center;float:none}footer nav span{margin:0 0 0 9px}footer nav a{display:none}footer .copyright{text-align:center;color:#9b9b9b;float:none;font-size:12px;line-height:20px}footer .copyright a,footer .copyright span{display:inline-block;margin:0 0 0 6px}footer .copyright span{margin:0 0 0 12px}}.dialog-contact .dialog{width:700px;text-align:left}.dialog-contact img{width:200px;margin:0 0 45px}.dialog-contact .right{position:absolute;right:55px;top:55px;width:350px}.dialog-contact h4{margin:12px 0 35px;font-size:28px;text-align:left;color:#333}.dialog-contact p{font-size:16px;color:#6c6c6c;max-width:100%}.dialog-contact b{color:#313131;font-weight:500}@media screen and (max-width:768px){.dialog-contact .dialog{width:auto;padding:30px}.dialog-contact img{margin:0 auto 30px}.dialog-contact .right{position:static;width:100%}.dialog-contact h4{display:none}}.dialog-contact-qq h4{margin:0 0 35px}header{position:fixed;top:0;left:0;width:100%;height:80px;padding:10px 0;z-index:1020;background:#fff;box-shadow:0 0 6px rgba(37,68,118,.16)}header nav{text-align:center;position:relative;height:60px}header .logo{float:left;padding:16px 18px 0 0}header .logo img{width:80px}header .left>*{float:left;line-height:60px;margin-right:10px}header .left a{color:#6c6c6c;padding:0 4px;display:block}header .left a:hover{color:#2852f0!important}header .left a.active{color:#313131;font-weight:600}header .tool-pop-menu{position:relative}header .tool-pop-menu .new-tag{position:absolute;top:8px;right:0}header .tool-pop-menu .pop{left:-236px;top:54px;padding:12px 8px;width:528px;height:144px;opacity:1;border-radius:20px;background:#fff;box-shadow:0 0 12px 0 #545c2928}header .tool-pop-menu .pop:before{content:" ";width:12px;height:12px;position:absolute;left:50%;top:-6px;margin-left:-3px;z-index:1;background:#fff;transform:rotate(45deg)}header .tool-pop-menu .pop img{display:block;margin:22px auto 12px}header .tool-pop-menu .pop a{font-weight:400;float:left;width:120px;height:120px;margin:0 4px;border-radius:20px;text-align:center;line-height:24px;color:#3b3948!important;position:relative}header .tool-pop-menu .pop a .new-tag{position:absolute;top:0;right:23px}header .tool-pop-menu .pop .active,header .tool-pop-menu .pop a:hover{background:#f7f7fa}header .pop-menu{position:relative}header .pop-menu .pop{left:-166px;top:54px;padding:12px 8px;width:400px;height:144px;opacity:1;border-radius:20px;background:#fff;box-shadow:0 0 12px 0 #545c2928}header .pop-menu .pop:before{content:" ";width:12px;height:12px;position:absolute;left:50%;top:-6px;margin-left:-3px;z-index:1;background:#fff;transform:rotate(45deg)}header .pop-menu .pop img{display:block;margin:22px auto 12px}header .pop-menu .pop a{font-weight:400;float:left;width:120px;height:120px;margin:0 4px;border-radius:20px;text-align:center;line-height:24px;color:#3b3948!important}header .pop-menu .pop a:hover{background:#f7f7fa}header .right{padding:15px 0 0;position:absolute;right:0;top:0}header .right>*{float:left;margin-left:18px}header .icon{padding-bottom:10px}header .icon>img{cursor:pointer;width:24px}header .icon .avatar{width:40px;height:40px;position:relative;top:-6px;background:#ededf5}header .icon .pop{font-size:13px;padding:2px 0;min-width:48px;width:48px;top:36px;left:-14px;box-shadow:0 3px 6px rgba(0,0,0,.14);color:#9d9d9d}header .icon-message img{width:24px}header .icon-message i{background:#f95d49;font-size:12px;display:block;width:17px;line-height:17px;text-align:center;color:#fff;border-radius:15px;position:absolute;top:-4px;right:-9px;z-index:1022}header .icon-login .pop{width:180px;left:-100px;padding:20px 25px 24px}header .icon-login .c-btn{margin-top:10px;display:block;line-height:2}header .icon-user{margin-left:16px}header .icon-user .pop{width:225px;left:-150px;top:40px;padding:18px 24px 0;text-align:left;border-radius:6px;z-index:1}header .icon-user .info{margin:0 0 8px;line-height:20px}header .icon-user .info span{display:inline-block;font-size:16px;font-weight:600;color:#313131;margin-right:6px;max-width:108px}header .icon-user .info .c-member-tag{flex-shrink:0;position:relative;top:1px}header .icon-user .info p{display:flex;align-items:center;margin:0 0 5px}header .icon-user .info p+p{font-size:12px;color:#9d9d9d;height:18px}header .icon-user .member-pay{position:relative;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:5px 0 15px;height:44px}header .icon-user .member-pay b{font-size:12px;font-weight:600;color:#313131}header .icon-user .member-pay .c-btn{line-height:22px;font-size:12px;border-radius:3px;padding:0 6px}header .icon-user .menu{padding:7px 0 9px}header .icon-user .menu a{text-align:left;display:block;padding:5px 0;font-size:12px;margin:6px 0}header .icon-user .menu a:hover{color:#2852f0}header .icon-user .menu .logout{border-top:1px solid #f0f0f0;margin:15px 0 0;padding:15px 0 3px}header .icon-user .menu .logout:hover{color:#ff5f4b}header .g-search{border-radius:8px;background:#f7f7fa;width:160px;padding:0 4px 0 45px}header .g-search>input{line-height:32px}header .g-search>img{position:absolute;width:15px;left:12px;top:8px}header .g-search>.clear{right:60px}header .carousel{border-radius:0;white-space:nowrap;overflow:hidden}header .carousel .inner{transition:.5s;width:100%}header .carousel.button{width:134px;height:32px}header .carousel.button .inner>div{width:100%;line-height:32px;padding:0 8px;border-radius:8px;cursor:pointer;text-align:left;font-size:16px}header .carousel.button .inner>div img{width:20px;margin-right:5px;position:relative;top:-1px}header .carousel.button .client{background:#eef2ff;color:#647ce0}header .carousel.button .member-try{background:#fff3ef;color:#ef784e}header .banner{position:fixed;top:80px;width:100%}header .banner .item{height:40px}header .banner .box-main{height:40px;position:relative;line-height:40px;cursor:pointer;background-size:auto 100%;background-position:center;background-repeat:no-repeat}header .banner .close{width:20px;position:absolute;right:20px;top:10px;cursor:pointer}.head-banner main .page-content{margin-top:40px}.head-banner main .account-box{top:40px}.head-banner main .page-font-cases .tags-box{margin-top:40px}@media screen and (max-width:1280px){header{min-width:1126px}header .g-search{width:150px}header .icon-user{margin-right:6px}header .icon-user .pop{left:-180px}header .left>*{margin-right:12px}header .logo{padding:15px}}@media screen and (max-width:768px){header{position:static;height:auto;min-width:100%;padding:0;border-bottom:1px solid #f0f0f0;box-shadow:none}header .g-search>.clear{right:6px}header .box-main{padding:0}header nav{height:auto}header .logo{position:absolute;left:28px;top:18px;padding:0}header .logo img{width:68px}header .left{margin-top:60px;width:100%}header .left a{margin:0;float:none;display:inline-block;line-height:37px;padding:0 8px}header .left>a:hover{color:#6c6c6c!important}header .left>a:hover:after{background:#313131}header .left>a:not(.active):hover:after{display:none}header .right{right:24px;top:12px;padding:0;line-height:32px}header .right>a:last-child{margin:0 6px 0 12px}header .right img{width:24px}header .right .avatar{height:28px;width:28px}header .c-dropdown{margin-top:-1px}header .c-dropdown .drop{display:block}header .c-dropdown .trigger{z-index:0}header .c-dropdown .trigger img{width:24px}header .c-dropdown .logout{border-top:1px solid #f0f0f0;color:#ff5f4b;margin:15px 15px -10px;line-height:40px}header .g-search{margin:0}header .g-search img{top:4px;left:0}header .g-search.off{width:24px;height:30px;padding:0;background:#fff}header .g-search.off input{display:none}header .g-search.on{position:fixed;left:12px;width:calc(100% - 24px)}header .g-search.on img{left:12px;opacity:.3}header .g-search.on~div{display:none}}.g-search{position:relative;display:flex;align-items:center}.g-search.pop-on{z-index:2001}.g-search input{width:100%;height:auto;border:0;background:0 0;padding:0 22px 0 0}.g-search>.clear{position:absolute;right:6px;left:auto;top:50%;margin-top:-9px;width:18px;cursor:pointer}.g-search .ai-deepseek-btn{width:52px;height:24px;line-height:24px;padding:0 7px;border-radius:5px;background:#e6edff;flex-shrink:0;cursor:pointer;color:#6579d6;font-size:11px;white-space:nowrap}.g-search .ai-deepseek-btn img{margin-bottom:4px}.g-search .pop{position:absolute;top:38px;left:0;width:100%;background:#fff;padding:14px 10px;border-radius:16px;box-shadow:0 0 8px 0 rgba(27,26,33,.24);text-align:left;z-index:1}.g-search .pop .scroll{max-height:224px;overflow:auto}.g-search .pop .item{cursor:pointer;padding:0 28px;line-height:32px;position:relative;color:#6c6c6c;font-size:12px}.g-search .pop .item:hover{background:#f0f0f0;border-radius:12px}.g-search .pop .item:hover .remove{display:block}.g-search .pop .remove{position:absolute;right:10px;top:9px;display:none;width:14px}.g-search .pop .clear{text-align:center;cursor:pointer;border:1px solid #e1e1e1;border-radius:13px;font-size:12px;color:#9d9d9d;line-height:30px;margin-top:10px}.g-search .pop .clear:hover{background:#fbfbfb}.dialog-login{z-index:1121}.dialog-login .dialog{width:335px;height:560px;text-align:center;padding:32px 24px 28px;border-radius:12px;overflow:hidden}.dialog-login .close{width:22px;top:33px;right:21px;z-index:1}.dialog-login h4{font-size:16px;padding:0 0 20px;color:#1f1f1f;border-bottom:1px solid #edecef;margin:0 0 42px;text-align:left}.dialog-login .main{height:302px}.dialog-login .box-wechat .qrcode{width:240px;height:240px;margin:-22px auto 0;position:relative}.dialog-login .box-wechat .qrcode img{width:240px;padding:12px}.dialog-login .box-wechat .qrcode small{position:absolute;left:0;bottom:0;width:100%;font-size:14px;color:#a6a6a6}.dialog-login .box-wechat .qrcode .mask{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;text-align:center;padding:94px 0;background:rgba(0,0,0,.8)}.dialog-login .link{font-size:12px;color:#5576f2}.dialog-login .top-dashed:before{content:' ';position:absolute;top:0;left:0;width:100%;height:1px;background:url(//resource.hellofont.cn/login/dashed.png) 0 0/248px 1px repeat-x;display:block}.dialog-login .box-account{text-align:left;position:relative}.dialog-login .go-register{position:absolute;display:block;right:0;top:0;width:62px;text-align:center;line-height:32px;border-radius:0 16px;background:linear-gradient(161.35deg,#75afff 0,#7f9afd 100%);color:#fff}.dialog-login .go-register img{width:12px;margin-right:3px;position:relative;top:-2px}.dialog-login .go-login{position:absolute;display:block;right:0;top:0;width:52px;line-height:24px;text-align:center;border-radius:16px;background:rgba(102,132,245,.12)}.dialog-login .tabs a{margin-right:24px;display:inline-block;position:relative}.dialog-login .tabs .active:after{content:' ';position:absolute;left:0;bottom:-21px;height:2px;width:100%;background:#1f1f1f}.dialog-login .input{width:100%;height:44px;border:1px solid #dbdbdb;border-radius:7px;margin:12px 0;position:relative}.dialog-login .input input{display:block;border:none;height:100%;line-height:42px;border-radius:7px;width:100%}.dialog-login .tel-prefix{float:left;width:60px;margin:0}.dialog-login .tel-prefix:after{content:' ';display:block;position:absolute;top:11px;right:0;width:1px;height:20px;background:#dbdbde}.dialog-login .tel-prefix .trigger{line-height:42px;text-align:center;padding-right:16px}.dialog-login .tel-prefix .trigger:hover{color:#5777f2}.dialog-login .tel-prefix .trigger:after{content:' ';width:8px;height:8px;right:10px;margin-top:-3px;background:url(//resource.hellofont.cn/login/tel-drop.svg) no-repeat}.dialog-login .tel-prefix a{text-align:left;font-size:12px;display:block}.dialog-login .tel-prefix a:hover{color:#5777f2}.dialog-login .tel-prefix~input{float:left;width:210px;padding-right:0;border-top-left-radius:0;border-bottom-left-radius:0}.dialog-login .tel-prefix .drop{padding:16px;margin:6px 0 0;left:0;overflow:auto;height:185px;width:160px;border-radius:6px;box-shadow:0 0 4px 0 rgba(0,0,0,.16);border:0}.dialog-login .c-slide{margin:0 0 15px;line-height:44px;background:#f9f9fb;border:1px solid #dbdbde;border-radius:9px;width:100%;height:44px}.dialog-login .c-slide .progress,.dialog-login .c-slide i{position:absolute;height:44px;top:-1px;left:0;max-width:100%}.dialog-login .c-slide i{width:64px;box-shadow:0 0 4px 0 rgba(27,26,33,.44);background:#fff;border-radius:8px;z-index:3}.dialog-login .c-slide i:before{content:' ';display:block;width:64px;height:44px;background:url(//resource.hellofont.cn/login/slide-default.svg) center no-repeat;border-radius:8px}.dialog-login .c-slide .progress{z-index:1;background:#f0f3ff;border:1px solid #5777f2;border-radius:9px;left:-1px;width:100%;display:none}.dialog-login .c-slide span{left:76px;position:relative;z-index:2}.dialog-login .c-slide.active i{background:#5777f2}.dialog-login .c-slide.active i:before{background-image:url(//resource.hellofont.cn/login/slide-active.svg)}.dialog-login .c-slide.active span{color:#5777f2}.dialog-login .c-slide.active .progress{display:block}.dialog-login .c-slide.success .progress{border:1px solid #07c3a6;background:#ecfaf0}.dialog-login .c-slide.success span{color:#07c3a6;left:112px}.dialog-login .c-slide.success i{background:#07c3a6}.dialog-login .c-slide.success i:before{background-image:url(//resource.hellofont.cn/login/slide-done.svg)}.dialog-login .c-slide.fail .progress{background:#f9dfdc;border:1px solid #fc7c64}.dialog-login .c-slide.fail span{color:#fe7258;left:112px}.dialog-login .c-slide.fail i{background:#fc7c64}.dialog-login .c-slide .c-btn{width:100%;background:#ddd;border-color:#ddd}.dialog-login .c-slide:last-child{margin-bottom:60px}.dialog-login .code .codes>div{float:left;width:80px;position:relative}.dialog-login .code .codes>div:after{content:' ';display:block;width:10px;height:1px;background:#9d9d9d;position:absolute;right:15px;top:19px}.dialog-login .code .codes>div:last-child{width:40px}.dialog-login .code .codes>div:last-child:after{display:none}.dialog-login .code .input{width:40px;text-align:center;margin:0;font-size:20px}.dialog-login .code small{margin:7px 0 5px;display:block}.dialog-login .password .suffix{cursor:pointer;position:absolute;right:11px;top:14px}.dialog-login .sub{text-align:right}.dialog-login .sub a{margin-left:8px;color:#5b73e8}.dialog-login .sub .red{color:#ed684f;float:left}.dialog-login .forget{position:relative}.dialog-login .forget .indicator{position:absolute;left:-12px;top:3px}.dialog-login .error.input{border-color:#fe7258;color:#313131}.dialog-login .error.text{color:#fe7258;margin:2px 0 0;font-size:12px}.dialog-login .error.text img{margin-right:4px;position:relative;top:-1px}.dialog-login .login-register{color:#97969d;font-size:12px}.dialog-login .login-other{margin:30px 0;text-align:center;position:relative}.dialog-login .login-other:before{content:' ';display:block;position:absolute;top:8px;left:0;z-index:-1;width:286px;height:1px;background:#edecef}.dialog-login .login-other h5{width:100px;font-weight:400;margin:0 auto 26px;background:#fff;color:#a6a6a6}.dialog-login .login-other div{margin:0 -28px}.dialog-login .login-other a{display:inline-block;margin:0 28px;width:36px;color:#8c8c8c}.dialog-login .login-other img{display:inline-block;width:36px;height:36px;margin:0 0 8px}.dialog-login .bottom{position:absolute;left:0;bottom:0;width:100%}.dialog-login .bottom .c-btn{background:#5777f2;border-radius:6px;border:none;line-height:40px;font-size:16px;display:block;margin:0}.dialog-login .bottom .c-btn.disabled{background:#9aaef8!important}.dialog-login .agree{margin:0;color:#97969d;white-space:nowrap}.dialog-login .agree .c-checkbox{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid #dddfe3;position:relative;top:3px;left:-2px;margin-right:4px}.dialog-login .agree .c-checkbox.checked:before{display:block;content:' ';background:url(//resource.hellofont.cn/login/checked.png) 0 0/cover;width:9px;height:7px;position:absolute;left:3px;top:3px}.dialog-login .agree a{margin:0 3px;color:#5b73e8}#msg.login-register-msg{width:320px;padding:14px 0;top:20%;margin:10px;border-radius:8px}.section-belt{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:30px 0}.section-belt p{font-size:12px;margin:0 0 2px}.section-belt p i{color:#6c6c6c}.section-belt .c-btn,.section-belt .right{float:right;position:relative;top:-39px;margin-left:15px}.section-belt .c-btn{border-radius:9px}.section-belt .btn-mark{width:140px}.section-head{text-align:center}.section-head h4{font-size:24px;margin:30px 0 50px}@media screen and (max-width:768px){#msg.login-register-msg{top:10%}.section-head h4{font-size:20px;margin:30px 0}}.ai-notice-box{position:fixed;right:25px;bottom:25px;background-image:url(//hellofontresource.oss-cn-beijing.aliyuncs.com/lf/deepseek/notice-bg.png);background-size:100% 100%;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.16);width:307px;height:150px;z-index:99999}.ai-notice-box .close-icon{cursor:pointer;font-size:18px;position:absolute;right:20px;top:20px}.ai-notice-box .notice-header{display:flex;justify-content:center;margin-top:20px;margin-bottom:8px}.ai-notice-box .notice-header .title{font-size:16px;font-weight:500;letter-spacing:0;line-height:22px;color:#e8f8ff;display:flex;justify-content:center;align-items:center}.ai-notice-box .notice-header .title img{margin:0 5px}.ai-notice-box .notice-header .title span{margin-top:4px}.ai-notice-box .notice-content{margin-bottom:10px;color:rgba(245,249,255,.7);font-size:14px;text-align:center}.ai-notice-box .notice-button .btn{width:172px;height:40px;margin:0 auto;color:#155b8e;text-align:center;padding:10px 0;border-radius:32px;cursor:pointer;background-color:#fff;box-shadow:0 3px 28px rgba(61,195,206,.68)}.chat-input{border-radius:7px;background:#fff;border:1px solid #a3abff;box-shadow:0 0 12px rgba(40,44,90,.15);display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:12px;right:12px;bottom:12px}.chat-input .uploaded-image-wrapper{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-left:12px;margin-top:12px;position:relative}.chat-input .uploaded-image-wrapper .clear-btn{position:absolute;right:-6px;top:-6px;cursor:pointer;width:12px;height:12px;display:flex;align-items:center;justify-content:center;background:#b4b4bb;border-radius:50%}.chat-input .uploaded-image-wrapper .clear-btn:hover{background:#6971cb}.chat-input .uploaded-image-wrapper .uploaded-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer;border:1px solid transparent}.chat-input .uploaded-image-wrapper .uploaded-image:hover{border:1px solid #6971cb}.chat-input input{outline:0;border:none;resize:none;height:38px;border-radius:7px;font-size:12px;padding-right:60px;background-color:#fff;overflow-y:hidden}.chat-input input::-moz-placeholder{color:#a1a2bf}.chat-input input:-ms-input-placeholder{color:#a1a2bf}.chat-input input::placeholder{color:#a1a2bf}.chat-input .c-popover .pop{bottom:28px;right:-50px;padding:8px 12px;width:253px;color:#fff;border-radius:6px;background:rgba(31,31,31,.88);font-size:11px}.chat-input .c-popover .pop::before{content:" ";width:18px;height:10px;position:absolute;right:17%;transform:translateX(-50%);bottom:-6px;z-index:1;background-size:100% 100%;background-image:url(//hellofontresource.oss-cn-beijing.aliyuncs.com/lf/deepseek/icon-triangle.png);background-repeat:no-repeat}.chat-input .upload-btn-box{position:absolute;right:36px;bottom:10px}.chat-input .upload-btn-box .upload-btn-wrapper{width:22px;height:22px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:4px}.chat-input .upload-btn-box .upload-btn-wrapper:hover{background:#edf0ff}.chat-input .upload-btn-box .disabled{cursor:not-allowed}.chat-input .upload-btn-box .disabled:hover{background:0 0}.chat-input .hidden-upload{display:none}.chat-input .send-btn{position:absolute;bottom:12px;right:12px;cursor:pointer}.chat-window{position:fixed;right:25px;bottom:25px;border:2px solid #fff;box-shadow:0 0 24px rgba(22,18,33,.2);border-radius:6px;background-image:url(//hellofontresource.oss-cn-beijing.aliyuncs.com/lf/deepseek/chat-win-bg.png);background-size:100% 100%;width:312px;height:576px;display:flex;flex-direction:column;z-index:99999}.chat-window .close-btn{width:9px;position:absolute;top:21px;right:24px;cursor:pointer}.chat-window .chat-title-box{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:130px}.chat-window .chat-title-box .chat-title-logo{display:flex;align-items:center;color:#6a81e5;font-size:17px}.chat-window .chat-title-box .chat-title-logo img{margin-bottom:5px}.chat-window .chat-title-box .chat-title{margin-top:28px}.chat-window .chat-title-box .chat-sub-title{margin-top:11px;width:212px;font-size:14px;color:#7b85a2;text-align:center}.chatting-box{position:fixed;right:25px;bottom:25px;width:312px;height:576px;border-radius:6px;background-color:#fff;z-index:99999;display:flex;flex-direction:column;border:2px solid #fff;box-shadow:0 0 24px rgba(22,10,54,.2)}.chatting-box .chat-input{position:relative;left:0;right:0;bottom:0;margin:0 12px 12px}.chatting-box .close-btn{width:9px;position:absolute;top:21px;right:24px;cursor:pointer}.chatting-box .header{height:52px;display:flex;align-items:center;padding-left:17px}.chatting-box .header .sub-title{width:148px;height:22px;border-radius:6px;line-height:22px;margin-left:7px;padding:0 7px;font-size:12px;color:#898994;background-color:#f6f6f7}.chatting-box .message-box{flex:1;width:100%;overflow-y:auto}.chatting-box .message-box .message-item-user{display:flex;flex-direction:column;align-items:flex-end}.chatting-box .message-box .message-item{margin:12px}.chatting-box .message-box .message-item .message-upload-img{text-align:right;margin-bottom:8px}.chatting-box .message-box .message-item .message-upload-img img{border-radius:8px;cursor:pointer}.chatting-box .message-box .message-item .message.user{padding:12px 16px;font-size:12px;background-color:#edf0ff;border-radius:8px 8px 0;overflow:hidden;display:inline-block}.chatting-box .message-box .message-item .message.assistant{display:flex}.chatting-box .message-box .message-item .message.assistant .avatar{border-radius:6px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;background-color:#7880de}.chatting-box .message-box .message-item .message.assistant .msg-content-box{margin-left:8px;flex:1}.chatting-box .message-box .message-item .message.assistant .msg-content-box .thinking{min-width:78px;display:inline-block;border-radius:6px;height:24px;padding:0 8px;line-height:24px;font-size:12px;color:#898994;background:#f6f6f7;overflow:hidden}.chatting-box .message-box .message-item .message.assistant .msg-content-box .thinking img{cursor:pointer}.chatting-box .message-box .message-item .message.assistant .msg-content-box .thinking .up{transform:rotate(180deg)}.chatting-box .message-box .message-item .message.assistant .msg-content-box .think-content{padding-bottom:12px;font-size:12px;color:#898994;border-bottom:1px solid #eeeeef;overflow:hidden;transition:.3s}.chatting-box .message-box .message-item .message.assistant .msg-content-box .think-content ul{margin:0}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content{margin-top:12px;color:#333345;font-size:12px}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .h1{font-size:18px;font-weight:700}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .h2{font-size:16px;font-weight:700}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .h3{font-size:14px;font-weight:700}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content a{color:#6a81e5}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .border{padding-bottom:10px;border-bottom:1px solid #eeeeef}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts{width:246px;margin:10px 0}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .family-count{display:none}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .panel-font-rows{margin-bottom:0}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .font-row{padding:0}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .font-row .name{padding-top:10px;font-size:12px}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .font-row .name .font-license-tag-wrap .c-popover{display:none}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .font-row .letters{font-size:26px;line-height:47px;padding:5px 60px 6px 0}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .font-row .icons{display:none}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .font-row .btn-groups{right:12px}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content .panel-fonts .font-row .btn-groups .btn-license{display:none}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content ul{margin:0}.chatting-box .message-box .message-item .message.assistant .msg-content-box .result-content pre{background-color:#f4f4f4;padding:10px;border:1px solid #ccc;border-radius:4px;overflow-x:auto;width:240px}.drag-upload-area{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background:rgba(255,255,255,.5);z-index:999999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.drag-upload-area .upload-box{width:312px;height:100%;border:1px solid #a3abff;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(120,128,222,.02)}.drag-upload-area .upload-box img{width:auto;position:relative;margin-bottom:16px}.drag-upload-area .upload-box .upload-text{font-size:14px;color:#333345;margin-bottom:8px}.drag-upload-area .upload-box .upload-tip{font-size:12px;color:#898994}.dialog-img-show .dialog{padding:0}.dialog-img-show .dialog img{margin-bottom:0}.c-author{font-size:12px}.c-author>i{color:#9b9b9b;margin-right:12px}.c-author .avatar{width:40px;height:40px;margin-right:12px}@media screen and (max-width:768px){.c-author>i{display:none!important}.c-author .avatar{width:28px;height:28px}}.c-category{line-height:34px;padding:28px 0;text-align:center;margin:0;font-size:14px}.c-category span{line-height:25px;cursor:pointer;display:inline-block;margin:0 5px;width:86px;height:74px;border-radius:12px;padding:14px 0;background:#f7f7fa;color:#3b3948}.c-category span:hover{background:#ebebeb}.c-category span i{display:block;color:#97969e;margin:6px 0 0;line-height:17px}.c-category .active{color:#5777ff;background:#f2f4ff}.c-category .active i{color:#5777ff}@media screen and (max-width:768px){.c-category{padding:20px 10px 16px;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap}.c-category span{flex:none;width:30%;margin:0 1.666% 8px;font-size:12px;height:68px}.c-category span i{margin:0;transform:scale(.9)}}.c-client-download{border-radius:50px;height:72px;line-height:72px;background:#f2f7ff;position:relative;color:#5b648e;font-size:16px;cursor:pointer;white-space:nowrap}.c-client-download *{display:inline-block}.c-client-download img{width:82px;margin-right:24px}.c-client-download b{font-size:18px;font-weight:700;margin-right:20px}.c-client-download a{position:absolute;right:16px;top:16px;width:140px;text-align:center;line-height:40px;border-radius:30px;background:linear-gradient(180deg,#6ea0ff 0,#486afa 100%);color:#fff}.c-image-upload>label{display:block;margin:0;height:100%;cursor:pointer}.upload-box{border:1px dashed #e0e0e0;cursor:pointer;text-align:center;background:#fff;position:relative;overflow:hidden;width:100%;height:100px}.upload-box .placeholder{width:100%;position:absolute;top:50%;transform:translate(0,-50%)}.upload-box .placeholder p{margin-bottom:5px}.upload-box img{z-index:1;position:absolute;left:0;top:0;width:100%}.dialog-upload-crop .dialog{top:15%;width:720px;padding:78px 230px 0}.dialog-upload-crop canvas{display:none}.dialog-upload-crop .btn-group{text-align:center;margin:0 0 65px}.dialog-upload-crop .c-btn{display:block;margin:58px auto 24px;font-size:21px;width:240px;line-height:46px;border-radius:24px}.dialog-upload-crop .restart{font-size:18px;color:#2852f0}.c-member-date{margin:0 auto;height:32px;display:flex;align-items:center;background:#fffaf5;border-radius:6px;color:#ddb06c;text-align:center;cursor:pointer}.c-member-date.nav{text-align:left;background:#fff3e8;position:relative;padding-left:11px}.c-member-date.nav i{color:#d99356!important}.c-member-date.nav:hover{background:#fff3e8}.c-member-date.nav a{display:block;position:absolute;right:3px;top:4px;width:42px;line-height:24px;text-align:center;border-radius:4px;background:#f8a359;font-size:12px;color:#fff}.c-member-date.invalid .c-member-tag b{display:none}.c-member-date i{font-size:12px;display:inline-block}.c-member-date:hover{background:#ecc589}.c-member-date:hover i{color:#fff}.c-member-tag{display:inline-flex;height:16px}.c-member-tag img{width:62px}.c-member-tag i{font-size:10px;background:#a79999;color:#fff;margin-left:8px;padding:0 3px 0 11px;border-radius:3px;position:relative;line-height:16px}.c-member-tag i img{width:16px;margin:0 3px 0 0;position:absolute;top:0;left:-8px}.c-user-id{display:inline-flex;align-items:center;font-size:14px}.c-user-id img{width:16px;margin-right:4px}.c-user-id span{color:#9d9d9d}.case-fonts .font-line{position:relative;border-bottom:1px solid #f0f0f0;width:100%;color:#000;padding:9px 0;height:auto}.case-fonts .font-line>span{font-size:24px;line-height:30px;display:block;cursor:pointer}.case-fonts .font-line .extra{margin:7px 0 0;line-height:18px}.case-fonts .font-line .extra small{float:right}.case-fonts .font-line .extra .font-license-tag{font-weight:400}.case-fonts .font-line .btn-font-active{float:right}.font-award-tag{width:26px;cursor:pointer}.font-license-tag{display:inline-block;font-size:12px;font-weight:500}.font-license-tag:empty{display:none}.font-license-tag.tag-free{color:#55b980}.font-license-tag.tag-member{color:#d09f6e}.font-license-tag.tag-company{color:#826ab4}.font-license-tag.tag-single{color:#8071be}.font-license-tag.tag-offline{color:#48a7e2}.font-license-tag.border{padding:3px;line-height:1;border-radius:3px;transform:scale(.7);position:relative;top:-1px}.font-license-tag.border.tag-free{border:1px solid #55b980}.font-license-tag.border.tag-member{border:1px solid #d09f6e}.font-license-tag.border.tag-company{border:1px solid #826ab4}.font-license-tag.border.tag-single{border:1px solid #8071be}.font-license-tag.border.tag-offline{border:1px solid #48a7e2}.font-license-tag.solid{color:#fff!important;font-weight:400;padding:4px 6px 2px;min-width:76px}.font-license-tag.solid.tag-free{background:#55b980}.font-license-tag.solid.tag-member{background:#d09f6e}.font-license-tag.solid.tag-company{background:#826ab4}.font-license-tag.solid.tag-single{background:#8071be}.font-license-tag.solid.tag-offline{background:#48a7e2}.font-license-tag-wrap{display:inline-block}.font-license-tag-left-pop,.font-license-tag-wrap .tag-content{display:flex;align-items:center}.font-license-tag-left-pop .icon{margin-left:3px;margin-right:0!important}.font-license-tag-left-pop .pop{top:-67px;right:-30px;padding:19px;color:#3b3948!important;font-size:14px;border-radius:6px;display:flex;align-items:center;background:#fff;box-shadow:0 0 8px rgba(27,26,33,.24);z-index:99}.font-license-tag-left-pop .pop::before{content:" ";width:8px;height:14px;position:absolute;right:32px;top:51px;z-index:1;transform:rotate(90deg);background-image:url(//resource.hellofont.cn/float/triangle.svg)}.font-license-tag-pop{display:flex;align-items:center}.font-license-tag-pop .icon{margin-left:3px;margin-right:0!important}.font-license-tag-pop .pop{top:-67px;left:-30px;padding:19px;color:#3b3948!important;font-size:14px;border-radius:6px;display:flex;align-items:center;background:#fff;box-shadow:0 0 8px rgba(27,26,33,.24);z-index:99}.font-license-tag-pop .pop::before{content:" ";width:8px;height:14px;position:absolute;left:35px;top:51px;z-index:1;transform:rotate(90deg);background-image:url(//resource.hellofont.cn/float/triangle.svg)}.article-item-container{margin:0 -11.5px}.relative-articles .article-item-container{margin:0}.article-item{width:25%;padding:0 11.5px 45px;float:left}.relative-articles .article-item{width:100%;padding:0 0 30px}.article-item .inner:hover{box-shadow:0 0 16px rgba(0,0,0,.14)}.article-item .inner:hover .cover img{transform:scale(1.05,1.05)}.article-item .cover{width:100%;overflow:hidden;cursor:pointer}.article-item .cover img{width:100%;height:auto;transition:.3s}.article-item .cover.tag-origin:before{content:'原创文章';background:#4258d2}.article-item .info{background:#fff;color:#9b9b9b;font-size:12px;padding:12px 14px}.article-item .info h5{width:100%;line-height:24px;margin:0 0 10px;font-size:18px;color:#333;font-weight:600;cursor:pointer}.article-item .info .icon{float:right;margin-left:16px;line-height:18px}.article-item .c-btn{float:right;border:1px solid #d0d1d9;color:#999;font-size:12px;padding:0 12px;line-height:1.4;background:#fff;margin:0 0 0 15px}.article-item .count-mark{color:#9b9b9b;line-height:18px;border:none;padding:0}.article-item .count-mark:hover{color:#9b9b9b;background:0 0}.article-item .count-mark img{position:relative;top:-2px;width:14px;height:14px;margin-right:3px}.article-item .icon-font:before{content:' ';width:14px;height:14px;top:3px;margin-right:2px;background-image:url(//resource.hellofont.cn/icon/font.png)}.tag-cover{position:relative}.tag-cover:before{position:absolute;left:0;top:0;width:62px;text-align:center;line-height:20px;font-size:12px;color:#fff;z-index:99;border-radius:0 0 6px}.with-border .article-item .inner{border:1px solid #f0f0f0}.box-900 .article-item{width:33.33%}@media screen and (max-width:768px){.article-item-container{margin:0}.article-item{width:100%!important;padding:0;margin-bottom:15px}.relative-articles .article-item{padding:0 120px 0 0;height:120px;position:relative}.relative-articles .article-item h5{height:80px;white-space:normal;line-height:28px;margin:0;padding:10px}.relative-articles .article-item .info{padding:10px}.relative-articles .article-item .cover{position:absolute;right:0;width:120px;overflow:hidden}.relative-articles .article-item .cover img{height:120px;width:240px;max-width:240px;margin-left:-60px}}.album-item-container{margin:0 -12px}.album-item{width:25%;padding:0 12px 45px;float:left}.album-item .inner{cursor:pointer;background:#fff}.album-item .inner:hover{box-shadow:0 0 16px rgba(0,0,0,.14)}.album-item .inner:hover .btn-mark{display:block}.album-item .btn-mark,.album-item .inner:hover .group-mark,.album-item .inner:hover .icon-mark{display:none}.album-item .cover{width:100%;height:100px;overflow:hidden;position:relative}.album-item .cover:before{width:100%;height:100%;position:absolute;top:0;left:0;content:' ';background:#000;opacity:.5;z-index:99}.album-item .cover img{width:100%;position:absolute;top:50%;left:0;transform:translate(0,-50%)}.album-item .cover h5{position:absolute;top:45px;color:#fff;padding:0 18px;margin:0;z-index:999;width:100%}.album-item .cover p{font-size:18px;height:26px;display:block;margin:0}.album-item .cover small{display:block;color:#fff}.album-item .fonts{padding:8px 15px 0;background:#fff}.album-item .font-line{border-bottom:1px solid #f0f0f0;font-size:28px;line-height:59px}.album-item .bottom{padding:15px;background:#fff;font-size:12px;line-height:15px;color:#9b9b9b}.album-item .bottom .c-btn,.album-item .bottom .icon{float:right}.box-900 .album-item{width:33.33%}.with-border .album-item .inner{border:1px solid #f0f0f0}@media screen and (max-width:768px){.album-item-container{margin:0}.album-item{width:100%!important;padding:0 0 15px}.album-item .cover h5{top:0;padding:22px 24px 0}.album-item .cover p{font-size:20px;height:28px}.album-item .cover small{margin-top:8px;font-size:14px}.album-item .bottom{background:0 0}.album-item .fonts{padding:0 24px}.album-item .fonts p{font-size:35px}}.font-case-item{margin:0 0 40px;background:#fff;border-radius:8px}.font-case-item:hover{box-shadow:0 10px 16px rgba(0,0,0,.14)}.font-case-item .img-box{max-height:600px;overflow:hidden;position:relative;cursor:pointer;border-radius:8px}.font-case-item .img-box.more:after{content:' ';position:absolute;bottom:0;left:0;height:50px;width:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.font-case-item .img-box .hover{transition:.1s;position:absolute;width:100%;height:0;left:0;bottom:0;background-image:url(//resource.hellofont.cn/font-case/hover-mask.png);background-size:cover;z-index:1}.font-case-item .img-box .hover>*{display:block;float:right;margin:9px 5px;width:28px;height:28px;opacity:.94;border-radius:8px;background-color:#fff}.font-case-item .img-box .hover>:hover{opacity:1}.font-case-item .img-box .hover .btn-mark{border:none;padding:0}.font-case-item .img-box .hover .btn-mark img{vertical-align:top;width:28px}.font-case-item .img-box .pic{width:100%}.font-case-item .img-box .tag{position:absolute;left:0;top:8px;text-align:center;background:#3d63f4;border-radius:0 4px 4px 0;box-shadow:0 0 4px 0 rgba(49,49,49,.12);transition:padding .1s}.font-case-item .img-box .tag img{width:68px;float:left}.font-case-item .img-box .tag:hover{background:#3b5bd5}.font-case-item .img-box:hover .tag{padding:0 3px}.font-case-item .img-box:hover .hover{height:48px}.font-case-item .case-fonts{padding:0 10px}.font-case-item .font-line:last-child{border:0}.font-case-container{margin:0 -10.5px}.font-case-col{float:left;padding:0 10.5px}.with-border .font-case-item{border:1px solid #f0f0f0}@media screen and (max-width:768px){.font-case-container{margin:0 -6px}.font-case-col{padding:0 5px}.font-case-item{margin:0 0 15px}.bg-white .font-case-item{border:1px solid #ddd}.font-case-item [fontid]{font-size:20px;line-height:40px}.font-case-item .font-line{height:45px}.font-case-item .font-line.font-family-true{height:64px}.font-case-item .sale s{display:none}}.panel-fonts .toolbar{width:100%;height:40px;margin:20px 0;padding-right:220px;position:relative}.panel-fonts .toolbar .c-dropdown{width:112px;line-height:38px;height:40px;color:#3b3948;border:1px solid #f0f0f0;border-radius:8px;background:#fff;text-align:center}.panel-fonts .toolbar .c-dropdown:hover{border-color:#d0d0d0}.panel-fonts .toolbar .c-dropdown .active{color:#6684f5}.panel-fonts .toolbar .trigger{padding-right:8px;color:#3b3948!important}.panel-fonts .toolbar .trigger:after{content:' ';background:url(//resource.hellofont.cn/font/drop.svg) no-repeat;width:10px;height:6px;margin-top:-2px;right:16px;transform:none}.panel-fonts .toolbar .options>p{padding:0}.panel-fonts .toolbar .options>p:hover{background:#f7f7fa}.panel-fonts .box-mode{position:absolute;right:120px;top:0}.panel-fonts .box-mode a{display:inline-block;background:#fff;margin-left:8px;border:1px solid #f0f0f0;border-radius:9px;line-height:38px}.panel-fonts .box-mode a:hover{border-color:#d0d0d0}.panel-fonts .box-mode img{opacity:.4;height:40px}.panel-fonts .box-mode img.active{opacity:1}.panel-fonts .box-preview{width:100%}.panel-fonts .box-preview>*{float:left}.panel-fonts .box-preview .c-select{margin:0 8px}.panel-fonts .box-preview>.c-btn{background:#fff;color:#3b3948;border-color:#f0f0f0}.panel-fonts .box-preview>.c-btn:hover{border-color:#d0d0d0}.panel-fonts .box-preview .text{position:relative;width:620px}.panel-fonts .box-preview .text.search,.panel-fonts .box-preview .text.search~.text{width:320px}.panel-fonts .box-preview .text input{padding-right:80px}.panel-fonts .box-preview .text .clear{position:absolute;right:64px;top:11px;width:18px;cursor:pointer}.panel-fonts .box-preview .text .c-btn{border:none;position:absolute;right:4px;top:4px;line-height:32px;background:#3b3948;border-radius:6px;padding:0 13px}.panel-fonts .box-preview .text .c-btn.disabled{color:#9d9d9d!important;background:#f0f0f0!important}.panel-fonts .box-preview input{width:100%;border:1px solid #f0f0f0;border-radius:9px;line-height:38px}.panel-fonts .box-preview input:focus{border-color:#d0d0d0}.panel-fonts .box-preview.only-preview .text{width:calc(100% - 140px)}.panel-fonts .select-sort{position:absolute;top:0;right:0}.panel-fonts>.panel-font-rows{margin-bottom:30px}.panel-fonts>.panel-font-rows .font-item{border-radius:8px}@media screen and (max-width:768px){.panel-fonts>.panel-font-rows{margin-bottom:15px}}.font-item .icon{color:#9b9b9b;font-size:12px}.font-item .icon-hot:before{content:' ';background-image:url(//resource.hellofont.cn/font/hot.png);width:11px;height:13px;top:1px}.font-item .c-btn{margin-left:15px}.font-item .btn-mark{float:right;background:#000;color:#fff}.font-item:hover .group-mark{display:none}.panel-font-card{margin:0 -10.5px}.font-card{width:20%;float:left;padding:0 10.5px 45px}.font-card .thumb{cursor:pointer;position:relative}.font-card .thumb .img-wrap{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.font-card .thumb .img-wrap .font-img{width:100%;height:auto;transition:.3s}.font-card .thumb .img-wrap .font-img:hover{transform:scale(1.05,1.05)}.font-card .thumb .font-award-tag{position:absolute;top:0;right:25px;transform:translate(50%,0)}.font-card .thumb .font-award-tag:hover{width:30px}.font-card .thumb .font-license-tag-wrap{position:absolute;top:0;left:0}.font-card .thumb .font-license-tag-wrap .c-popover{margin-left:55px;margin-top:5px}.font-card .thumb .family-count,.font-card .thumb .hover-btn{position:absolute;bottom:0;left:0;width:100%;height:48px;background-image:url(//resource.hellofont.cn/font-case/hover-mask.png);background-size:cover}.font-card .font-license-tag{position:absolute;left:0;top:0;border-radius:8px 0 5px}.font-card .family-count{font-size:12px;padding:15px 10px 0;line-height:33px;color:#fff;text-align:right}.font-card .family-count .btn-license{margin-left:0}.font-card .family-count>i{display:inline-block;position:relative;top:-3px}.font-card .family-count>i img{width:13px;margin-right:6px;position:relative;top:-1px}.font-card .name{height:60px;line-height:60px;font-size:28px;overflow:hidden;word-break:break-all;cursor:pointer;padding:0 10px;background:#fff}.font-card .icons{position:relative;padding:5px 12px;height:35px;background:#fff;font-size:12px;border-radius:8px;overflow:hidden}.font-card .icon:first-child{margin-right:15px}.font-card .icon-mark{float:right}.font-card .group-mark{max-width:40%;float:right}.font-card .font-item:hover{box-shadow:0 0 16px rgba(0,0,0,.14)}.font-card .font-item:hover .btn-license,.font-card .font-item:hover .family-count,.font-card .font-item:hover .hover-btn{display:block}.font-card .hover-btn{padding:0 2px;display:none}.font-card .hover-btn>*{display:block;width:24px;height:24px;background:#fff;border-radius:6px;float:right;opacity:.94;margin:16px 4px 0}.font-card .hover-btn>:hover{opacity:1}.font-card .btn-license{float:left;display:none;background:#fff;width:60px;color:#504f59;font-size:12px;line-height:24px;padding:0;border:none}.font-row{padding:0 40px 0 32px;margin-bottom:15px;position:relative;background:#fff}.font-row .name{padding-top:24px;color:#aaa;font-size:16px;cursor:pointer;display:flex;align-items:center}.font-row .private-name{padding-top:24px;color:#aaa;font-size:16px}.font-row .font-license-tag{margin-left:10px}.font-row .letters{font-size:56px;line-height:64px;cursor:pointer;padding:5px 180px 15px 0}.font-row .private-letters{font-size:56px;line-height:64px;padding:5px 180px 15px 0}.font-row .icons{position:absolute;top:20px;right:40px;font-size:12px}.font-row .icons .icon{margin-left:15px}.font-row .icons>*{display:block;float:right}.font-row .btn-groups{position:absolute;top:50%;right:40px;font-size:12px}.font-row .family-count{line-height:19px;color:#9d9d9d}.font-row .family-count~.btn-license{top:-5px;right:112px}.font-row .family-count~.btn-license:after{display:none}.font-row .icon-hot{line-height:28px;min-width:56px;text-align:right;margin-left:10px}.font-row .hover-btn{display:none;position:relative;padding-right:16px}.font-row .hover-btn>*{display:inline-block;width:28px;height:28px;margin:0 2px}.font-row .hover-btn:after{content:' ';position:absolute;right:0;top:50%;margin-top:-4px;display:block;height:8px;width:1px;background:#d7d7dd}.font-row .btn-license{display:none;position:absolute;width:71px;height:28px;background:#4467f8;color:#fff;font-size:14px;line-height:28px;right:88px;top:-2px;padding:0;border:none}.font-row .btn-license:after{content:' ';position:absolute;right:-24px;top:50%;margin-top:-5px;display:block;height:10px;width:1px;background:#d7d7dd}.font-row:hover .btn-license,.font-row:hover .hover-btn{display:block}.group-mark{height:22px;overflow:hidden}.group-mark b{border:1px solid #d0d1d9;color:#999;font-size:12px;padding:0 4px;float:right;margin:0 0 10px 10px}.group-mark b:last-child{margin:0}.group-mark:empty,.group-mark:not(:empty)~.icon-mark{display:none}.font-group-item{cursor:pointer;border:1px solid #e0e0e0;padding:0 15px;line-height:40px;position:relative}.font-group-item.active:before{font-family:icomoon;color:#f50;content:'\e91b';position:absolute;top:0;right:15px}.font-group-item:last-child{margin:0}.waterfall-end{font-size:12px;color:#999;text-align:center;padding:0 0 20px}@media screen and (max-width:768px){.m-row-2 .panel-font-card{margin:0 -7.5px}.m-row-2 .font-card{width:50%;float:left;padding:0 7.5px 15px}.m-row-2 .icons{display:none}.panel-font-card{margin:0 -7.5px}.font-item .btn-groups{display:none}.font-item:hover .group-mark,.font-item:hover .icon-mark{display:inline-block!important}.font-item:hover .btn-license{display:none}.font-card{width:50%;padding:0 5.5px 15px}.font-card .name{line-height:50px;height:50px}.bg-white .font-card .font-item{border:1px solid #ddd}.font-row .name{padding:15px 0 0;font-size:14px}.font-row .letters{padding:5px 0 12px;font-size:32px;clear:both}.font-row .icons{top:12px;right:0}.font-row .family-count,.font-row .group-mark,.font-row .icon-hot,.font-row .user-mark{display:none}.panel-fonts .toolbar{padding-right:0;margin:20px 0 10px}.panel-fonts .box-preview .text{width:calc(100% - 120px)}}