pinyin4j实现java给汉字加拼音

效果图

在这里插入图片描述

依赖

<!-- 中文转拼音 --><dependency><groupId>com.belerweb</groupId><artifactId>pinyin4j</artifactId><version>2.5.0</version></dependency>

java代码

import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin4j.format.HanyuPinyinCaseType;
import net.sourceforge.pinyin4j.format.HanyuPinyinOutputFormat;
import net.sourceforge.pinyin4j.format.HanyuPinyinToneType;
import net.sourceforge.pinyin4j.format.HanyuPinyinVCharType;
import net.sourceforge.pinyin4j.format.exception.BadHanyuPinyinOutputFormatCombination;import java.sql.SQLOutput;
import java.util.Arrays;/*** @version v1.0 创建时间:6:36* @author: 作者:陈子枢* @web CSDN:https://blog.csdn.net/nutony* @description 描述:*/
public class TestPinyin4j {public static String getPinyin(String hanzi) {//输出格式设置HanyuPinyinOutputFormat format = new HanyuPinyinOutputFormat();/*** 输出大小写设置** LOWERCASE:输出小写* UPPERCASE:输出大写*/format.setCaseType(HanyuPinyinCaseType.LOWERCASE);/*** 输出音标设置** WITH_TONE_MARK:直接用音标符(必须设置WITH_U_UNICODE,否则会抛出异常)* WITH_TONE_NUMBER:1-4数字表示音标* WITHOUT_TONE:没有音标*/format.setToneType(HanyuPinyinToneType.WITH_TONE_MARK);/*** 特殊音标ü设置** WITH_V:用v表示ü* WITH_U_AND_COLON:用"u:"表示ü* WITH_U_UNICODE:直接用ü*/format.setVCharType(HanyuPinyinVCharType.WITH_U_UNICODE);char[] hanYuArr = hanzi.trim().toCharArray();StringBuilder pinYin = new StringBuilder();try {for (int i = 0, len = hanYuArr.length; i < len; i++) {//匹配是否是汉字if (Character.toString(hanYuArr[i]).matches("[\\u4E00-\\u9FA5]+")) {//如果是多音字,返回多个拼音,这里只取第一个String[] pys = PinyinHelper.toHanyuPinyinStringArray(hanYuArr[i], format);pinYin.append(pys[0]);} else {pinYin.append(hanYuArr[i]);}pinYin.append("|");}} catch (BadHanyuPinyinOutputFormatCombination badHanyuPinyinOutputFormatCombination) {badHanyuPinyinOutputFormatCombination.printStackTrace();}return pinYin.toString();}public static String getFirstPinYin(String hanyu) {HanyuPinyinOutputFormat format = new HanyuPinyinOutputFormat();format.setCaseType(HanyuPinyinCaseType.UPPERCASE);format.setToneType(HanyuPinyinToneType.WITHOUT_TONE);StringBuilder firstPinyin = new StringBuilder();char[] hanyuArr = hanyu.trim().toCharArray();try {for (int i = 0, len = hanyuArr.length; i < len; i++) {if(Character.toString(hanyuArr[i]).matches("[\\u4E00-\\u9FA5]+")){String[] pys = PinyinHelper.toHanyuPinyinStringArray(hanyuArr[i],format);firstPinyin.append(pys[0].charAt(0));}else {firstPinyin.append(hanyuArr[i]);}}} catch (BadHanyuPinyinOutputFormatCombination badHanyuPinyinOutputFormatCombination) {badHanyuPinyinOutputFormatCombination.printStackTrace();}return firstPinyin.toString();}//带拼音的文字,需要配合自定义标签:ruby、rt拼音、rb汉字public static String getHTML(String text, String pingYin){String[] pt = text.split("\\n");       //文字数组,按回车拆分成句子String[] pp = pingYin.split("\\n");    //拼音数组,按回车拆分成句子StringBuilder sb = new StringBuilder();for(int j=0; j< pt.length; j++){String[] ct = pt[j].split("");     //按字拆开if(pp[j].startsWith("|")){ pp[j] = pp[j].substring(1); }String[] cp = pp[j].split("\\|");    //拼音数组,按空格拆分,最前面会分隔符|,去掉if(ct.length != cp.length ) { continue; }//第一句标题时,加样式修饰,居中if(sb.length()==0){sb.append("

");}else{sb.append("

");}for (int i = 0; i < ct.length; i++) {sb.append("").append(ct[i]).append("");sb.append("").append(cp[i]).append("");}sb.append("

"
);}return sb.toString();}public static void main(String[] args) {String text = "寒窑赋 吕蒙正\n" +"天有不测风云,人有旦夕祸福。蜈蚣百足,行不及蛇;雄鸡两翼,飞不过鸦。马有千里之程,无骑不能自往;人有冲天之志,非运不能自通。\n" +"\n" +"盖闻:人生在世,富贵不能淫,贫贱不能移。文章盖世,孔子厄于陈邦;武略超群,太公钓于渭水。颜渊命短,殊非凶恶之徒;盗跖年长,岂是善良之辈。尧帝明圣,却生不肖之儿;瞽叟愚顽,反生大孝之子。张良原是布衣,萧何称谓县吏。晏子身无五尺,封作齐国宰相;孔明卧居草庐,能作蜀汉军师。楚霸虽雄,败于乌江自刎;汉王虽弱,竟有万里江山。李广有射虎之威,到老无封;冯唐有乘龙之才,一生不遇。韩信未遇之时,无一日三餐,及至遇行,腰悬三尺玉印,一旦时衰,死于阴人之手。\n" +"\n" +"有先贫而后富,有老壮而少衰。满腹文章,白发竟然不中;才疏学浅,少年及第登科。深院宫娥,运退反为妓妾;风流妓女,时来配作夫人。\n" +"\n" +"青春美女,却招愚蠢之夫;俊秀郎君,反配粗丑之妇。蛟龙未遇,潜水于鱼鳖之间;君子失时,拱手于小人之下。衣服虽破,常存仪礼之容;面带忧愁,每抱怀安之量。时遭不遇,只宜安贫守份;心若不欺,必然扬眉吐气。初贫君子,天然骨骼生成;乍富小人,不脱贫寒肌体。\n" +"\n" +"天不得时,日月无光;地不得时,草木不生;水不得时,风浪不平;人不得时,利运不通。注福注禄,命里已安排定,富贵谁不欲?人若不依根基八字,岂能为卿为相?\n" +"\n" +"吾昔寓居洛阳,朝求僧餐,暮宿破窖,思衣不可遮其体,思食不可济其饥,上人憎,下人厌,人道我贱,非我不弃也。今居朝堂,官至极品,位置三公,身虽鞠躬于一人之下,而列职于千万人之上,有挞百僚之杖,有斩鄙吝之剑,思衣而有罗锦千箱,思食而有珍馐百味,出则壮士执鞭,入则佳人捧觞,上人宠,下人拥。人道我贵,非我之能也,此乃时也、运也、命也。\n" +"\n" +"嗟呼!人生在世,富贵不可尽用,贫贱不可自欺,听由天地循环,周而复始焉。";String pinYin = getPinyin(text);String firstPinYin = getFirstPinYin(text);System.out.println(text);System.out.println(pinYin);System.out.println("首字母:"+firstPinYin);//空行内容去掉,留下

 

,利于空格把行高撑起来,形成段落
System.out.println(getHTML(text, pinYin).replaceAll("", " "));}}

py.html 代码


DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><title>古诗词title><meta name="keywords" content="古诗拼音,古诗注音"><meta name="description" content="古gǔ诗shī--李lǐ雍yōng熙xī"><meta name="applicable-device" content="pc,mobile"><meta http-equiv="Cache-Control" content="no-siteapp" /><meta http-equiv="Cache-Control" content="no-transform" /><link rel="stylesheet" href="css/style.css">
head>
<body><div class="breadcrumbs"><a rel="nofollow"  href="/">首页a>»<a href="/poetry/">诗文a>»<a href="/poetry/217737.html">古诗a>div>
<div class="gs-main">
<div class="gs-content">
<div class="gs-works">
<div class="gs-cont"><div class="gs-works-text">
<div class="gs-pinyin-def"><p class="ptitle"><ruby><rb>rb><rt>hánrt><rb>rb><rt>yáort><rb>rb><rt>rt><rb> rb><rt> rt><rb>rb><rt>rt><rb>rb><rt>mĕngrt><rb>rb><rt>zhèngrt>ruby>p><p><ruby><rb>rb><rt>tiānrt><rb>rb><rt>yŏurt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>fēngrt><rb>rb><rt>yúnrt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>yŏurt><rb>rb><rt>dànrt><rb>rb><rt>rt><rb>rb><rt>huòrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>gōngrt><rb>rb><rt>băirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>xíngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shért><rb>rb><rt>rt><rb>rb><rt>xióngrt><rb>rb><rt>rt><rb>rb><rt>liăngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>fēirt><rb>rb><rt>rt><rb>rb><rt>guòrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>yŏurt><rb>rb><rt>qiānrt><rb>rb><rt>rt><rb>rb><rt>zhīrt><rb>rb><rt>chéngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>néngrt><rb>rb><rt>rt><rb>rb><rt>wăngrt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>yŏurt><rb>rb><rt>chōngrt><rb>rb><rt>tiānrt><rb>rb><rt>zhīrt><rb>rb><rt>zhìrt><rb>rb><rt>rt><rb>rb><rt>fēirt><rb>rb><rt>yùnrt><rb>rb><rt>rt><rb>rb><rt>néngrt><rb>rb><rt>rt><rb>rb><rt>tōngrt><rb>rb><rt>rt>ruby>p><p> p><p><ruby><rb>rb><rt>gàirt><rb>rb><rt>wénrt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>shēngrt><rb>rb><rt>zàirt><rb>rb><rt>shìrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>guìrt><rb>rb><rt>rt><rb>rb><rt>néngrt><rb>rb><rt>yínrt><rb>rb><rt>rt><rb>rb><rt>pínrt><rb>rb><rt>jiànrt><rb>rb><rt>rt><rb>rb><rt>néngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>wénrt><rb>rb><rt>zhāngrt><rb>rb><rt>gàirt><rb>rb><rt>shìrt><rb>rb><rt>rt><rb>rb><rt>kŏngrt><rb>rb><rt>zirt><rb>rb><rt>èrt><rb>rb><rt>rt><rb>rb><rt>chénrt><rb>rb><rt>bāngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>lüèrt><rb>rb><rt>chāort><rb>rb><rt>qúnrt><rb>rb><rt>rt><rb>rb><rt>tàirt><rb>rb><rt>gōngrt><rb>rb><rt>diàort><rb>rb><rt>rt><rb>rb><rt>wèirt><rb>rb><rt>shuĭrt><rb>rb><rt>rt><rb>rb><rt>yánrt><rb>rb><rt>yuānrt><rb>rb><rt>mìngrt><rb>rb><rt>duănrt><rb>rb><rt>rt><rb>rb><rt>shūrt><rb>rb><rt>fēirt><rb>rb><rt>xiōngrt><rb>rb><rt>èrt><rb>rb><rt>zhīrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>dàort><rb>rb><rt>zhírt><rb>rb><rt>niánrt><rb>rb><rt>zhăngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shìrt><rb>rb><rt>shànrt><rb>rb><rt>liángrt><rb>rb><rt>zhīrt><rb>rb><rt>bèirt><rb>rb><rt>rt><rb>rb><rt>yáort><rb>rb><rt>rt><rb>rb><rt>míngrt><rb>rb><rt>shèngrt><rb>rb><rt>rt><rb>rb><rt>quèrt><rb>rb><rt>shēngrt><rb>rb><rt>rt><rb>rb><rt>xiàort><rb>rb><rt>zhīrt><rb>rb><rt>érrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>sŏurt><rb>rb><rt>rt><rb>rb><rt>wánrt><rb>rb><rt>rt><rb>rb><rt>fănrt><rb>rb><rt>shēngrt><rb>rb><rt>rt><rb>rb><rt>xiàort><rb>rb><rt>zhīrt><rb>rb><rt>zirt><rb>rb><rt>rt><rb>rb><rt>zhāngrt><rb>rb><rt>liángrt><rb>rb><rt>yuánrt><rb>rb><rt>shìrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>xiāort><rb>rb><rt>rt><rb>rb><rt>chēngrt><rb>rb><rt>wèirt><rb>rb><rt>xiànrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>yànrt><rb>rb><rt>zirt><rb>rb><rt>shēnrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>chĭrt><rb>rb><rt>rt><rb>rb><rt>fēngrt><rb>rb><rt>zuòrt><rb>rb><rt>rt><rb>rb><rt>guórt><rb>rb><rt>zăirt><rb>rb><rt>xiāngrt><rb>rb><rt>rt><rb>rb><rt>kŏngrt><rb>rb><rt>míngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>căort><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>néngrt><rb>rb><rt>zuòrt><rb>rb><rt>shŭrt><rb>rb><rt>hànrt><rb>rb><rt>jūnrt><rb>rb><rt>shīrt><rb>rb><rt>rt><rb>rb><rt>chŭrt><rb>rb><rt>rt><rb>rb><rt>suīrt><rb>rb><rt>xióngrt><rb>rb><rt>rt><rb>rb><rt>bàirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>jiāngrt><rb>rb><rt>rt><rb>rb><rt>wĕnrt><rb>rb><rt>rt><rb>rb><rt>hànrt><rb>rb><rt>wángrt><rb>rb><rt>suīrt><rb>rb><rt>ruòrt><rb>rb><rt>rt><rb>rb><rt>jìngrt><rb>rb><rt>yŏurt><rb>rb><rt>wànrt><rb>rb><rt>rt><rb>rb><rt>jiāngrt><rb>rb><rt>shānrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>广rb><rt>guăngrt><rb>rb><rt>yŏurt><rb>rb><rt>shèrt><rb>rb><rt>rt><rb>rb><rt>zhīrt><rb>rb><rt>wēirt><rb>rb><rt>rt><rb>rb><rt>dàort><rb>rb><rt>lăort><rb>rb><rt>rt><rb>rb><rt>fēngrt><rb>rb><rt>rt><rb>rb><rt>féngrt><rb>rb><rt>tángrt><rb>rb><rt>yŏurt><rb>rb><rt>chéngrt><rb>rb><rt>lóngrt><rb>rb><rt>zhīrt><rb>rb><rt>cáirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shēngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>hánrt><rb>rb><rt>xìnrt><rb>rb><rt>wèirt><rb>rb><rt>rt><rb>rb><rt>zhīrt><rb>rb><rt>shírt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>sānrt><rb>rb><rt>cānrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>zhìrt><rb>rb><rt>rt><rb>rb><rt>xíngrt><rb>rb><rt>rt><rb>rb><rt>yāort><rb>rb><rt>xuánrt><rb>rb><rt>sānrt><rb>rb><rt>chĭrt><rb>rb><rt>rt><rb>rb><rt>yìnrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>dànrt><rb>rb><rt>shírt><rb>rb><rt>shuāirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>yīnrt><rb>rb><rt>rénrt><rb>rb><rt>zhīrt><rb>rb><rt>shŏurt><rb>rb><rt>rt>ruby>p><p> p><p><ruby><rb>rb><rt>yŏurt><rb>rb><rt>xiānrt><rb>rb><rt>pínrt><rb>rb><rt>érrt><rb>rb><rt>hòurt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>yŏurt><rb>rb><rt>lăort><rb>rb><rt>zhuàngrt><rb>rb><rt>érrt><rb>rb><rt>shăort><rb>rb><rt>shuāirt><rb>rb><rt>rt><rb>rb><rt>mănrt><rb>rb><rt>rt><rb>rb><rt>wénrt><rb>rb><rt>zhāngrt><rb>rb><rt>rt><rb>rb><rt>báirt><rb>rb><rt>rt><rb>rb><rt>jìngrt><rb>rb><rt>ránrt><rb>rb><rt>rt><rb>rb><rt>zhōngrt><rb>rb><rt>rt><rb>rb><rt>cáirt><rb>rb><rt>shūrt><rb>rb><rt>xuért><rb>rb><rt>qiănrt><rb>rb><rt>rt><rb>rb><rt>shăort><rb>rb><rt>niánrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>dēngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shēnrt><rb>rb><rt>yuànrt><rb>rb><rt>gōngrt><rb>rb><rt>ért><rb>rb><rt>rt><rb>rb><rt>yùnrt><rb>退rb><rt>tuìrt><rb>rb><rt>fănrt><rb>rb><rt>wéirt><rb>rb><rt>rt><rb>rb><rt>qièrt><rb>rb><rt>rt><rb>rb><rt>fēngrt><rb>rb><rt>liúrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shírt><rb>rb><rt>láirt><rb>rb><rt>pèirt><rb>rb><rt>zuòrt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>rt>ruby>p><p> p><p><ruby><rb>rb><rt>qīngrt><rb>rb><rt>chūnrt><rb>rb><rt>mĕirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>quèrt><rb>rb><rt>zhāort><rb>rb><rt>rt><rb>rb><rt>chŭnrt><rb>rb><rt>zhīrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>jùnrt><rb>rb><rt>xiùrt><rb>rb><rt>lángrt><rb>rb><rt>jūnrt><rb>rb><rt>rt><rb>rb><rt>fănrt><rb>rb><rt>pèirt><rb>rb><rt>rt><rb>rb><rt>chŏurt><rb>rb><rt>zhīrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>jiāort><rb>rb><rt>lóngrt><rb>rb><rt>wèirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>qiánrt><rb>rb><rt>shuĭrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>biērt><rb>rb><rt>zhīrt><rb>rb><rt>jiānrt><rb>rb><rt>rt><rb>rb><rt>jūnrt><rb>rb><rt>zirt><rb>rb><rt>shīrt><rb>rb><rt>shírt><rb>rb><rt>rt><rb>rb><rt>gŏngrt><rb>rb><rt>shŏurt><rb>rb><rt>rt><rb>rb><rt>xiăort><rb>rb><rt>rénrt><rb>rb><rt>zhīrt><rb>rb><rt>xiàrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>suīrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>chángrt><rb>rb><rt>cúnrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>zhīrt><rb>rb><rt>róngrt><rb>rb><rt>rt><rb>rb><rt>miànrt><rb>rb><rt>dàirt><rb>rb><rt>yōurt><rb>rb><rt>chóurt><rb>rb><rt>rt><rb>rb><rt>mĕirt><rb>rb><rt>bàort><rb>怀rb><rt>huáirt><rb>rb><rt>ānrt><rb>rb><rt>zhīrt><rb>rb><rt>liàngrt><rb>rb><rt>rt><rb>rb><rt>shírt><rb>rb><rt>zāort><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>zhĭrt><rb>rb><rt>rt><rb>rb><rt>ānrt><rb>rb><rt>pínrt><rb>rb><rt>shŏurt><rb>rb><rt>fènrt><rb>rb><rt>rt><rb>rb><rt>xīnrt><rb>rb><rt>ruòrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>ránrt><rb>rb><rt>yángrt><rb>rb><rt>méirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>chūrt><rb>rb><rt>pínrt><rb>rb><rt>jūnrt><rb>rb><rt>zirt><rb>rb><rt>rt><rb>rb><rt>tiānrt><rb>rb><rt>ránrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shēngrt><rb>rb><rt>chéngrt><rb>rb><rt>rt><rb>rb><rt>zhàrt><rb>rb><rt>rt><rb>rb><rt>xiăort><rb>rb><rt>rénrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>tuōrt><rb>rb><rt>pínrt><rb>rb><rt>hánrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt>ruby>p><p> p><p><ruby><rb>rb><rt>tiānrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shírt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>yuèrt><rb>rb><rt>rt><rb>rb><rt>guāngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shírt><rb>rb><rt>rt><rb>rb><rt>căort><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shēngrt><rb>rb><rt>rt><rb>rb><rt>shuĭrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shírt><rb>rb><rt>rt><rb>rb><rt>fēngrt><rb>rb><rt>làngrt><rb>rb><rt>rt><rb>rb><rt>píngrt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shírt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>yùnrt><rb>rb><rt>rt><rb>rb><rt>tōngrt><rb>rb><rt>rt><rb>rb><rt>zhùrt><rb>rb><rt>rt><rb>rb><rt>zhùrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>mìngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>ānrt><rb>rb><rt>páirt><rb>rb><rt>dìngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>guìrt><rb>rb><rt>shéirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>ruòrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>gēnrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>néngrt><rb>rb><rt>wéirt><rb>rb><rt>qīngrt><rb>rb><rt>wéirt><rb>rb><rt>xiāngrt><rb>rb><rt>rt>ruby>p><p> p><p><ruby><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>luòrt><rb>rb><rt>yángrt><rb>rb><rt>rt><rb>rb><rt>cháort><rb>rb><rt>qiúrt><rb>rb><rt>sēngrt><rb>rb><rt>cānrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>宿rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>jiàort><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>zhērt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shírt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shàngrt><rb>rb><rt>rénrt><rb>rb><rt>zēngrt><rb>rb><rt>rt><rb>rb><rt>xiàrt><rb>rb><rt>rénrt><rb>rb><rt>yànrt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>dàort><rb>rb><rt>rt><rb>rb><rt>jiànrt><rb>rb><rt>rt><rb>rb><rt>fēirt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>jīnrt><rb>rb><rt>rt><rb>rb><rt>cháort><rb>rb><rt>tángrt><rb>rb><rt>rt><rb>rb><rt>guānrt><rb>rb><rt>zhìrt><rb>rb><rt>rt><rb>rb><rt>pĭnrt><rb>rb><rt>rt><rb>rb><rt>wèirt><rb>rb><rt>zhìrt><rb>rb><rt>sānrt><rb>rb><rt>gōngrt><rb>rb><rt>rt><rb>rb><rt>shēnrt><rb>rb><rt>suīrt><rb>rb><rt>rt><rb>rb><rt>gōngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>zhīrt><rb>rb><rt>xiàrt><rb>rb><rt>rt><rb>rb><rt>érrt><rb>rb><rt>lièrt><rb>rb><rt>zhírt><rb>rb><rt>rt><rb>rb><rt>qiānrt><rb>rb><rt>wànrt><rb>rb><rt>rénrt><rb>rb><rt>zhīrt><rb>rb><rt>shàngrt><rb>rb><rt>rt><rb>rb><rt>yŏurt><rb>rb><rt>rt><rb>rb><rt>băirt><rb>rb><rt>liáort><rb>rb><rt>zhīrt><rb>rb><rt>zhàngrt><rb>rb><rt>rt><rb>rb><rt>yŏurt><rb>rb><rt>zhănrt><rb>rb><rt>rt><rb>rb><rt>lìnrt><rb>rb><rt>zhīrt><rb>rb><rt>jiànrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>érrt><rb>rb><rt>yŏurt><rb>rb><rt>luórt><rb>rb><rt>jĭnrt><rb>rb><rt>qiānrt><rb>rb><rt>xiāngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>shírt><rb>rb><rt>érrt><rb>rb><rt>yŏurt><rb>rb><rt>zhēnrt><rb>rb><rt>xiūrt><rb>rb><rt>băirt><rb>rb><rt>wèirt><rb>rb><rt>rt><rb>rb><rt>chūrt><rb>rb><rt>rt><rb>rb><rt>zhuàngrt><rb>rb><rt>shìrt><rb>rb><rt>zhírt><rb>rb><rt>biānrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>jiārt><rb>rb><rt>rénrt><rb>rb><rt>pĕngrt><rb>rb><rt>shāngrt><rb>rb><rt>rt><rb>rb><rt>shàngrt><rb>rb><rt>rénrt><rb>rb><rt>chŏngrt><rb>rb><rt>rt><rb>rb><rt>xiàrt><rb>rb><rt>rénrt><rb>rb><rt>yōngrt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>dàort><rb>rb><rt>rt><rb>rb><rt>guìrt><rb>rb><rt>rt><rb>rb><rt>fēirt><rb>rb><rt>rt><rb>rb><rt>zhīrt><rb>rb><rt>néngrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>năirt><rb>rb><rt>shírt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>yùnrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>mìngrt><rb>rb><rt>rt><rb>rb><rt>rt>ruby>p><p> p><p><ruby><rb>rb><rt>jiērt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rénrt><rb>rb><rt>shēngrt><rb>rb><rt>zàirt><rb>rb><rt>shìrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>guìrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>jĭnrt><rb>rb><rt>yòngrt><rb>rb><rt>rt><rb>rb><rt>pínrt><rb>rb><rt>jiànrt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>rt><rb>rb><rt>tīngrt><rb>rb><rt>yóurt><rb>rb><rt>tiānrt><rb>rb><rt>rt><rb>rb><rt>xúnrt><rb>rb><rt>huánrt><rb>rb><rt>rt><rb>rb><rt>zhōurt><rb>rb><rt>érrt><rb>rb><rt>rt><rb>rb><rt>shĭrt><rb>rb><rt>yānrt><rb>rb><rt>rt>ruby>p>div>
div>
div>div>div>
div>
div>body>
html>

style.css 样式代码

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin: 0;padding: 0
}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {display: block
}table {border-collapse: collapse;border-spacing: 0
}caption,th {text-align: left;font-weight: 400
}html,body,fieldset,img,iframe,abbr {border: 0
}i,cite,em,var,address,dfn {font-style: normal
}[hidefocus],summary {outline: 0
}li {list-style: none
}h1,h2,h3,h4,h5,h6,small {font-size: 100%
}sup,sub {font-size: 83%
}pre,code,kbd,samp {font-family: inherit
}q:before,q:after {content: none
}textarea {overflow: auto;resize: none
}label,summary {cursor: default
}a,button {cursor: pointer
}h1,h2,h3,h4,h5,h6,em,strong,b {font-weight: 700
}
body{font-family: Microsoft Yahei,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft Sans Serif,sans-serif!important;font-size: 16px;line-height: 200%;margin: 0px;color: #0F0F0F;background-color: #E1E0C7;
}
.f-cb:after {display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."
}.clearfix:after {clear: both;content: '';display: block
}
a{color:#19537D;text-decoration: none;}
a:hover {text-decoration:underline;}
img {width: auto;height: auto;max-width: 100%
}
.l{float:left;} .r{float:right;}
input{outline:0px;}
*{  margin: 0px;  padding: 0px;  }
/* 公共样式 */
.gs-main,.tuijian,.gs-subnav,.breadcrumbs{width:1100px; height:auto;     margin: 5px auto;overflow: hidden;overflow:hidden;
}
.b-b{background-color:#F0EFE2; border-radius: 5px;}
.b-q{background-color: #F8F8F8; border-radius: 5px;    border: 1px dashed #e0dede;font-size:12px}/* header */
header{ width:100%; background-color:#22CB64;}
.gs-hd {width: 100%;overflow: hidden;position: relative;background-color: #5D6146;height: 45px;border-bottom: 1px solid #d7d5bc;
}.gs-header {padding: 0 15px;margin: 0 auto;max-width: 1100px;
}
.gs-logo {float: left;display: inline-block;width: auto;height: 45px;padding: 0 40px;background: url(../images/logo.png) 0 8px no-repeat;background-size: 32px 32px;
}
.gs-logo a {font-size: 26px;line-height: 45px;color:#F0EFE2;
}
.gs-logo a:hover {text-decoration: none;
}
.gs-nav {margin-bottom: 0;margin-right: 0;float: left;
}
.gs-nav ul {overflow: hidden;
}
.gs-nav li {line-height: 45px;float: left
}
.gs-nav li a {white-space: nowrap;color: #F0EFE2;display: inline-block;font-size: 16px;position: relative;width: 50px;text-align: center;
}
.gs-nav li a.on {margin-left: 1px;background-color: #757863;border-bottom: 3px solid #F0EFE2;height: 42px;
}
.gs-nav li a:hover {margin-left: 1px;text-decoration: none;background-color: #757863;border-bottom: 3px solid #F0EFE2;height: 42px;
}
/*seach*/
.gs-search {float: right;margin-right: 0px;margin-top: 8px;line-height: normal;
}.search_form {position: relative;margin: 0;display: inline-block;
}.search_input {float: left;width: 256px;height: 20px;line-height: 19px;padding: 4px 7px;color: #985d3e;;border-radius: 2px 0 0 2px;background-color:#FBFAF6;display: inline-block;vertical-align: middle;border: 0px solid #ccc;border-top: 1px solid rgba(0,0,0,.12);border-bottom: 1px solid rgba(0,0,0,.12);border-left: 1px solid rgba(0,0,0,.05);border-radius: 2px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.search_input:focus {border-color: #d9dee6;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(197, 197, 197, 0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(197, 197, 197, 0.6);
}
.search_btn {float: left;width: 50px;height: 30px;padding: 0 10px;margin-left: -1px;border-radius: 0 2px 2px 0;border: 1px solid #847110;background-color: #747110;cursor: pointer;display: inline-block;font-size: 15px;vertical-align: middle;color: #f3f7fc;line-height: 29px;
}
#sidr-right {display: none;
}
/* 目录页二级导航 */
.gs-subnav{padding-bottom: 20px;background-color: #F0EFE2;border-radius: 5px;margin-top: 15px;margin-bottom: 15px;
}
.gs-subnav .title{ margin-bottom:5px;}
.gs-subnav_cont{ margin:0 20px; clear:both; border-bottom:1px dashed #DAD9D1; overflow:hidden; padding:5px 0;}
.gs-subnav .sright{width:1000px; float:left;}
.gs-subnav .sright a,.gs-subnav .sright3 a,.gs-subnav .sright span{float:left; margin-right:20px;line-height:30px;font-size:15px;}
.gs-subnav .sright a.on{color: #B00815;font-weight: bold;
}
.gs-subnav .sright span{ color:#0F0F0F;}
.gs-subnav .sleft{width:45px; float:left; color:#0F0F0F;}
.gs-subnav .sleft span{font-size:15px; line-height:30px;}
.gs-subnav .sright2{ width:15px; float:right; margin-top:5px;}
.gs-subnav .sright2 img{cursor:pointer;}
.gs-subnav .sright3 {width:643px; float:left;}
/* 主体布局部分 */
.gs-content{ width:755px; height:auto; float:left; }
.gs-sidebar{ width:336px; height:auto; float:right;}/* 首页 */
.gs-home-istop{width: 1100px;height: auto;margin: 10px auto;overflow: hidden;background-color: #F0EFE2;border-radius: 5px;
}
.gs-hot-tag{margin: 10px 10px;height: auto;
}
.gs-hot-tag a {display: block;width: 90px;height: 42px;line-height: 42px;text-align: center;background-color: #747110;color: #F0F0E1;float: left;border-radius: 5px;margin-right: 10px;margin-bottom: 10px;
}
.gs-isgood{width: 1100px;height: auto;margin: 0 auto 10px auto;overflow: hidden;background-color: #F0EFE2;border-radius: 5px;
}
.gs-isgood-title {line-height: 26px;font-size: 20px;border-left: 4px solid #A2C241;text-indent: 10px;color: #0F0F0F;margin: 15px 10px;overflow: hidden;
}
.gs-isgood-title h2{float:left;}
.gs-isgood-title .gs-top-entry{font-size: 16px;line-height: 20px;font-weight: 500;margin-right: 4px;color: #626675;
}
.gs-isgood-title a:hover{color: #19537D;text-decoration: none;
}
.gs-isgood-ul{ width:1101px; overflow: hidden;margin-bottom:20px;min-height: 140px;max-height: 140px }
.gs-isgood-li{ width:326px; border-right: 1px dotted #DAD9D1; padding:0px 20px 0px 20px;color:#999;overflow: hidden;float: left;}
.gs-isgood-li h3{line-height: 26px;font-size: 18px;color: #20BD5D;display: flex;font-weight: bold;
}
.gs-isgood-li h3 a {color: #19537D;
}
.gs-isgood-source,.gs-isgood-introduuce{padding: 5px 5px;color: #999;}
/*title标题*/
.title{line-height: 22px;font-size: 18px;border-left: 4px solid #A2C241;text-indent: 10px;color: #0F0F0F;margin: 15px 10px;display: flex;font-weight: bold;
}
.title-h{ float:left; font-size:20px; }
.title a{font-size:20px; color:#19537D;}
.title span{font-size:14px; color:#999;}
.title_bar{height:auto; margin:0 auto 10px auto; overflow:hidden;}
.title-r{ float:right; font-size:18px; color: #65645F}/* 作品works */
.gs-works,.gs-sons{ padding:15px 20px; margin-bottom:10px;box-shadow: 0 1px 4px rgba(0,0,0,.07);background-color: #F0EFE2;border-radius: 5px;}
.gs-cont{clear:both; height:auto; margin-bottom:15px; overflow:hidden;}
.gs-cont-title{line-height: 26px;font-size: 20px;color: #0F0F0F;display: flex;font-weight: bold;margin-bottom: 10px;
}
.gs-tag{clear:both; border-top:1px solid #DAD9D1; padding-top:10px; margin-top:15px;}
.gs-tag a{color:#999; margin-right:10px;}
.gs-service-dynsty,.gs-service-author{ color:#19537D;}
.gs-works-introduuce p{ margin-bottom:10px;}
.source{ color:#999;}
.gs-cont-title .ld{float:left;margin-left:10px;margin-top:5px;text-indent: -999em;}
.works-dynsty,.works-author{ color:#999;}
.gs-works-text{clear: both;margin-top: 10px;overflow: hidden;position: relative;}
.gs-works-text h2{font-size: 17px;color: #0F0F0F;height: 30px;line-height: 30px;
}
.gs-works-text h3{font-size: 16px;color: #343853;height: 30px;line-height: 30px;padding: 8px 0px;
}
.gs-works-text p{font-size: 16px;line-height: 32px;color: #343853;}
.gs-def p{font-size: 16px;line-height: 32px;color: #343853;padding: 5px;font-weight: 700;	position: relative;
}
.gs-conview-def{overflow: hidden;margin-bottom: 10px;
}
.gs-conview-ft{overflow: hidden;margin-bottom: 10px;
}
p.y{color: #af9100;margin: 10px 0;background-color: #f7f7f7;padding: 5px 10px;border-radius: 5px;font-size: 15px;line-height: 200%;font-weight: 400;	position: relative;
}
p.y::before{content: '';display: block;padding: 0;width: 0;border: 10px solid transparent;border-bottom: 10px solid #f9f9f9;position: absolute;top: -19px;left: 20px;
}
p.z{color: #518564;margin: 10px 0;background-color: #f7f7f7;padding: 5px 10px;border-radius: 5px;font-size: 15px;line-height: 200%;font-weight: 400;	position: relative;
}
p.z::before{content: '';display: block;padding: 0;width: 0;border: 10px solid transparent;border-bottom: 10px solid #f9f9f9;position: absolute;top: -19px;left: 20px;
}
.gs-tip{margin-top: 15px;overflow: hidden;
}
.gs-tip p{font-size: 14px;line-height: 22px;color: #919090;
}
/* 译-注-赏-拼 */
.gs-service-tab span{display:block; width:21px; height:21px; line-height:20px; font-size:14px; font-weight:bold; color:#AAAAA7; font-style:normal;  text-align:center;   overflow:hidden; border:2px solid #AAAAA7; border-radius:50%; margin-left:10px; float:right; cursor:pointer;}
.gs-cont-service{line-height: 30px;height: 30px;overflow: hidden;
}
.gs-cont-service span{color:#AAAAA7; text-decoration:none;}
.gs-cont-service span.on,.gs-cont-service span:hover{border:2px solid #FFB018; background-color:#FFB018; color:#fff;-webkit-tap-highlight-color:transparent;}
.gs-service-tab a{
color: #AAAAA7;
}
.gs-service-tab .on a {color: #f9f9f9;
}
.gs-service-tab a:hover {border: 2px solid #FFB018;background-color: #FFB018;color: #fff;-webkit-tap-highlight-color: transparent;text-decoration: none;
}
.gs-poem-sub{float: left;color:#999}
.gs-service-tab{float: right;}
/*作品tool*/
.tool{height:24px; clear:both; }
.sc,.fz,.ld,.zan,.write,.next,.gs-down{display:block; width:18px; height:18px; cursor:pointer; margin-right:20px; float:left; background-image: url(icons.png); background-repeat: no-repeat;}
.sc{background-position:0px -50px;}
.fz{background-position:-50px -50px;}
.fz:hover{background-position:-50px -70px;}
.ld{background-position:-25px -50px;}
.write{background-position:-75px -50px;}
.zan{background-position:-129px -70px; line-height:18px; margin-right:5px; padding-left:25px; font-style:normal; color:#999; width:auto;}
.ld-on,.ld:hover{background-position:-25px -70px;}
.sc-on,.sc:hover{background-position:0px -70px;}
.zan:hover{color:#FFB018; background-position:-128px -50px;}
.zan span{background-color: #F0EFE2;}
.next {display: block;width: 20px;height: 20px;background-position: -98px -50px;margin-top: 0px;float: left;text-indent: -999em;}
.next:hover{background-position: -98px -70px;}
.gs-down{display: block;width: 20px;height: 20px;background-position: -98px -50px;float: left;text-indent: -999em;}
.gs-down:hover{background-position: -98px -70px;}
/* 分页pages */
.gs-pages {font-size: 14px;padding: 10px 0;overflow: hidden;text-align: center;
}.gs-pages ul {margin: 0;padding: 0;list-style-type: none
}.gs-pages ul li {display: inline-block;margin: 0 3px
}
.gs-pages ul li a,.gs-pages ul li span {display: inline-block;padding: 3px 15px;border-radius: 2px;
}.gs-pages ul li a {text-decoration: none;background-color: #F0EFE2;color: #19537D;opacity: 1;box-shadow: inset 0 -2px 0 rgb(0 0 0 / 13%);
}.gs-pages ul li span {cursor: default;color: #aaa
}.gs-pages ul li a:hover,.gs-pages ul li a:focus {opacity: 0.8
}.gs-pages ul li.active span {color: #fff;background-color: #5D6146;box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1)
}
/* footer 尾部 */
footer{width:1100px; height:auto; margin:0 auto;font-size:12px; text-align:center; border-top: 1px solid #c8c7bc; padding:10px 0;}
footer p{line-height:26px;}
footer p,footer a{color:#999;}/* sidebar  侧边栏 */
.sidebar-box{width:100%; overflow:hidden; margin-bottom:20px;box-shadow: 0 1px 4px rgba(0,0,0,.07);}
.sidebar-tag{ margin:0 0 15px 20px; overflow:hidden;}
.sidebar-tag a {float:left; width:90px; height:30px; line-height:30px; font-size:14px; text-align:center; color:#19537D; border:1px solid #DAD9D1; border-radius:5px;  overflow:hidden; margin:5px 10px 5px 0;}
.sidebar-tag a:hover{color: #2440b3;border: 1px solid #666;text-decoration: none;}.sidebar-hot { margin:0 20px 15px 20px;overflow:hidden;}
.sidebar-hot li{width:100%; height:40px; line-height:40px; font-size:16px; overflow:hidden; border-bottom:1px dashed #DAD9D1;}
.cdzz{ margin-left:10px; font-size:12px; color:#999;}.search-list a {display: inline-block; padding:0px 10px 0 10px;  height:30px; line-height:30px; font-size:14px; text-align:center; color:#999; border:1px solid #DAD9D1; border-radius:5px;   margin:5px 10px 5px 0;}
/* 目录页二级导航 */
/*面包屑导航*/
.breadcrumbs{font-size: 14px;
}
.breadcrumbs a{padding: 0px 5px;color: #7d551d;
}
/*section*/
.gs-box{padding:10px 20px; margin-bottom:10px; position:relative;overflow: hidden;	background-color: #F0EFE2;border-radius: 5px;}
.gs-box-title{overflow: hidden;margin-bottom: 10px;height: 30px;font-weight: bold;font-size: 18px;clear: both;
}
.gs-box-title .ld{ margin-left:15px; margin-top:3px;}
.nrbj{ color:#999; background-position:-216px -85px; padding-left:20px; cursor:pointer;background-image: url(icons.png);background-repeat: no-repeat;}
.nrbj a{color:#999;}
.nrbj a:hover{color:#19537D;}
.nrbj:hover{background-position:-216px -103px; color:#19537D;}
.morebg{z-index: 100;height: 60px;width: 100%;position: absolute;bottom: 40px;background-image: url(morebg.png);background-repeat: repeat-x;-webkit-tap-highlight-color: transparent;
}
.more{ height:30px; line-height:30px; font-size:14px; color:#19537D; text-align:center; cursor:pointer; }
.more-data{ height:30px; line-height:30px; font-size:14px; color:#20BD5D; text-align:center; cursor:pointer; }
/*作者*/
.gs-zuozhe{ padding:20px; margin-bottom:10px;    background-color: #F0EFE2;border-radius: 5px;
}
.gs-zuozhe .ld {text-indent: -999em;
}
.gs-zuozhe-img{float:left; width:120px; height:150px; margin-right:20px;}
.gs-zuozhe-nav-title{position: relative;height: 50px; text-align:center; }
.gs-zuozhe-nav-title div{border-top: 1px solid #DAD9D1;position: absolute;width: 100%;top: 25px;  }
.gs-zuozhe-nav-title a {position: absolute;font-size: 16px;left: 50%;top: 50%;margin-top: -16px;margin-left: -100px;background: #cdca7f;padding: 0 20px;color: #0F0F0F;border-radius: 32px;
}
.gs-zuozhe-nav-list{overflow:hidden;}
.gs-zuozhe-nav-list li{ float:left; width:50%; line-height:30px;}
.gs-zuozhe-works{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;
}
.ccc{ padding:5px 0; margin-bottom:10px;}.fy,.zs{color:#993300;background-color:#f7f7f7; padding:5px 7px; border-radius: 5px;}
.zs{color:#3333FF;}
.lr{ font-size:12px; color:#999; margin-bottom:0; border-top: 1px solid #c8c7bc; padding-top:10px;}
.yw{ font-size:16px; font-weight:bold;}
/* pinyintext   */
.gs-pinyin-def { font-size:24px; }
.gs-pinyin-def .ptitle{text-align:center;} 
.gs-pinyin-def p {margin-bottom: 15px;line-height: 24px;text-align: left;font-size: 24px;
}
.gs-pinyin-def rt {font-family: times new roman, times, serif; color: #86c6b3;display: block;float: left;font-weight: bold; font-size: 14px; margin: -5px 0 0 -45px; text-align: center; width: 35px; }
.gs-pinyin-def ruby rb {color: #333; background: url(icons.png) no-repeat -170px -50px; display: block;float: left;font-size: 22px;height: 35px;line-height:33px;margin: 5px 3px 5px 0px;text-align: center;width: 35px;}.dj-cont{ overflow:hidden;}.section-dl{ overflow:hidden; border-bottom:1px solid #DAD9D1; padding-bottom:15px; margin-top:15px;}
.dl-title{line-height:21px; font-size:18px; color:#20BD5D; margin-bottom:15px; border-left:3px solid #20BD5D; padding-left:10px;  overflow:hidden;}
.section-dl dd{ width:33.33%; height:30px; line-height:30px; float:left; overflow:hidden; font-size:14px;}
.section-dl dd span{font-size: 12px; color: #999}
.section-dl dd span a{font-size: 12px; color: #999}
/* 书籍页 */
.gs-book-intro{padding: 15px;margin-bottom: 10px;box-shadow: 0 1px 4px rgb(0 0 0 / 7%);background-color: #F0EFE2;border-radius: 5px;
}
.gs-book-cont{clear: both;height: auto;margin-bottom: 15px;overflow: hidden;
}
.gs-book-img{float: left;width: 120px;height: 150px;margin-right: 20px;
}
.gs-book-title{line-height: 26px;font-size: 18px;font-weight: bold;
}
.gs-book-introduuce{padding: 5px 5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;
}
.gs-book-list{padding: 5px 15px;margin-bottom: 10px;position: relative;background-color: #F0EFE2;border-radius: 5px;
}
.gs-booklist-dl{overflow: hidden;border-bottom: 1px solid #DAD9D1;padding-bottom: 15px;margin-top: 15px;
}
.gs-booklist-dl:last-child{
border-bottom: 0px solid #DAD9D1;
} 
.gs-booklist-title{line-height: 21px;font-size: 18px;color: #0F0F0F;margin-bottom: 15px;padding-left: 10px;overflow: hidden;border-left: 4px solid #A2C241;
}
.gs-booklist-dl dd {width: 33.33%;height: 30px;line-height: 30px;float: left;overflow: hidden;font-size: 14px;
}
.gs-bd {margin: 15px auto;padding: 0 40px;background: #f6f4ec;background-color: #F0EFE2;border-radius: 5px;box-shadow: 0 1px 4px rgb(0 0 0 / 7%);
}
.gs-article {padding: 15px 0
}.gs-article-title {padding: 10px 0;background: url(../images/atitle_bottom.png) no-repeat bottom;background-size: 100%;margin-bottom: 10px
}.gs-article-title h1 {text-align: center;font: normal 30px/50px "\5FAE\8F6F\96C5\9ED1";padding: 0 15px
}.gs-article-title p.gs-other {text-align: center;color: #777;text-indent: 0;line-height: 24px;padding: 10px 0
}.gs-article-title p.gs-other i {margin-left: 10px;background: #e3dfcd;border-radius: 10px;color: #666;font-style: normal;font-size: 12px;line-height: 24px;padding: 0 8px 0 5px
}.gs-article-text {font-size: 18px;line-height: 36px;font-weight: 400;overflow: hidden
}.gs-article-text p {text-align: justify;margin: 0 0 10px
}.gs-page {padding: 8px 0;overflow: hidden;font-size: 16px;background: #e7e4d5;border-radius: 8px;margin: 15px 0
}.gs-page li {float: left;width: 33%;height: 30px;line-height: 30px;overflow: hidden;text-align: center
}
/*赏*/
.gs-shang{padding:20px;margin-bottom:20px;background-color: #F0EFE2;border-radius: 5px;}
.gs-shang-title {overflow: hidden;margin-bottom: 10px;
}
.gs-shang-title h2 {line-height: 26px;font-size: 18px;color: #385443;display: flex;font-weight: bold;float: left;
}
.gs-shang-introduuce {padding: 5px 5px;
}.gs-shang-page{text-align:center; overflow:hidden; font-size:18px;  padding:10px 20px;margin-bottom:20px;background-color: #F0EFE2;border-radius: 5px;}
.gs-shang-page a{ margin:10px; padding:10px 20px; font-size:18px;}/* 名句 */
.mingju{clear:both; width:100%; height:auto; overflow:hidden;margin-bottom: 10px;position: relative;}
.mingju li{ width:100%; font-size:16px; float:left; border-bottom:1px dashed #DAD9D1; overflow:hidden; color:#999;padding: 10px;}
.mingju li span{ margin-left:10px;}
.mingju li span,.mingju li span a{ font-size:14px; color:#999;}
.mingju li p,.mingju li p a{ font-size:14px; color:#999;}
.active{color:#d90000;}
/*login*/
.gs-login{float: left;line-height: 45px;padding:0 5px
}
.gs-login a{white-space: nowrap;color: #F0EFE2;display: inline-block;font-size: 16px;position: relative;padding: 0 6px;text-align: center;
}
.gs-login a:hover {margin-left: 1px;text-decoration: none;background-color: #757863;border-bottom: 3px solid #F0EFE2;height: 42px;
}
.gs-login a.gs-user{color: #A2C241;
}
.js_login a {color: blue;text-decoration: none;
}
.nopasswd{color: #aeaeae;text-align: right;margin-top: 2px;padding-left: 20px;
}
.sub_btn1 {/*position:absolute; right:0px; top:50px;*/display: inline-block;zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.6);-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #e8f0de;border: solid 1px #1487f4;background: #1487f4;background: -webkit-gradient(linear, left top, left bottom, from(#1487f4), to(#0976DC));background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1487f4', endColorstr='#1487f4');}
.sub_btn1:hover {background: #ED730D;background: -webkit-gradient(linear, left top, left bottom, from(#ED730D), to(#ED730D));background: -moz-linear-gradient(top, #6b9d28, #436b0c);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');border: solid 1px #ED730D;
}
.inputbg {height: 42px;line-height: 42px;margin-top: 15px;
}
#username * { vertical-align:middle;}
.inputsub{font-size: 14px;float: left;text-align: left;color: #333;height: 42px;line-height: 42px;background: none;overflow: hidden;border: 1px solid #ccc;background-color: #fff;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width: 100%;text-indent: 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
#keeplogin{position: relative;top: 2px;margin-right: 4px;line-height: normal;
}
.buttons { margin:15px auto;text-align:left}
#login-sub{width:105px;height:35px}
#qql {float:right}
.reg { padding:20px;margin:0 auto;width:280px}
#login{margin-top:20px}
.hidden{display:none;}
.js_login{width: 330px;display: none;color: #999;background-color: #e7ebef;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: rotateX( 
-20deg) translateZ(200px) translateY(20%);-moz-transform: rotateX(-20deg) translateZ(200px) translateY(20%);-ms-transform: rotateX(-20deg) translateZ(200px) translateY(20%);-o-transform: rotateX(-20deg) translateZ(200px) translateY(20%);transform: rotateX( 
-20deg) translateZ(200px) translateY(20%);transform: rotateX( 
-0deg) translateZ(0) translateY(0%);max-width: 1200px;padding: 0;border-radius: 5px;overflow: hidden;
}
.js_login .js_title{overflow: hidden;height: 42px;background-color: #fff;font-size: 18px;font-family: inherit;font-weight: 500;padding: 10px 10px;
}
.js_title ul{padding-left: 33%;text-align: center;
}
.js_login .js_title span{ float:right; line-height:40px; padding:0 9px;cursor:pointer;font-family:"";font-size:30px;}
.js_login .js_title span:hover{color:#555}
.js_login .js_title li{float: left;width: 42px;text-align: center;font-size: 18px;cursor: pointer;height: 40px;margin-right: 15px;
}
.js_login .js_title li a{float:left;width:130px;text-align:center;}
.js_login .js_title li a:hover{}
.conxk1{border-bottom: 2px solid #ed730d;line-height: 48px;color: #ed730d;
}
.conxk1 a{color:#11B200;}
.conxk1 a:hover{color:#11B200;text-decoration:none;}
.conxk2{line-height: 48px;color: #a5a4a4;
}
.conxk2 a{color:#646464;}
.conxk2 a:hover{color:#646464;text-decoration:none;}
.js_login .js_content{overflow: hidden;padding: 13px 15px;background: #e7ebef;}
.js_login .js_content .de_list{width:100%;padding-top:12px;}
.js_login .js_content a:visited{ color:blue}
.js_login  .js_content a:hover { color:red; text-decoration: underline; }
.Reg-input{height: 42px;line-height: 42px;margin-top: 15px;
}
.Reg-input li{display:inline;}
.code{width: 80px;float: left;border: 1px solid #ccc;outline: none;border-radius: 4px;text-align: center;height: 30px;line-height: 30px;
}
.showkey {float: left;height: 30px;line-height: 30px;padding-left: 5px;font-size: 14px;
}
.showkey img {float: left;height: 28px;margin-left: 10px;line-height: 28px;border: 1px solid #444;margin-top: 2px;border-radius: 4px;
}
.input-text:focus{border:1px solid #339933;}
.Reg-input .Reg-text{width:70px;text-align:right;font-size:14px;}
.Reg-input .input-text{font-size: 14px;float: left;text-align: left;color: #333;height: 42px;line-height: 42px;background: none;overflow: hidden;border: 1px solid #ccc;background-color: #fff;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width: 100%;text-indent: 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.Reg-input font{font-size:12px;}
.Reg-inputshow span{font-size:12px;}
.js_login #checkbox{text-align: left;overflow: hidden;font-size: 12px;margin-top: 0;margin-left: 5px;
}
.js_login #errmsg{color:red}
.js_login .sub_btn1{font-size:15px}
.ym{font-size:12px;}
#lean_overlay { position: fixed;z-index:10000;top: 0px;left: 0px;height:100%; width:100%; background: #333 no-repeat;display: none;background-size:100%;}
@media (max-width: 768px){.js_login{width: 80%;}
}
/*login end*/
#gs-gotop {bottom: 105px;_margin-bottom: 105px;width: 36px;height: 36px;background: #e7e4d5 url(../images/icon.svg) no-repeat;position: fixed;right: 50px;cursor: pointer
}
@media (max-width:1080px){body, html{width:100%;}.gs-isgood,.gs-main,.gs-home-istop,.gs-subnav,.breadcrumbs{width:98%; height:auto; margin:10px auto; overflow:hidden;}.gs-content{ width:100%; height:auto; float:left; }.gs-sidebar{width: 100%;height: auto;float: right;}.gs-hot-tag{margin:10px 5px; }.gs-hot-tag a{width:23%; height:42px; line-height:42px; text-align:center;background-color: #747110;color: #F0F0E1; float:left;border-radius: 5px;margin:0px 3px 10px 3px;}.sidebar-tag a {float:left; width:20%; height:30px; line-height:30px; font-size:14px; text-align:center; color:#999; border:1px solid #DAD9D1; border-radius:5px;  overflow:hidden; margin:5px 10px 5px 0;}.gs-isgood-ul{ width:100%; overflow: hidden;margin-bottom:20px;min-height: 100%;max-height: 100% }.gs-isgood-li{ width:100%; border-right: 1px dotted #DAD9D1; padding:0px 5px 0px 5px;  color:#999;overflow: hidden;}.gs-isgood-li h3 {font-size: 20px;justify-content: center;}.gs-subnav_cont {margin: 0 10px;clear: both;border-bottom: 1px dashed #DAD9D1;overflow: hidden;padding: 5px 0;}.gs-subnav .sright {width: 85%;float: left;}.yuanwen {float: left;width: 100%; padding: 0px;margin-bottom: 10px;}.fanyi{ float:right; width:100%; padding:0px;margin-bottom:10px;}.section-title{margin:5px}.works-title{ font-size:20px;justify-content:center;}.source,.works-introduuce{ font-size:18px}.mingju li {font-size: 20px}.mingju li p, .mingju li p a {font-size: 16px;color: #999;}footer{width:100%; height:auto; margin:0 auto;font-size:12px; text-align:center; border-top: 1px solid #c8c7bc; padding:10px 0;}
}
#simple-menu {display: none;width: 45px;height: 45px;font-size: 0;overflow: hidden;text-align: center;
}
@media screen and (max-width: 767px) {.gs-hd{height:45px;}.gs-header{width:100%;padding:0;}.gs-logo{margin: 2px 0 0;width: auto;background-size: 30px 30px;background-position-x: 8px;background-position-y: 5px;padding-left: 44px;}.gs-logo a{font-size: 23px;}.gs-nav,.gs-search{float: none;display: none;}/*yd menu*/#simple-menu {display: block;float: right;margin-top: 0px;cursor: pointer;}#simple-menu:before {display: inline-block;font: bold 45px/45px "Times New Roman";vertical-align: text-bottom;content: "\2261";color: #F0EFE2;}.sidr-open #simple-menu:before {display: inline-block;font: bold 45px/45px "Times New Roman", Arial;vertical-align: text-bottom;content: "\00D7";color: #F0EFE2;}.sidr {display: none;position: absolute;position: fixed;top: 0;height: 100%;z-index: 999999;width: 260px;overflow-x: none;overflow-y: auto;font-size: 16px;background: #F0EFE2;color: #333;-webkit-box-shadow: inset 0 0 5px 0px #E1E0C7;-moz-box-shadow: inset 0 0 5px 0px #E1E0C7;box-shadow: inset 0 0 5px 0px #e1e0c7;}.sidr.right {left: auto;right: -260px;}.sidr .sidr-inner {padding: 0 0 6px;}.sidr-inner {clear: both;}.sidr ul {display: block;margin: 0 0 15px;padding: 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #fff;}.sidr ul li {display: block;margin: 0;line-height: 48px;border-top: 1px solid #fff;border-bottom: 1px solid #e5e5e5;}.sidr ul li a, .sidr ul li span {padding: 0 20px;display: block;text-decoration: none;color: #333;font-weight: bold;}.sidr-inner li.sidr-class-m-back{padding-left: 15px;line-height: 48px;border-bottom: 1px solid #e5e5e5;display: block;margin-top: -15px;border-top: 1px solid #fff;}.sidr-inner li.sidr-class-m-size{padding-left: 15px;line-height: 48px;border-bottom: 1px solid #e5e5e5;display: block;margin: 0;border-top: 1px solid #fff;}.sidr-inner li.sidr-class-m-back a.sidr-class-c{border: 1px solid #ddd;text-align: center;width: 20px;height: 20px;line-height: 20px;display: inline-block;margin-right: 5px;}/*seach*/#sidr-id-search_form {padding: 6px 15px 0;overflow: hidden;}.sidr-inner #sidr-id-keys {float: left;background: #fff;border: 1px solid #d6d0cd;border-top-left-radius: 2px;border-bottom-left-radius: 2px;border-right: none;color: #825d5b;font: italic 14px/24px "serif";transition: all 0.7s ease 0s;width: 182px;height: 30px;padding-left: 6px;}#sidr-id-search_form .sidr-class-search_btn {float: left;background: url(../images/search.png) no-repeat;width: 32px;height: 32px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border: 1px solid #d6d0cd;border-left: none;cursor: pointer;text-indent: -9999px;}#sidr-id-search_form #sidr-id-keys:focus {font-style: normal;background: #fff;width:190px;outline: 0;}.gs-pages ul li {display:none}.gs-pages ul li.prev-page,.gs-pages ul li.next-page {display: inline-block}.gs-bd {width: 100%;padding: 0;margin: 0;}.gs-article {padding: 0 0 15px;width: 100%}.gs-article-title p.gs-other {display: none}.gs-article-text {font-size: 18px;line-height: 34px;font-weight: 400;overflow: hidden;padding: 0 15px}.gs-page {padding: 6px 0;margin: 10px 15px}#gs-gotop{right: 5px;}
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部