.logo[data-v-5348220e]{background-color:#f6f6f6;position:relative}.logo .search[data-v-5348220e]{height:265px;background-image:url(https://resources.17font.com/vt/res/img/%E5%95%86%E6%A0%87banner.0d3aaa2.png);background-size:100% 100%;position:relative;overflow:hidden}.logo .search .breadcrumb[data-v-5348220e]{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:998;width:1136px;height:50px;color:#fff;font-size:12px;display:flex;justify-content:flex-start;align-items:center;margin:0 auto}.logo .search .breadcrumb>a[data-v-5348220e]:hover{color:#ff832b}.logo .search .box[data-v-5348220e]{width:1136px;margin:0 auto;padding-top:75px;position:relative;z-index:997}.logo .search .box>.top[data-v-5348220e]{height:35px;color:#fff;font-size:25px;line-height:35px;font-weight:700}.logo .search .box>.bottom[data-v-5348220e]{display:flex;justify-content:flex-start;align-items:center;margin-top:15px}.logo .search .box>.bottom .search-input[data-v-5348220e]{width:344px;height:50px;border:none;border-right:1px solid transparent;outline:none;padding-left:25px}.logo .search .box>.bottom .preview[data-v-5348220e]{width:137px}.logo .search .box>.bottom .preview[data-v-5348220e],.logo .search .box>.bottom .search-btn[data-v-5348220e]{height:50px;color:#fff;font-size:16px;background-color:#ff832b;display:flex;justify-content:center;align-items:center;cursor:pointer}.logo .search .box>.bottom .search-btn[data-v-5348220e]{width:112px;margin-left:17.5px}.logo .search .image-one[data-v-5348220e]{height:665px;position:absolute;right:30px;top:-360px}.logo .search .image-two[data-v-5348220e]{height:730px;position:absolute;left:-275px;top:-405px}.logo .search .image-three[data-v-5348220e]{height:210px;position:absolute;left:15px;top:65px}.logo .filter[data-v-5348220e]{width:1136px;height:50px;margin:0 auto;position:relative}.logo .filter>ul[data-v-5348220e]{width:100%;display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;top:0;transform:translateY(-50%)}.logo .filter>ul>li .box[data-v-5348220e]{width:355px;height:100px;border-radius:5px;padding:15px;box-shadow:0 0 5px 5px hsla(0,0%,80%,.1);background-color:#fff;display:flex;justify-content:space-between;align-items:center}.logo .filter>ul>li .box>.left[data-v-5348220e]{display:flex;justify-content:flex-start;align-items:center}.logo .filter>ul>li .box>.left>img[data-v-5348220e]{width:65px;margin-right:15px}.logo .filter>ul>li .box>.left .title[data-v-5348220e]{user-select:none}.logo .filter>ul>li .box>.left .title>p[data-v-5348220e]:first-child{font-size:14px;font-weight:700}.logo .filter>ul>li .box>.left .title>p[data-v-5348220e]:nth-child(2){color:#ff832b;font-size:12px}.logo .filter>ul>li .box>ul.right[data-v-5348220e]{width:160px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;position:relative}.logo .filter>ul>li .box>ul.right>li[data-v-5348220e]{width:50%;height:35px;color:#666;font-size:14px;background-color:#f5f6f7;display:flex;justify-content:center;align-items:center;transition:all .3s;cursor:pointer}.logo .filter>ul>li .box>ul.right>li[data-v-5348220e]:hover{color:#fff;background-color:#ff832b}.logo .filter>ul>li .box>ul.right .hot[data-v-5348220e]{color:#fff;font-size:10px;background-color:red;position:absolute;top:-9.5px;right:-10.5px;padding:0 2.5px;border-radius:2.5px}.logo .filter>ul>li .box>ul.right .active[data-v-5348220e]{color:#fff;background-color:#ff832b}.logo>.tip[data-v-5348220e]{width:1364px;color:#999;font-size:14px;margin:25px auto 0;display:flex;justify-content:center;align-items:center}.logo>ul.font-list[data-v-5348220e]{width:1136px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto}.logo>ul.font-list>li[data-v-5348220e]{transition:transform .3s,box-shadow .3s;margin-top:25px;border-radius:5px;position:relative;overflow:hidden}.logo>ul.font-list>li .show[data-v-5348220e]{width:260px;height:205px;color:#333;font-size:45px;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#ececec;background-image:url(https://resources.17font.com/vt/res/img/%E6%B0%B4%E5%8D%B0-%E6%96%B9%E5%9D%97.0802085.svg);cursor:pointer}.logo>ul.font-list>li>.bottom[data-v-5348220e]{width:260px;height:45px;background-color:#fff;display:flex;justify-content:center;align-items:center}.logo>ul.font-list>li>.bottom>a[data-v-5348220e]:hover{color:#ff832b}.logo>ul.font-list>li .r[data-v-5348220e]{color:#999;font-size:18px;position:absolute;top:5px;right:5px}.logo>ul.font-list>li[data-v-5348220e]:hover{transform:translateY(-2.5px);box-shadow:0 0 5px 5px rgba(51,51,51,.1)}.logo>ul.font-list-another[data-v-5348220e]{width:1136px;margin:0 auto}.logo>ul.font-list-another>li[data-v-5348220e]{padding:25px 25px 15px;border-radius:5px;background-color:#fff;margin-top:15px;transition:transform .3s,box-shadow .3s;position:relative}.logo>ul.font-list-another>li .name[data-v-5348220e]{color:#999;font-size:14px;cursor:pointer}.logo>ul.font-list-another>li .name[data-v-5348220e]:hover{color:#ff832b}.logo>ul.font-list-another>li .show[data-v-5348220e]{height:115px;color:#333;font-size:55px;display:flex;justify-content:flex-start;align-items:center;letter-spacing:3.5px;background-image:url(https://resources.17font.com/vt/res/img/%E6%B0%B4%E5%8D%B0-%E6%9D%A1%E7%8A%B6.4ce2454.svg);cursor:pointer}.logo>ul.font-list-another>li .r[data-v-5348220e]{color:#999;font-size:18px;position:absolute;top:25px;right:25px}.logo>ul.font-list-another>li[data-v-5348220e]:hover{transform:translateY(-2.5px);box-shadow:0 0 5px 5px rgba(51,51,51,.1)}.logo>ul.font-list-another>li[data-v-5348220e]:first-child{margin-top:25px}.logo .pagin[data-v-5348220e]{text-align:center;padding:50px}.logo[data-v-5348220e] .dialog-guide{width:1136px;height:100%;box-shadow:none;background-color:transparent;margin:0 auto!important;margin-right:5px}.logo[data-v-5348220e] .dialog-guide .el-dialog__header{display:none}.logo[data-v-5348220e] .dialog-guide .el-dialog__body{padding:0}.logo[data-v-5348220e] .dialog-guide .el-dialog__body .box{position:relative}.logo[data-v-5348220e] .dialog-guide .el-dialog__body .box>img{cursor:pointer}.logo[data-v-5348220e] .dialog-guide .el-dialog__body .box .guide-1{position:absolute;top:235px}.logo[data-v-5348220e] .dialog-guide .el-dialog__body .box .guide-2{position:absolute;left:-40px;top:205px}.logo[data-v-5348220e] .dialog-guide .el-dialog__body .box .guide-3{position:absolute;top:275px}.logo[data-v-5348220e] .dialog-guide .el-dialog__body .box .guide-4{position:absolute;left:-20px;top:418px}.logo[data-v-5348220e] .dialog-price-up{width:550px;margin:0 auto!important}.logo[data-v-5348220e] .dialog-price-up .el-dialog__header{display:none}.logo[data-v-5348220e] .dialog-price-up .el-dialog__body{padding:0}.logo[data-v-5348220e] .dialog-price-up .el-dialog__body>img{width:100%;vertical-align:middle}.logo[data-v-5348220e] .dialog-price-up .el-dialog__body>.detail{color:#333;font-size:14px;padding:0 25px;margin-top:15px}.logo[data-v-5348220e] .dialog-price-up .el-dialog__body>.detail>span{color:#ff832b;font-weight:700}.logo[data-v-5348220e] .dialog-price-up .el-dialog__body>.tip{color:#999;font-size:14px;padding:0 25px;margin-top:15px}.logo[data-v-5348220e] .dialog-price-up .el-dialog__body>.btn{width:115px;height:35px;color:#fff;background-color:#ff832b;margin:25px auto;display:flex;justify-content:center;align-items:center;user-select:none;cursor:pointer;transition:all .3s}.logo[data-v-5348220e] .dialog-price-up .el-dialog__body>.btn:hover{background-color:#ff3535}.el-pagination .el-pager li:not(.disabled).active{background-color:#ff832b!important}.el-pagination .el-pager li:not(.disabled).active:hover{color:#fff!important}.el-pagination .el-pager li:not(.disabled):hover{color:#ff832b!important}.el-popover{padding:15px 15px 25px;border-radius:10px}.el-popover .all{width:555px}.el-popover .all .title{color:#000;font-size:14px;font-weight:700;border-left:5px solid #ff832b;padding-left:15px}.el-popover .all>ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.el-popover .all>ul>li{width:68px;height:22px;color:#666;font-size:12px;border-radius:5px;background-color:#f2f5f8;display:flex;justify-content:center;align-items:center;margin-right:10px;transition:all .3s;margin-top:15px;cursor:pointer}.el-popover .all>ul>li:hover{color:#fff;background-color:#ff832b}.el-popover .all>ul>li:nth-child(7n+7){margin-right:0}.el-popover .all>ul .active{color:#fff;background-color:#ff832b}