/* icon */
.icon-ztsb{ width:32px; height:26px; background-position:-9px -389px;}
.icon-llzt{ width:26px; height:26px; background-position:-51px -388px;}
.icon-cjzt{ width:29px; height:26px; background-position:-91px -387px;}
.icon-unicode{ width:29px; height:26px; background-position:-130px -385px;}
.icon-jfzh{ width:26px; height:26px; background-position:-166px -225px;}
.icon-xhzd{ width:29px; height:26px; background-position:-310px -90px;}
.icon-kxzd{ width:31px; height:26px; background-position:-329px -223px;}
.icon-swjz{ width:29px; height:26px; background-position:-204px -224px;}
.icon-bjtd{ width:9px; height:5px; background-position:-34px 0; margin:0 0 3px 10px;}
.icon-z{ width:9px; height:16px; background-position:-18px -60px; margin:0 5px 8px 0;}
.icon-shop{ width:12px; height:14px; background-position:-29px -60px; margin:0 5px 3px 0;}
.icon-see{ width:15px; height:14px; background-position:-43px -60px; margin:0 5px 3px 0;}
.icon-like{ width:14px; height:12px; background-position:-60px -60px; margin:0 5px 4px 0;}
.icon-tip{ width:18px; height:18px; background-position:-76px -60px; margin:0 5px 4px 0;}
.icon-qjd{width:14px; height:17px; background-position:-96px -60px; margin:0 5px 5px 0;}
.icon-refresh{width:17px; height:14px; background-position:-112px -60px; margin:0 5px 5px 0;}
.icon-yhq{width:17px; height:13px; background-position:-131px -60px; margin:0 5px 5px 0;}
.icon-yhh{width:17px; height:13px; background-position:-150px -60px; margin:0 0 5px 5px;}
.icon-zbzt{ width:60px; height:60px; background-position:0 -150px; margin:0 5px 0 0;}
.icon-mfgx{ width:60px; height:60px; background-position:-62px -150px; margin:0 5px 0 0;}
.icon-ttdj{ width:60px; height:60px; background-position:-124px -150px; margin:0 5px 0 0;}
.icon-jsfh{ width:60px; height:60px; background-position:-186px -150px; margin:0 5px 0 0;}
.icon-share1{ width:18px; height:18px; background-position:-84px -10px; margin:0 5px 3px 0;}
.icon-share2{ width:18px; height:18px; background-position:-104px -10px; margin:0 5px 3px 0;}
.icon-share3{ width:18px; height:18px; background-position:-124px -10px; margin:0 5px 3px 0;}
.icon-share4{ width:18px; height:18px; background-position:-141px -10px; margin:0 5px 3px 0;}
.icon-reset{ width:19px; height:15px; background-position:-197px -60px; margin:0 5px 3px 0;}
.icon-refre{ width:15px; height:15px; background-position:-218px -60px; margin:0 5px 3px 0;}
/* index top */
.index-top{}
.ftype-index{ position:relative; float:left; z-index:500;}
.ftype-index-list{ width:250px; border-bottom:1px solid #eee;}
.ftype-index-list li{ line-height:36px; border-left:1px solid #eee; border-right:1px solid #eee; background:#fff; padding-left:20px; position:relative; z-index:500; font-size:14px; *zoom:1;}
.ftype-index-list li.oddli{ background:#f9f9f9;}
.ftype-index-list li.hit{ line-height:34px; border-bottom:1px solid #0dad51; border-top:1px solid #0dad51; border-left:1px solid #0dad51; background:#fff; border-right:1px solid #fff; z-index:520; font-weight:700; color:#0dad51;}
.ftype-index-list li.fili.hit{ border-top:1px solid #fff;}
.ftype-index-list li i.icon-jtr{ width:5px; height:7px; background-position:-18px 0; position:absolute; top:50%; margin-top:-4px; right:14px;}
.ftype-index .ftype-con{ width:700px; min-height:396px; _height:396px; border:1px solid #0dad51; position:absolute; left:249px; top:-1px; z-index:510; display:none; background:#fff;}
.ftc-list{ padding:20px 20px; float:left;}
.ftc-list dl{ width:460px; overflow:hidden; padding-top:20px; border-bottom:1px dashed #e4e4e4; padding-bottom:10px;}
.ftc-list dl:last-child{ border-bottom:none;}
.ftc-list dt{ width:55px; font-weight:700; color:#333; position:relative; float:left; padding-right:25px; text-align:right;}
.ftc-list dt i.icon-jtr{ width:5px; height:7px; background-position:-18px 0; position:absolute; top:6px; right:10px;}
.ftc-list dd{ width:380px; float:left; margin-left: -10px;}
.ftc-list dd a{ display:inline-block; height:13px; line-height:13px; padding-left:10px; border-left:1px solid #a9a9a9; margin:0 0 10px 10px; color:#5b5b5b;}
.ftc-list dd a:hover{ text-decoration:underline;}
.ftc-list dd i{color:#aaa;}
.ftc-list dd i b{color:#faa; font-weight: normal}
.fwfull dl{ width:660px;}
.fwfull dd{ width:580px;}
.ftc-gg{ float:right; width:200px; background:#f8f8f8; padding:20px 0;}
.ftgg-type1 li{ float:left; margin-left:14px; margin-bottom:10px; _display:inline;}
.ftc-tit{ display:block; font-weight:700; padding-left:14px; padding-bottom:10px; color:#333; font-size:14px;}
.ftgg-type2 li{ padding-left:14px; margin-bottom:10px; text-align:center; line-height:25px;}
.ftgg-type2 li a{ color:#5b5b5b;}
.ftgg-type2 li img{ display:block;}
.ftype-banner{ float:left; width:660px; height:380px; padding:17px 0 0 20px; overflow:hidden;}
.ftype-right{ float:right; width:248px; border:1px solid #eee; border-bottom:none; margin-top:17px;}
.ftr-tit{ display:block; font-size:16px; color:#555; line-height:42px; padding-left:15px; border-bottom:1px dashed #e4e4e4;}
.ftr-news{ display:block; height:145px; padding:5px 15px 0 15px; overflow:hidden; border-bottom:1px dashed #e4e4e4;}
.ftr-news li{ width:100%; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ftr-news li a{ font-size:14px; color:#555;}
.ftr-news li a:hover{ text-decoration:underline;}
.ftr-font li{ display:block; width:61px; height:70px; border-left:1px solid #eee; float:left; border-bottom:1px solid #eee; text-align:center;}
.ftr-font li.linbor{ border-left:none; width:62px;}
.ftr-font li a{ display:block; width:100%; height:100%; color:#555; line-height:20px;}
.ftr-font li a:hover{ color:#fff; background:#0dad51;}
.ftr-font li a:hover i.icon-ztsb{ width:32px; height:26px; background-position:-9px -419px;}
.ftr-font li a:hover i.icon-llzt{ width:26px; height:26px; background-position:-51px -420px;}
.ftr-font li a:hover i.icon-cjzt{ width:29px; height:26px; background-position:-91px -421px;}
.ftr-font li a:hover i.icon-unicode{ width:29px; height:26px; background-position:-132px -418px;}
.ftr-font li a:hover i.icon-jfzh{ width:26px; height:26px; background-position:-165px -259px;}
.ftr-font li a:hover i.icon-xhzd{ width:29px; height:26px; background-position:-310px -120px;}
.ftr-font li a:hover i.icon-kxzd{ width:31px; height:26px; background-position:-331px -257px;}
.ftr-font li a:hover i.icon-swjz{ width:29px; height:26px; background-position:-204px -260px;}
.ftr-font li i{ margin:10px 0 5px 0;}
.index-dtop{ background:#fbfbfb; border:1px solid #ddd; padding:15px 20px; line-height:35px; font-size:14px; position:relative;}
.index-dtop a.ind-type1{ display:block; width:126px; height:33px; line-height:33px; text-align:center; background:#0dad51; font-size:16px; color:#fff; float:left;}
.index-dtop .ind-type2{ display:block; width:380px; height:27px; line-height:27px; background:#fff; border:1px solid #ccc; padding:2px 10px; float:left; margin-left:20px; _display:inline;}
.index-dtop .ind-type3{ float:left; margin:0 20px; _display:inline;}
.ind-type3-num{ float:left; padding-left:15px;}
.index-dtop .ind-type4{ float:left; margin-right:15px; _display:inline;}
.index-dtop .ind-type4 input{ vertical-align:middle; margin:0 5px 4px 0;}
.index-dtop .ind-type5{ float:left; margin-right:15px; _display:inline;}
.index-dtop .ind-type6{ float:left; margin-right:15px; _display:inline;}
.index-dtop .ind-type7{ float:left; _display:inline;}
.index-dtop .ind-type8{ float:right;}
.index-dtop .ind-type8 a{ display:block; text-decoration:underline;}
.itype1-list{ position:absolute; border:1px solid #ddd; left:19px; top:53px; background:#fff; padding:10px 5px 10px 15px; display:none; z-index:9;}
.itype1-list dl{ margin-right:30px; line-height:20px;}
.itype1-list dt{ color:#333; font-weight:700; font-size:14px; padding:5px 0 3px 0;}
.itype1-list dd{ color:#666; font-size:12px; padding-left:15px;}
.itype1-list dd a{ color:#666;}
.itype1-list dd a:hover{ text-decoration:underline;}

.index-adver{width:1200px; height:90px;}
.index-adver .left600{display:inline;width:598px; float:left;}
.index-adver .right600{display:inline;width:598px; float:right;}
.index-adver .left985{display:inline;width:983px; float:left;}
.index-adver .right215{display:inline;width:213px; float:right;}

#demo .color input{ display:inline-block; vertical-align:middle; margin:0 5px 4px 0; width:14px; height:14px; border:1px solid #7d7d7d; text-indent:-9999; font-size:0px; cursor: pointer}
.font-lab label{ display:block; line-height:38px; float:left; font-size:16px; color:#555; text-align:center; padding:0 5px; border-bottom:2px solid #fff;}
.font-lab label.active{ border-bottom:2px solid #01af63; color:#333;}
/* hot font */
/* .index-dlist{min-height:680px;} */
.index-dlist td .id-flook{ padding:5px 0; position:relative;}
.index-dlist td .id-flook .alike{ display:inline-block; height:25px; line-height:25px; color:#fff; padding:0 10px; text-align:center; background:#f25618; font-size:12px; color:#fff; position:absolute; right:0; top:10px; display:none;}
/* font country */
.index-ctit{ border-bottom:2px solid #d6d6d6; position:relative; height:55px; line-height:55px;}
.index-ctit .indlab{ position:absolute; left:0; top:0; font-size:24px; color:#333;}
.index-ctit .indlab a{ display:block; line-height:55px; padding:0 25px; float:left; _display:inline; font-size:20px;}
.index-ctit .indlab a.active{ font-size:28px; color:#333; border-bottom:2px solid #01af63;}
.index-ctit a.arefresh{ color:#999; font-size:14px;}
.index-clist{ padding-top:25px; display:none;}
.icul-home{ margin-bottom:20px; overflow:hidden;}
.icul-home li{ display:block; width:144px; overflow:hidden; float:left; margin-left:6px; _display:inline;}
.icul-home li .stylist{height:20px;width:100%;background:#fff;text-align:center;}
.icul-home li .stylist a{font-size:14px;}
.icul-home li.linml{height:144px; margin-left:0;background:url('../images/cy-home.png');}
.icul-home li.linml:hover{cursor:pointer;}
.icul-home li.linml .font-firm{width:100px;height:100px;margin:22px;}
.icul-home li.linml .font-firm .img-firm{width:70px;height:70px;background:url('../images/font-firm.png');margin-left:15px;}
.icul-home li.linml .font-firm .designer{background:url('../images/font-designer.png');}
.icul-home li.linml a, .icul-home li.linml a:hover{ border: none;margin: 0;}
.icul-home li.font-designer{background:url('../images/cy-maker.png');}
.icul-home li.linml .font-firm .font{font-size:16px;color:#fff;margin-top:10px;text-align:center;}
.icul-home li img{height:140px; width:140px}
.icul-home li a{ display:block; position:relative; margin:2px;}
.icul-home li a:hover{ margin: 0;border: 2px solid #0dad51;}
.icul-home li a label{ display:block; width:94%; height:36px; line-height:36px; padding:0 3%; background:url(../images/mbbg.png); position:absolute; left:0; bottom:0; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; display:none;}
.icul-home li .stylist a, .icul-home li .stylist a:hover{ border: none;margin: 0;}
.index-plist{ padding-top:30px;}
.index-plist li{ display:block; width:280px !important; overflow:hidden; float:left; margin:0 26px 0 0 !important; _display:inline;}
.index-plist li.linml{ margin-left:0;}
.index-plist li a{ display:block; width:100%; height:100%; position:relative;}
.index-plist li a label{ display:block; width:94%; height:36px; line-height:36px; padding:0 3%; background:url(../images/mbbg.png); position:absolute; left:0; bottom:0; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; display:none;}
.w860{ width:860px;}
.w280{ width:280px;}
.font-news{ background:url(../images/newbg.gif) repeat-y;}
.font-news li{overflow:hidden; float:left; display:block; width:427px; height:120px; margin:22px 0;}
.font-news li .fnimg{ width:160px; height:120px;overflow:hidden; float:left;}
.font-news li .fncon{ width:220px;height:120px; float:left; padding:0 0 0 15px; color:#999;overflow:hidden;text-overflow:ellipsis;}
.font-news li .fncon a{ display:block; font-size:16px; color:#666; line-height:20px; margin:5px 0 10px 0;}
.font-news li .fncon a:hover{ text-decoration:underline;}
.font-talk{ padding-top:10px;}
.font-talk li{ border-bottom:1px dashed #ccc; padding:20px 0px;}
.font-talk li:last-child{ border-bottom:none;}
.font-talk li .fcimg{ width:50px; height:50px; overflow:hidden; float:left;}
.font-talk li .fcimg.is-guest{background:url('../images/guest.png') no-repeat;}
.font-talk li .fccon{ width:200px; float:left; padding:0 0 0 15px; color:#999; line-height:23px;}

#demo .id-flook span{display: none;}
#demo .id-flook img{/*width:100%;*/ vertical-align:top;}
#demo .idbus {display: inline-block;float: right;height: 22px;line-height: 22px;background: #0dad51;font-size: 12px;padding: 0 12px;color: #fff;}
#demo td { background: url(../images/indbg.gif) bottom right no-repeat;}
#demo td.one { background-position-x: left;}