.fonts[data-v-5ce8b77e]{width:100%;min-width:864px;min-height:100vh;background-color:#eee}.fonts header[data-v-5ce8b77e]{position:relative;display:flex;align-items:center;width:100%;height:140px;background-color:#fff}.fonts header .header[data-v-5ce8b77e]{width:90%;height:140px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}.fonts header .header .header_left[data-v-5ce8b77e]{width:140px;height:140px;display:flex;align-items:center}.fonts header .header .header_left img[data-v-5ce8b77e]{width:24px;height:24px;text-align:center;cursor:pointer}.fonts header .header .header_left span[data-v-5ce8b77e]{margin-left:20px;font-size:18px;font-weight:600}.fonts header .header .header_right[data-v-5ce8b77e]{width:520px;height:120px;display:flex;align-items:center;position:relative}.fonts header .header .header_right .header_box[data-v-5ce8b77e]{width:520px;box-sizing:border-box}.fonts header .header .header_right .header_box .box_seach[data-v-5ce8b77e]{width:520px;height:41px;background-color:#fff;border-radius:6px;border:2px solid #0493fe;box-sizing:border-box;display:flex;align-items:center}.fonts header .header .header_right .header_box .box_seach input[data-v-5ce8b77e]{flex:1;height:30px;font-size:14px;border:none;outline:none;color:#666}.fonts header .header .header_right .header_box .box_seach .button[data-v-5ce8b77e]{width:70px;height:38px;line-height:38px;margin-right:-1px;text-align:center;background-color:#0493fe;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:15px;z-index:999}.fonts .cont[data-v-5ce8b77e]{width:100%;padding-bottom:20px}.fonts .cont .type[data-v-5ce8b77e]{width:100%;display:flex;align-items:center;height:50px;background-color:#fff}.fonts .cont .type .item[data-v-5ce8b77e]{margin:0 50px}.fonts .cont .type .item:hover span[data-v-5ce8b77e]{color:#0493fe;cursor:pointer}.fonts .cont .type .active[data-v-5ce8b77e]{color:#0493fe}.fonts .cont .type .un_active[data-v-5ce8b77e]{color:#666}.fonts .cont .recommend[data-v-5ce8b77e]{margin-top:20px;display:flex;align-items:flex-end}.fonts .cont .recommend span[data-v-5ce8b77e]{margin-right:20px;color:#999}.fonts .cont .list[data-v-5ce8b77e]{margin-top:20px;width:100%;padding:0 20px;box-sizing:border-box;display:flex;flex-wrap:wrap}.fonts .cont .list .list_item[data-v-5ce8b77e]{position:relative;margin-bottom:20px;width:32%;margin-right:2%;background-color:#fff}.fonts .cont .list .list_item .pic[data-v-5ce8b77e]{padding:5px;box-sizing:border-box;width:100%;display:flex;align-items:center;height:220px;overflow:hidden}.fonts .cont .list .list_item .pic img[data-v-5ce8b77e]{width:100%}.fonts .cont .list .list_item[data-v-5ce8b77e]:nth-child(3n+3){margin-right:0}.fonts .cont .list .list_item[data-v-5ce8b77e]:hover{cursor:pointer;box-shadow:0 0 9px 3px #ccc}.fonts .cont .list .msg[data-v-5ce8b77e]{width:100%;height:40px;text-align:center;line-height:40px;font-size:16px}.fonts .cont .empty_style[data-v-5ce8b77e]{height:500px;color:#999;display:flex;flex-direction:column;justify-content:center;align-items:center}.fonts .cont .empty_style .el-image[data-v-5ce8b77e]{margin-bottom:20px}.fonts .cont .pagination[data-v-5ce8b77e]{display:flex;justify-content:center}.fonts .detail_style[data-v-5ce8b77e]{height:200px;background-color:#000}.fonts .detail_pic[data-v-5ce8b77e]{width:350px}.fonts .detail_msg[data-v-5ce8b77e]{width:240px;margin-left:20px}.fonts .detail_msg .title[data-v-5ce8b77e]{font-size:18px;color:#333;font-weight:700}.fonts .detail_msg .popular[data-v-5ce8b77e]{margin:20px 0 10px 0;font-size:12px;color:#999}.fonts .detail_msg .popular span[data-v-5ce8b77e]{margin:0 10px}.fonts .detail_msg .popular .icon[data-v-5ce8b77e]:hover{cursor:pointer;color:red}.fonts .detail_msg .popular .is_collect[data-v-5ce8b77e]{color:red}.fonts .detail_msg .popular .no_collect[data-v-5ce8b77e]{color:#999}.fonts .detail_msg .other[data-v-5ce8b77e]{margin:15px 0}.fonts .detail_msg .other[data-v-5ce8b77e] :first-child{color:#999;margin-right:10px}.fonts .detail_msg .other[data-v-5ce8b77e] :last-child{color:#666}.fonts .detail_msg .dialog-footer[data-v-5ce8b77e]{display:flex;justify-content:space-between}.box_seach .el-select{width:100px}.box_seach .el-select .el-input__inner{border:none}