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>fùrt><rb> rb><rt> rt><rb>吕rb><rt>lǚ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>bùrt><rb>测rb><rt>cè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>xīrt><rb>祸rb><rt>huòrt><rb>福rb><rt>fúrt><rb>。rb><rt>。rt><rb>蜈rb><rt>wúrt><rb>蚣rb><rt>gōngrt><rb>百rb><rt>băirt><rb>足rb><rt>zúrt><rb>,rb><rt>,rt><rb>行rb><rt>xíngrt><rb>不rb><rt>bùrt><rb>及rb><rt>jírt><rb>蛇rb><rt>shért><rb>;rb><rt>;rt><rb>雄rb><rt>xióngrt><rb>鸡rb><rt>jīrt><rb>两rb><rt>liăngrt><rb>翼rb><rt>yìrt><rb>,rb><rt>,rt><rb>飞rb><rt>fēirt><rb>不rb><rt>bùrt><rb>过rb><rt>guòrt><rb>鸦rb><rt>yārt><rb>。rb><rt>。rt><rb>马rb><rt>mărt><rb>有rb><rt>yŏurt><rb>千rb><rt>qiānrt><rb>里rb><rt>lĭrt><rb>之rb><rt>zhīrt><rb>程rb><rt>chéngrt><rb>,rb><rt>,rt><rb>无rb><rt>wúrt><rb>骑rb><rt>qírt><rb>不rb><rt>bùrt><rb>能rb><rt>néngrt><rb>自rb><rt>zì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>bùrt><rb>能rb><rt>néngrt><rb>自rb><rt>zì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>fùrt><rb>贵rb><rt>guìrt><rb>不rb><rt>bù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>bùrt><rb>能rb><rt>néngrt><rb>移rb><rt>yí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>yúrt><rb>陈rb><rt>chénrt><rb>邦rb><rt>bāngrt><rb>;rb><rt>;rt><rb>武rb><rt>wŭ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>yú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>tú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>qĭ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>dì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>bùrt><rb>肖rb><rt>xiàort><rb>之rb><rt>zhīrt><rb>儿rb><rt>érrt><rb>;rb><rt>;rt><rb>瞽rb><rt>gŭrt><rb>叟rb><rt>sŏurt><rb>愚rb><rt>yúrt><rb>顽rb><rt>wánrt><rb>,rb><rt>,rt><rb>反rb><rt>fănrt><rb>生rb><rt>shēngrt><rb>大rb><rt>dà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>bùrt><rb>衣rb><rt>yīrt><rb>,rb><rt>,rt><rb>萧rb><rt>xiāort><rb>何rb><rt>hért><rb>称rb><rt>chēngrt><rb>谓rb><rt>wèirt><rb>县rb><rt>xiànrt><rb>吏rb><rt>lìrt><rb>。rb><rt>。rt><rb>晏rb><rt>yànrt><rb>子rb><rt>zirt><rb>身rb><rt>shēnrt><rb>无rb><rt>wúrt><rb>五rb><rt>wŭrt><rb>尺rb><rt>chĭrt><rb>,rb><rt>,rt><rb>封rb><rt>fēngrt><rb>作rb><rt>zuòrt><rb>齐rb><rt>qí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>wòrt><rb>居rb><rt>jūrt><rb>草rb><rt>căort><rb>庐rb><rt>lú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>bàrt><rb>虽rb><rt>suīrt><rb>雄rb><rt>xióngrt><rb>,rb><rt>,rt><rb>败rb><rt>bàirt><rb>于rb><rt>yúrt><rb>乌rb><rt>wūrt><rb>江rb><rt>jiāngrt><rb>自rb><rt>zì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>lĭrt><rb>江rb><rt>jiāngrt><rb>山rb><rt>shānrt><rb>。rb><rt>。rt><rb>李rb><rt>lĭrt><rb>广rb><rt>guăngrt><rb>有rb><rt>yŏurt><rb>射rb><rt>shèrt><rb>虎rb><rt>hŭ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>wú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>yīrt><rb>生rb><rt>shēngrt><rb>不rb><rt>bùrt><rb>遇rb><rt>yùrt><rb>。rb><rt>。rt><rb>韩rb><rt>hánrt><rb>信rb><rt>xìnrt><rb>未rb><rt>wèirt><rb>遇rb><rt>yùrt><rb>之rb><rt>zhīrt><rb>时rb><rt>shírt><rb>,rb><rt>,rt><rb>无rb><rt>wúrt><rb>一rb><rt>yīrt><rb>日rb><rt>rìrt><rb>三rb><rt>sānrt><rb>餐rb><rt>cānrt><rb>,rb><rt>,rt><rb>及rb><rt>jírt><rb>至rb><rt>zhìrt><rb>遇rb><rt>yù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>yùrt><rb>印rb><rt>yìnrt><rb>,rb><rt>,rt><rb>一rb><rt>yīrt><rb>旦rb><rt>dànrt><rb>时rb><rt>shírt><rb>衰rb><rt>shuāirt><rb>,rb><rt>,rt><rb>死rb><rt>sĭrt><rb>于rb><rt>yú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>fù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>fùrt><rb>文rb><rt>wénrt><rb>章rb><rt>zhāngrt><rb>,rb><rt>,rt><rb>白rb><rt>báirt><rb>发rb><rt>fārt><rb>竟rb><rt>jìngrt><rb>然rb><rt>ránrt><rb>不rb><rt>bù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>jírt><rb>第rb><rt>dìrt><rb>登rb><rt>dēngrt><rb>科rb><rt>kē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>jìrt><rb>妾rb><rt>qièrt><rb>;rb><rt>;rt><rb>风rb><rt>fēngrt><rb>流rb><rt>liúrt><rb>妓rb><rt>jìrt><rb>女rb><rt>nǚ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>fū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>nǚrt><rb>,rb><rt>,rt><rb>却rb><rt>quèrt><rb>招rb><rt>zhāort><rb>愚rb><rt>yúrt><rb>蠢rb><rt>chŭnrt><rb>之rb><rt>zhīrt><rb>夫rb><rt>fū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>cūrt><rb>丑rb><rt>chŏurt><rb>之rb><rt>zhīrt><rb>妇rb><rt>fùrt><rb>。rb><rt>。rt><rb>蛟rb><rt>jiāort><rb>龙rb><rt>lóngrt><rb>未rb><rt>wèirt><rb>遇rb><rt>yùrt><rb>,rb><rt>,rt><rb>潜rb><rt>qiánrt><rb>水rb><rt>shuĭrt><rb>于rb><rt>yúrt><rb>鱼rb><rt>yú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>yú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>yīrt><rb>服rb><rt>fúrt><rb>虽rb><rt>suīrt><rb>破rb><rt>pòrt><rb>,rb><rt>,rt><rb>常rb><rt>chángrt><rb>存rb><rt>cúnrt><rb>仪rb><rt>yírt><rb>礼rb><rt>lĭ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>bùrt><rb>遇rb><rt>yùrt><rb>,rb><rt>,rt><rb>只rb><rt>zhĭrt><rb>宜rb><rt>yí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>bùrt><rb>欺rb><rt>qīrt><rb>,rb><rt>,rt><rb>必rb><rt>bìrt><rb>然rb><rt>ránrt><rb>扬rb><rt>yángrt><rb>眉rb><rt>méirt><rb>吐rb><rt>tŭrt><rb>气rb><rt>qì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>gúrt><rb>骼rb><rt>gért><rb>生rb><rt>shēngrt><rb>成rb><rt>chéngrt><rb>;rb><rt>;rt><rb>乍rb><rt>zhàrt><rb>富rb><rt>fùrt><rb>小rb><rt>xiăort><rb>人rb><rt>rénrt><rb>,rb><rt>,rt><rb>不rb><rt>bùrt><rb>脱rb><rt>tuōrt><rb>贫rb><rt>pínrt><rb>寒rb><rt>hánrt><rb>肌rb><rt>jīrt><rb>体rb><rt>tĭrt><rb>。rb><rt>。rt>ruby>p><p> p><p><ruby><rb>天rb><rt>tiānrt><rb>不rb><rt>bùrt><rb>得rb><rt>dért><rb>时rb><rt>shírt><rb>,rb><rt>,rt><rb>日rb><rt>rìrt><rb>月rb><rt>yuèrt><rb>无rb><rt>wúrt><rb>光rb><rt>guāngrt><rb>;rb><rt>;rt><rb>地rb><rt>dìrt><rb>不rb><rt>bùrt><rb>得rb><rt>dért><rb>时rb><rt>shírt><rb>,rb><rt>,rt><rb>草rb><rt>căort><rb>木rb><rt>mùrt><rb>不rb><rt>bùrt><rb>生rb><rt>shēngrt><rb>;rb><rt>;rt><rb>水rb><rt>shuĭrt><rb>不rb><rt>bùrt><rb>得rb><rt>dért><rb>时rb><rt>shírt><rb>,rb><rt>,rt><rb>风rb><rt>fēngrt><rb>浪rb><rt>làngrt><rb>不rb><rt>bùrt><rb>平rb><rt>píngrt><rb>;rb><rt>;rt><rb>人rb><rt>rénrt><rb>不rb><rt>bùrt><rb>得rb><rt>dért><rb>时rb><rt>shírt><rb>,rb><rt>,rt><rb>利rb><rt>lìrt><rb>运rb><rt>yùnrt><rb>不rb><rt>bùrt><rb>通rb><rt>tōngrt><rb>。rb><rt>。rt><rb>注rb><rt>zhùrt><rb>福rb><rt>fúrt><rb>注rb><rt>zhùrt><rb>禄rb><rt>lùrt><rb>,rb><rt>,rt><rb>命rb><rt>mìngrt><rb>里rb><rt>lĭrt><rb>已rb><rt>yĭrt><rb>安rb><rt>ānrt><rb>排rb><rt>páirt><rb>定rb><rt>dìngrt><rb>,rb><rt>,rt><rb>富rb><rt>fùrt><rb>贵rb><rt>guìrt><rb>谁rb><rt>shéirt><rb>不rb><rt>bùrt><rb>欲rb><rt>yùrt><rb>?rb><rt>?rt><rb>人rb><rt>rénrt><rb>若rb><rt>ruòrt><rb>不rb><rt>bùrt><rb>依rb><rt>yīrt><rb>根rb><rt>gēnrt><rb>基rb><rt>jīrt><rb>八rb><rt>bārt><rb>字rb><rt>zìrt><rb>,rb><rt>,rt><rb>岂rb><rt>qĭ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>wúrt><rb>昔rb><rt>xīrt><rb>寓rb><rt>yùrt><rb>居rb><rt>jū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>mùrt><rb>宿rb><rt>sùrt><rb>破rb><rt>pòrt><rb>窖rb><rt>jiàort><rb>,rb><rt>,rt><rb>思rb><rt>sīrt><rb>衣rb><rt>yīrt><rb>不rb><rt>bùrt><rb>可rb><rt>kĕrt><rb>遮rb><rt>zhērt><rb>其rb><rt>qírt><rb>体rb><rt>tĭrt><rb>,rb><rt>,rt><rb>思rb><rt>sīrt><rb>食rb><rt>shírt><rb>不rb><rt>bùrt><rb>可rb><rt>kĕrt><rb>济rb><rt>jìrt><rb>其rb><rt>qírt><rb>饥rb><rt>jī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>wŏrt><rb>贱rb><rt>jiànrt><rb>,rb><rt>,rt><rb>非rb><rt>fēirt><rb>我rb><rt>wŏrt><rb>不rb><rt>bùrt><rb>弃rb><rt>qìrt><rb>也rb><rt>yĕrt><rb>。rb><rt>。rt><rb>今rb><rt>jīnrt><rb>居rb><rt>jū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>jí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>jūrt><rb>躬rb><rt>gōngrt><rb>于rb><rt>yúrt><rb>一rb><rt>yī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>yú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>tà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>bĭrt><rb>吝rb><rt>lìnrt><rb>之rb><rt>zhīrt><rb>剑rb><rt>jiànrt><rb>,rb><rt>,rt><rb>思rb><rt>sīrt><rb>衣rb><rt>yī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>sī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>zé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>rùrt><rb>则rb><rt>zé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>wŏrt><rb>贵rb><rt>guìrt><rb>,rb><rt>,rt><rb>非rb><rt>fēirt><rb>我rb><rt>wŏrt><rb>之rb><rt>zhīrt><rb>能rb><rt>néngrt><rb>也rb><rt>yĕrt><rb>,rb><rt>,rt><rb>此rb><rt>cĭrt><rb>乃rb><rt>năirt><rb>时rb><rt>shírt><rb>也rb><rt>yĕrt><rb>、rb><rt>、rt><rb>运rb><rt>yùnrt><rb>也rb><rt>yĕrt><rb>、rb><rt>、rt><rb>命rb><rt>mìngrt><rb>也rb><rt>yĕrt><rb>。rb><rt>。rt>ruby>p><p> p><p><ruby><rb>嗟rb><rt>jiērt><rb>呼rb><rt>hū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>fùrt><rb>贵rb><rt>guìrt><rb>不rb><rt>bùrt><rb>可rb><rt>kĕ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>bùrt><rb>可rb><rt>kĕrt><rb>自rb><rt>zìrt><rb>欺rb><rt>qīrt><rb>,rb><rt>,rt><rb>听rb><rt>tīngrt><rb>由rb><rt>yóurt><rb>天rb><rt>tiānrt><rb>地rb><rt>dì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>fù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;}
}
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
