.list-style .style-chose{color:#007aff}.list-style{float:right}.hot-topic .sort{margin-right:0;margin-left: 16px;}.hot-topic .font-input{float:left;overflow:hidden;margin-top:11px;margin-left:32px;width:340px;height:40px;border-radius:6px;background:#eee}.hot-topic .font-input input{float:left;width:278px;height:40px;outline:0;border:0 solid;background:#eee;vertical-align:11px;text-indent:20px;font-size:14px}.hot-topic .font-input .ylan{display:inline-block;width:60px;height:40px;background:#007aff;color:#fff;vertical-align:11px;font-size:14px;line-height:40px;cursor:pointer}.hot-topic .f2{float:left;margin-top:19px;margin-left:32px;width:166px;height:30px}.hot-topic .f2 span{float:left;display:block;width:30px;height:30px;color:#7a7a7a;font-weight:700;font-size:9pt;line-height:27px}.hot-topic .f2 .sample-child-size{float:left;display:inline-block;width:104px;height:28px}.sample-child-size .sample-child-size-box{position:relative;display:block;margin:0 auto;width:100%;border-radius:40px}.hot-topic .f2 .sample-child-size .size-box-blue{position:absolute;width:60px;height:5px;border-radius:40px;background:#007aff}.hot-topic .f2 .sample-child-size .sample-size-scroll-slider{overflow:hidden;margin-top:9pt;width:100%;height:5px;border:none;border-radius:5px;background-color:#d8d8d8}.hot-topic .f2 .sample-child-size .sample-size-slider-btn{position:absolute;top:-6px;left:52px;overflow:hidden;width:10px;height:17px;background:url(../image/font.png) -20px -235px #fff no-repeat;background-color:#fff;color:#00a0e9;text-align:center;font-size:9pt;line-height:20px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.list-style a{display:inline-block;margin-left:10px;padding:0 10px;width:88px;height:35px;border-radius:4px;background:#fff;color:#8f8f8f;font-size:14px;line-height:35px}.list-style a i{margin-right:8px;padding-left:3px;vertical-align:-1px;font-size:18px}.hot-topic-fff{margin:19px auto;height:100%;border-radius:4px;background:#fff}.t-box{margin-top:21px}.t-box .font-div{margin-bottom:13px;padding:40px 75px 0;border-radius:4px;background:#fff}.t-box .font-div:hover{box-shadow:0 4px 5px #e1e6e7}.t-box .font-div .introudce{width:100%;height:38px;color:#838383;font-size:13px;line-height:38px}.t-box .font-div .ziti-down{float:right;margin-right:8px;padding-left:50px;width:46px;height:36px;border:1px solid #e3e3e3;border-radius:4px;background:url(../image/font.png) 5px -100px no-repeat;text-align:left;line-height:36px}.t-box .font-div .ziti-down:hover{background:url(../image/font.png) 5px -153px no-repeat #007aff;color:#fff}.t-box .font-div .ziti-collect{float:right;width:36px;height:36px;border:1px solid #e3e3e3;border-radius:4px;background:url(../image/font.png) -6px 7px no-repeat;cursor:pointer}.t-box .font-div .chose,.t-box .font-div .ziti-collect:hover{background:url(../image/font.png) -7px -38px no-repeat}.font-div{padding:30px;text-align:left}.t-box .font-div .font-style{display:block;padding:30px 0 46px;color:#333;font-size:48px;transition:all .2s;-ms-transition:all .2s}.t-box .font-div .font-style:hover{color:#007aff}.index-banner{padding-top:100px}.font-topic{overflow:hidden;background:#fff}.font-topic .font-topic-img{display:block;padding:27px 0;width:100%;height:120px}.font-topic .font-topic-img li{float:left;display:block;margin-right:34px;margin-right:26px;width:350px;width:280px;height:120px;height:95px}.font-topic .font-topic-img li:nth-of-type(4n){margin-right:0}.font-topic .font-topic-img li a img{overflow:hidden;width:100%;height:100%;border-radius:6px}.font-topic .font-topic-img li a img:hover{opacity:.8}.font-topic .font-style-font{float:left;display:block;padding-bottom:40px;width:100%;height:40px;font-size:28px;line-height:40px}.font-topic .font-style-font li{display:inline-block}.font-topic .font-style-font li a{display:inline-block;margin:0 10px;font-size:32px}.ziti-zhuangti{padding:45px 0 30px;height:30px}.ziti-zhuangti span{float:left;display:block;font-weight:700;font-size:26px}.ziti-zhuangti a{float:right;display:block;color:#5e5e5e;font-size:16px}.font-list{overflow:hidden;padding-top:8px;width:100%;height:auto}.font-list .font-box{float:left;overflow:hidden;margin-right:34px;margin-right:26px;margin-bottom:35px;width:350px;width:280px;border-radius:6px;background:#fff;transition:all .2s;-ms-transition:all .2s}.font-list .font-box:hover{box-shadow:0 8px 8px 0 #e0e6e7;transform:translateY(-6px);-ms-transform:translateY(-6px)}.font-list .font-box img{display:inline-block;margin-right:10px;width:70px;height:70px}.font-list .font-box:nth-of-type(4n){margin-right:0}.font-list .font-box a,.font-list .font-box span{display:inline-block}.font-list .font-box .title{width:100%;height:100px;color:#fff;letter-spacing:3px;font-weight:700;font-size:26px;line-height:100px}.font-list .font-box .back-img-1{height:80px;background:url(../image/1.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-2{height:80px;background:url(../image/2.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-3{height:80px;background:url(../image/3.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-4{height:80px;background:url(../image/4.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-5{height:80px;background:url(../image/5.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-6{height:80px;background:url(../image/6.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-7{height:80px;background:url(../image/7.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-8{height:80px;background:url(../image/8.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-9{height:80px;background:url(../image/9.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-10{height:80px;background:url(../image/10.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-11{height:80px;background:url(../image/11.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .back-img-12{height:80px;background:url(../image/12.png) center center no-repeat;font-size:28px;line-height:80px}.font-list .font-box .font-content{display:inline-block;overflow:hidden;width:280px;width:220px;height:80px;height:70px;border-bottom:1px solid #eee;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:28px;font-size:25px;line-height:80px;line-height:70px;cursor:pointer;transition:all .2s;-ms-transition:all .2s}.font-list .font-box .font-info{width:280px;width:220px;height:55px;color:#717171;font-size:14px;line-height:55px}.font-list .font-box .font-info em{float:left}.font-list .font-box .font-info a{float:right;color:#717171}.font-list .font-box .font-info a:hover,.ziti-zhuangti a:hover{color:#007aff}.font-all{width:100%;height:540px;background:url(../image/banner.jpg) center center no-repeat}.font-all .f-a-list,.font-all .f-a-title{height:100px;color:#fff;text-align:left;font-weight:700;font-size:26px;line-height:100px}.font-all .diff-list{float:left;display:block;margin-right:23px;margin-right:18px;width:300px;width:240px;height:390px}.font-all .diff-list li{display:inline-block;margin-bottom:24px;width:100%;height:80px;border-radius:6px;background:#fff;color:#007aff;font-size:20px;font-size:17px;line-height:80px;cursor:pointer}.font-all .diff-list .chose{background:#007aff;color:#fff}.font-all .diff-list li i{display:inline-block;margin-left:33px;width:20px;font-weight:900;font-style:unset;font-family:cursive}.font-all .diff-list-right{float:left;display:none;padding-top:40px;width:1180px;width:940px;height:352px;border-radius:4px;background:#fff}.font-all .diff-chose{display:block}.font-all .diff-list-right li{display:inline-block}.font-all .diff-list-right li a{display:inline-block;margin:31px 54px;margin:31px 15px;width:280px;height:40px;font-size:36px;font-size:30px;line-height:40px}.hot-font{margin-top:37px;height:120px}.hot-font img{overflow:hidden;width:100%;height:100%;border-radius:6px}.font-com{padding:20px 0}.font-com a{display:inline-block;margin:0 8px;margin:0 7px;width:170px;width:134px;height:60px;height:40px;border-radius:6px;background:#fff;font-size:14px;line-height:60px;line-height:40px}.font-com a:hover{background:#007aff;color:#fff}.font-cj{height:429px;height:343px;text-align:left}.font-cj .f-c-left{float:left;width:700px;width:627px;height:100%}.font-cj .f-c-left img{margin-right:25px;width:225px;width:180px;height:429px;height:343px;vertical-align:top}.font-cj .f-c-left ul{display:inline-block;overflow:hidden;width:395px;width:320px;height:99%}.font-cj ul li,.font-cj ul li a{display:inline-block}.font-cj ul li a{margin-right:4px;margin-bottom:9px;padding:5px 10px;padding:3px 8px;border-radius:4px;background:#fff;color:#5b5b5b;font-size:14px}.font-cj .f-c-right{float:left;width:700px;width:560px;height:100%}.font-cj .f-c-right .f-c-r-top{margin-bottom:19px;height:205px;height:162px}.font-cj .f-c-right .f-c-r-top img{overflow:hidden;margin-right:10px;width:255px;width:165px;height:205px;height:160px;border-radius:6px}.font-cj .f-c-right .f-c-r-top ul{display:inline-block;overflow:hidden;width:415px;width:349px;height:205px;height:162px;vertical-align:top}.font-all-banner{width:100%;height:240px;background:url(../image/font-all.jpg) center center no-repeat;color:#fff}.font-all-ztbanner{margin-bottom:20px;width:100%;height:240px;background:url(../image/ztbanner.jpg) center center no-repeat}.font-all-banner .mbx{height:50px;color:#fff;text-align:left;font-size:12px;line-height:50px}.font-all-banner .mbx a{color:#fff}.font-all-banner h3,font-all-banner h3{height:100px;letter-spacing:30px;font-weight:700;font-size:60px;line-height:103px}.font-all-banner h5{height:50px;letter-spacing:2px;font-weight:400;font-size:17px;line-height:50px}.font-banner{margin-bottom:30px;background:url(../image/banner.jpg) center center no-repeat}.font-banner,.font-banner-1{width:100%;height:240px;color:#fff}.font-banner-1{background:url(../image/1.jpg) center center no-repeat}.font-banner-2{background:url(../image/2.jpg) center center no-repeat}.font-banner-2,.font-banner-3{width:100%;height:240px;color:#fff}.font-banner-3{background:url(../image/3.jpg) center center no-repeat}.font-banner-4{background:url(../image/4.jpg) center center no-repeat}.font-banner-4,.font-banner-5{width:100%;height:240px;color:#fff}.font-banner-5{background:url(../image/5.jpg) center center no-repeat}.font-banner-6{background:url(../image/6.jpg) center center no-repeat}.font-banner-6,.font-banner-7{width:100%;height:240px;color:#fff}.font-banner-7{background:url(../image/7.jpg) center center no-repeat}.font-banner-8{background:url(../image/8.jpg) center center no-repeat}.font-banner-8,.font-banner-9{width:100%;height:240px;color:#fff}.font-banner-9{background:url(../image/9.jpg) center center no-repeat}.font-banner-10{background:url(../image/10.jpg) center center no-repeat}.font-banner-10,.font-banner-11{width:100%;height:240px;color:#fff}.font-banner-11{background:url(../image/11.jpg) center center no-repeat}.font-banner-12{width:100%;height:240px;background:url(../image/12.jpg) center center no-repeat;color:#fff}.font-banner h3{height:130px;letter-spacing:30px;font-weight:700;font-size:60px;line-height:130px}.font-banner h5{height:50px;letter-spacing:20px;font-weight:400;font-size:20px;line-height:50px}.font-cj ul li a:hover{background:#007aff;color:#fff}@media all and (min-width:1600px){.hot-topic .font-input{margin-left:50px;width:460px}.hot-topic .font-input input{width:398px}.font-topic .font-topic-img li{float:left;display:block;width:350px;height:120px;margin-right:34px}.font-topic .font-style-font li a{display:inline-block;margin:0 23px}.font-list .font-box{margin-right:34px;width:350px}.font-list .font-box img{margin-right:10px;width:80px;height:80px}.font-list .font-box .font-content{overflow:hidden;width:280px;height:80px;text-overflow:ellipsis;white-space:nowrap;line-height:80px}.font-list .font-box .font-info{width:280px}.font-all .diff-list{margin-right:23px;width:300px}#h-searchdiv .search .search-box .i-search{width:490px}.font-all .diff-list li{font-size:20px}.font-all .diff-list-right{width:1180px}.font-all .diff-list-right li a{margin:31px 54px;font-size:36px}.hot-font{height:150px}.font-com a{display:inline-block;margin:0 8px;width:170px;height:60px;font-size:18px;line-height:60px}.font-cj{height:429px}.font-cj .f-c-left{width:700px}.font-cj .f-c-left img{width:225px;height:429px}.font-cj .f-c-left ul{width:395px}.font-cj ul li a{padding:7px 15px}.font-cj .f-c-right{width:700px}.font-cj .f-c-right .f-c-r-top img{width:255px;height:205px}.font-cj .f-c-right .f-c-r-top{height:205px}.font-cj .f-c-right .f-c-r-top ul{width:415px;height:205px}}@media all and (max-width:1300px){.hot-topic .sort{margin-right:0;margin-left:10px;font-size:12px;width:63px}.hot-topic .font-input{margin-left:7px;width:250px}.hot-topic .font-input input{width:188px}.hot-topic .font-input{margin-left:19px;width:239px}.hot-topic .font-input input{width:178px}.font-topic .font-topic-img li{float:left;display:block;width:264px;height:80px;margin-right:10px;width:242px}.font-topic .font-style-font li a{display:inline-block;margin:0 12px;font-size:23px}.font-list .font-box{margin-right:13px;width:240px}.font-list .font-box img{margin-right:0;width:60px;height:60px}.font-list .font-box .font-content{overflow:hidden;width:186px;height:53px;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:53px}.font-list .font-box .font-info{width:186px}.font-all .diff-list{margin-right:16px;width:220px}.font-topic .font-topic-img{padding:20px 0;height:80px}.font-all .diff-list li{margin-bottom:37px;height:70px;font-size:17px;line-height:70px}.font-all .diff-list-right{width:764px}.font-all .diff-list-right li a{margin:32px 2px;width:231px;font-size:26px}.hot-font{margin-top:28px;height:105px}.font-com a{display:inline-block;margin:0 2px;width:117px;height:50px;line-height:50px}.font-cj{height:285px}.font-cj .f-c-left{width:465px;height:285px}.font-cj .f-c-left img{width:149px;height:285px}.font-cj .f-c-left ul{width:280px}.font-cj ul li a{margin-right:4px;margin-bottom:6px;padding:3px 5px;font-size:12px}.font-cj .f-c-right{width:465px}.font-cj .f-c-right .f-c-r-top img{width:149px;height:143px}.font-cj .f-c-right .f-c-r-top{margin-bottom:13px;height:139px}.font-cj .f-c-right .f-c-r-top ul{width:275px;height:145px}.font-list .font-box .back-img-1,.font-list .font-box .title{font-size:20px}}