.layout{width:1360px}@media screen and (max-width:1680px){.layout{width:1000px}}.font-list .route .result{border:1px dashed #2f6bf7;line-height:22px;position:relative;padding:0 8px;font-size:14px;color:#2f6bf7}.font-list .route .result .iconfont{position:absolute;top:-12px;right:-10px;z-index:2;font-size:16px;color:#2f6bf7}.font-list .route .total{margin-left:10px}.font-list .route .total b{color:#2f6bf7;margin:0 3px;font-weight:normal}.font-list .filter-box{background:#fff;border-radius:4px;padding:34px 28px;margin-bottom:28px}.font-list .filter-box .style-filter{display:flex;margin-bottom:30px}.font-list .style-filter .font-desc{display:inline-block;margin-right:50px}.font-list .style-filter .font-desc:last-of-type{margin-right:0}.font-list .font-desc:hover .icon-box{transform:translateY(-6px)}.font-list .style-filter .icon-box{position:relative;display:block;border-radius:4px;transition:.3s}.font-list .style-filter .icon-box:after{position:absolute;content:'';top:-5px;left:-20px;bottom:-5px;right:-20px;border:1px solid transparent;border-radius:4px}.font-list .font-desc.on .icon-box:after{border-color:#2f6bf7}.font-list .style-filter .icon-box>.iconfont{font-size:28px;color:#1e1e1e}.font-list .font-desc.on .icon-box .btn-del{display:block}.font-list .style-filter .icon-box .btn-del{display:none;position:absolute;top:-11px;right:-27px;z-index:2;width:14px;height:14px;background:#2f6bf7;border-radius:50%;text-align:center;line-height:13px}.font-list .style-filter .icon-box .btn-del .iconfont{font-size:12px;color:#fff;margin-left:1px}.font-list .style-filter .amount{margin-top:10px;font-size:14px;color:#999;text-align:center}.font-list .category-line{margin-top:15px;padding-left:94px;line-height:26px}.font-list .category-line .l-name{float:left;margin-left:-94px;width:94px;text-align:left;font-size:14px;color:#888}.font-list .category-line .cl-li{float:left;margin:0 37px 5px 0;font-size:14px;color:#333;transition:.3s}.font-list .category-line .cl-li.on,.font-list .category-line .cl-li:hover{color:#2f6bf7}.font-list .content{position:relative;padding:16px 0 1px}.font-list .operate-box{height:70px;background:#fff;border-radius:4px;padding:16px 28px;position:relative;margin-bottom:12px}.font-list .operate-box .preview-box{float:left;width:793px;height:100%;border-radius:4px;display:flex}.font-list .preview-box input{width:730px;background-color:transparent;border:1px solid #e6e6e6;border-right:0;font-size:14px;color:#1e1e1e;text-align:left}.font-list .preview-box input::placeholder{color:#999}.font-list .preview-box .btn-preview{width:62px;height:100%;background:#2f6bf7;border-radius:0 4px 4px 0;line-height:38px;text-align:center;font-size:14px;color:#fff}.font-list .preview-box .btn-preview:hover{background:#2359d7}.font-list .operate-box .zoom-box{float:left;margin-top:24px;margin-left:107px;padding-right:35px;cursor:pointer;position:relative}.font-list .operate-box .current-font{position:absolute;top:-24px;width:40px;margin-left:-20px;text-align:center;font-size:12px;left:75px}.font-list .zoom-box .range-min,.font-list .zoom-box .range-max{position:absolute;text-align:center;color:#000}.font-list .zoom-box .range-max{font-size:18px;right:-35px;top:-14px}.font-list .zoom-box .range-min{font-size:14px;left:-26px;top:-10px}.font-list .zoom-box .range-bar{display:block;position:relative;width:110px;height:3px;background-color:#d8d8d8}.font-list .zoom-box .range-quantity{display:block;height:100%;background:#373737;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;overflow:hidden;width:28px}.font-list .zoom-box .range-handle{position:absolute;top:-5px!important;cursor:pointer;left:100px;margin-left:-5px;box-shadow:none;width:12px;height:12px;border:2px solid #373737;background-color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;overflow:hidden!important}.font-list .content .arrangement{float:left;margin-left:48px;margin-top:8px}.font-list .arrangement .iconfont{margin-right:22px;font-size:22px;color:#d7d7d7;cursor:pointer}.font-list .arrangement .iconfont:first-of-type,.font-list .arrangement.block .iconfont:nth-of-type(2){color:#333}.font-list .arrangement.block .iconfont:first-of-type{color:#d7d7d7}.font-list .content .other-sort{float:right;margin-top:5px;width:88px;height:28px;text-align:center;line-height:26px;font-size:14px;color:#1e1e1e;cursor:pointer;position:relative}.font-list .other-sort p{line-height:28px}.font-list .other-sort i{float:right;font-size:22px}.font-list .other-sort:hover .sort-dropdown{max-height:110px;overflow:visible;opacity:1}.font-list .other-sort .sort-dropdown{opacity:0;max-height:0;overflow:hidden;transition:.25s;position:absolute;top:10px;left:0;width:100%;z-index:3;padding-top:20px}.font-list .other-sort .sort-list{width:100%;box-shadow:0 2px 4px 0 rgba(154,154,154,0.5);border-radius:4px;background:#fff;padding:10px 0 5px}.font-list .other-sort .sort-list a{display:block;line-height:28px;margin-bottom:5px;font-size:14px;color:#999;text-align:center}.font-list .other-sort .sort-list a.on{display:none}.font-list .other-sort .sort-list a:hover{color:#2f6bf7}.font-list .list-con{width:100%;margin-bottom:20px}.font-list .block .list-con{float:left;width:319px;margin:0 28px 30px 0}.font-list .block .list-con:nth-child(4n){margin-right:0}.font-list .list-con .block-item{display:none}.font-list .block .list-con .block-item{display:block}.font-list .list-con .block-item{width:100%;background-color:#fff;box-shadow:0 2px 6px 0 rgba(217,217,217,0.5);border-radius:8px;transition:.3s;cursor:pointer}.font-list .list-con .block-item:hover{transform:translateY(-6px);box-shadow:0 2px 10px 0 rgba(160,160,160,0.5)}.font-list .block-item .img-box{height:185px;overflow:hidden;border-radius:8px 8px 0 0}.font-list .block-item img{width:100%}.font-list .block-item .font-name{line-height:79px;height:79px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26px;color:#333}.font-list .block .list-con .list-item{display:none}.font-list .list-con .list-item{display:block;width:100%;padding:26px 28px 0;background:#fff;border-radius:4px;transition:.3s;position:relative;cursor:pointer}.font-list .list-con .list-item:hover{transform:translateY(-6px);box-shadow:0 3px 12px 0 rgba(176,176,176,0.5)}.font-list .list-con .list-item>a{display:block}.font-list .list-con .con-top{line-height:28px;font-size:14px;color:#666}.font-list .list-con .con-top-r{position:absolute;right:28px;top:26px;z-index:2;display:flex;display:-ms-flex}.font-list .con-top-r .down-check,.font-list .con-top-r .add-cart{margin-left:13px;padding:0 15px;height:32px;line-height:32px;box-shadow:-1px 1px 4px 0 rgba(163,163,163,0.5);border-radius:5px;font-size:12px;color:#44484f}.font-list .con-top-r .down-check i,.font-list .con-top-r .add-cart i{color:#4c5765;font-size:16px}.font-list .con-top-r .add-cart.disable{background:#bfbfbf}.font-list .con-top-r .add-cart.disable i{color:#fff}.font-list .con-top-r .down-check i{font-size:12px;margin-right:5px}.font-list .list-con .font-words{padding:32px 0 37px 10px;font-size:54px;color:#000;transition:.2s;position:relative}.font-list .list-con:hover .font-words{color:#2f6bf7}.font-list .hide .list-con .font-words{font-size:108px}.font-list .select-model{height:0;opacity:0;transition:.28s;font-size:16px;color:#252525}.font-list .select-model .btn-checkbox{margin-right:8px}.font-list .select .select-model{height:auto;opacity:1;padding:30px 15px 20px}.font-list .select .list-con .font-words{padding:32px 0 37px 40px}.font-list .font-words .checkbox-div{display:none;position:absolute;top:0;left:0;width:40px;height:100%}.font-list .select .font-words .checkbox-div{display:block}.font-list .font-words .btn-checkbox{position:absolute;top:50%;left:8px;margin-top:-9px}.font-list .block-list{margin-top:46px}.font-list .block-li{float:left;margin:0 29px 30px 0;width:306px;border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;border:1px solid #ececec;overflow:hidden;text-align:center;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;-moz-transition:all .2s;position:relative}.font-list .block-li:nth-of-type(3n){margin-right:0}.font-list .block-li:hover{box-shadow:2px 2px 4px 0 rgba(186,186,186,0.5);transform:translateY(-6px);-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-moz-transform:translateY(-6px)}.font-list .block-li .add-cart{opacity:0;position:absolute;top:12px;right:18px;z-index:2;transition:.2s}.font-list .block-li:hover .add-cart{opacity:1}.font-list .block-li .add-cart i{font-size:20px;color:#7c8490;transition:.3s}.font-list .block-li .add-cart:hover i{color:#315dff}.font-list .block-li .font-box{width:100%;height:182px;line-height:182px;background:#fff;font-size:56px;color:#282828;position:relative}.font-list .block-li .font-box span{display:block;margin:0 13px;white-space:nowrap;overflow:hidden;text-overflow:clip}.font-list .hide .block-li .font-box span{margin:0 11px}.font-list .block-li .font-style{width:100%;height:58px;line-height:58px;background:#f8f9fa;border-top:1px solid #ececec;font-family:Microsoft YaHei;font-size:14px;color:#373737;padding:0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.font-list .block-li .auth-download{float:right;margin-top:15px;padding:0 8px;height:28px;border-radius:4px;text-align:center;line-height:28px;font-size:12px;opacity:0;transition:.28s}.font-list .block-li:hover .go-download,.font-list .block-li:hover .auth-download{opacity:1}.font-list .block-li .go-download{float:right;margin-top:17px;padding:0 4px;height:24px;border-radius:4px;border:1px solid #979797;line-height:22px;opacity:0;transition:opacity .28s}.font-list .block-li .go-download i{color:#616161;font-size:14px}.font-list .block-li .go-download:hover{border:0;line-height:24px}#pageToolbar-b{padding:60px 0 50px}.font-list .empty img{width:80px;display:block;margin:40px auto 16px}.font-list .empty p{font-size:14px;color:#888;text-align:center;margin-bottom:2px}.font-list .empty .search-words{color:#2f6bf7;font-weight:normal}.font-list .recom-tit{margin:26px 0 14px;padding:0 6px;font-size:14px;color:#333}.font-list .no-result img{text-align:center;margin-top:80px;margin-bottom:100px;margin-left:39%}.font-list .no-result p{text-align:center;padding-bottom:20px;color:#9096a5;font-size:22px}.font-list .no-result .top{margin-top:-20px}.font-list .no-result .bottom{padding-bottom:50px}.font-list a>img{width:100%}.no-match-tips{font-size:16px;line-height:46px}.no-match-tips .no-match-tip-s{color:red}.no-match-tips .no-match-tip-keyword{font-weight:bold;color:red}.font-list .list-con~.no-match-tips{margin-top:-18px}.bottom-kws{padding:20px;background:#fff;margin:10px auto 40px}.bottom-kws .kws-header .select{color:#ff552e}.bottom-kws .kws-header li{float:left;margin-right:12px;font-size:12px;color:#666;cursor:pointer}.bottom-kws .kws-list{padding-top:10px;width:100%;height:100px;overflow:hidden}.bottom-kws .kws-list li{float:left;margin-right:20px;line-height:30px}.bottom-kws .hidden{display:none}.bottom-kws li a:hover{color:#ff552e}.bottom-kws .kws-header,.bottom-kws .kws-body{display:none}.font-list .hide .block-li{margin:0 24px 30px 0;width:322px}.font-list .hide .block-li:nth-of-type(3n){margin-right:24px}.font-list .hide .block-li:nth-of-type(4n){margin-right:0}.font-list .hide .block-li .font-box{height:200px;line-height:200px;font-size:60px}.font-list .hide .block-li .font-box .fb-title{top:40px}.font-list .hide .block-li .font-style{height:62px;line-height:62px;font-size:16px}.font-list .hide .block-li .auth-download{margin-top:17px}.font-list .hide .block-li .go-download{margin-top:19px}.batch-down-switch{position:absolute;right:157px;top:25px;width:130px;height:28px;background:linear-gradient(270deg,#3a7fff 0,#275af0 100%);border-radius:14px;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 1px}.batch-down-switch>span{margin-left:9px;margin-right:3px}.switch{width:64px;height:26px;position:relative;border:1px solid #dfdfdf;background-color:#fff;box-shadow:#a7a7a7 0 0 0 0 inset;border-radius:20px;background-clip:content-box;display:inline-block;-webkit-appearance:none;user-select:none;outline:0;cursor:pointer}.switch:before{content:'';width:24px;height:24px;position:absolute;top:0;left:0;bottom:0;margin:auto 0;border-radius:20px;background:#d3dcde}.switch::after{content:'开启';font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#265eef;line-height:24px;position:absolute;right:5px}.switch:checked{border-color:#fff;box-shadow:#fff 0 0 0 16px inset}.switch:checked:before{left:38.5px;background:linear-gradient(270deg,#3a7fff 0,#275af0 100%)}.switch:checked::after{content:'关闭';font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#265eef;line-height:24px;position:absolute;left:-10px}.switch.switch-anim{transition:border cubic-bezier(0,0,0,1) .4s,box-shadow cubic-bezier(0,0,0,1) .4s}.switch.switch-anim:before{transition:left .3s}.switch.switch-anim:checked{box-shadow:#fff 0 0 0 16px inset;background-color:#fff;transition:border ease .4s,box-shadow ease .4s,background-color ease 1.2s}.switch.switch-anim:checked:before{transition:left .3s}.font-list .list-con .font-words .checkbox-wrapper{position:absolute;left:12px}.checkbox-wrapper .checkbox-item{display:none}.checkbox-wrapper .checkbox-item+label{display:inline-block;width:18px;height:18px;background:#fff;border-radius:2px;border:2px solid #000;cursor:pointer;position:relative}.checkbox-wrapper .checkbox-item:checked+label:before{content:'';position:absolute;width:14px;height:14px;background:linear-gradient(90deg,#ff1e89 0,#ff8f8a 100%);border-radius:2px;left:0;right:0;top:0;bottom:0;margin:auto}.batch-down-modal-wrapper{width:100%;height:89px;background:#fff;position:fixed;bottom:0;z-index:10001}.batch-down-modal-wrapper .batch-down-modal{height:100%;display:flex;align-items:center}.checkbox-all-wrapper{display:flex;align-items:center}.checkbox-all-wrapper .checkbox-all{display:none}.checkbox-all-wrapper .checkbox-all+label{display:inline-block;width:18px;height:18px;background:#fff;border-radius:2px;border:2px solid #000;cursor:pointer;position:relative}.checkbox-all-wrapper .checkbox-all:checked+label::before{content:'';position:absolute;width:14px;height:14px;background:linear-gradient(90deg,#ff1e89 0,#ff8f8a 100%);border-radius:2px;left:0;right:0;top:0;bottom:0;margin:auto}.checkbox-all-wrapper>span{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#000;line-height:22px;margin-left:13px}.batch-down-modal .batch-check-font{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#000;line-height:22px;margin-right:37px}.batch-down-modal .batch-check-font>span{color:#cc3f63;font-size:18px;font-weight:700;margin:0 10px}.batch-down-modal .batch-down-btn{width:220px;height:54px;background:linear-gradient(270deg,#12d4ff 0,#315dff 100%);box-shadow:2px 18px 15px -18px #4d4998;border-radius:27px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:22px}.batch-down-modal .batch-down-btn.batch-down-btn-disabled{background:#8d949e;color:#fff}.batch-download-tip{display:flex;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7b8490;line-height:20px;margin-left:33px;box-sizing:border-box;flex:1}.batch-download-tip .batch-download-tip-left{display:flex;position:relative;cursor:pointer}.batch-download-tip .batch-download-tip-left .tip{position:absolute;top:-120px;left:-190px;width:508px;height:106px;background:#f8f9fa;border:1px solid #d5d9dd;padding:6px 12px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#8d949e;line-height:17px;flex-direction:column;border-radius:4px;display:none}.batch-download-tip-left:hover .tip{display:flex}.batch-download-tip-left:hover{color:#265eef}.batch-download-tip .batch-download-tip-left .tip>span:nth-child(2){font-weight:500;color:#ee663f;margin-top:5px}.batch-download-tip-left .tip::before{position:absolute;content:'';bottom:-26px;left:50%;width:0;height:0;border:13px solid transparent;border-top-color:#d5d9dd}.batch-download-tip-left .tip::after{position:absolute;content:'';bottom:-25px;left:50%;width:0;height:0;border:13px solid transparent;border-top-color:#f8f9fa}.batch-download-tip .buy-author:hover{color:#265eef}@media screen and (max-width:1680px){.font-list .style-filter .font-desc{margin-right:25px}.font-list .style-filter .icon-box:after{left:-12px;right:-12px}.font-list .style-filter .icon-box .btn-del{right:-19px}.font-list .style-filter .icon-box>.iconfont{font-size:22px}.font-list .operate-box .preview-box{width:450px}.font-list .preview-box input{width:388px}.font-list .list-con .font-words{font-size:85px}.font-list .block .list-con{width:232px;margin:0 24px 28px 0}.font-list .block-item .img-box{height:134px}.font-list .block-item .font-name{line-height:58px;height:58px;font-size:20px}}