pinyin4j实现java给汉字加拼音

长安紫薯

已于 2023-09-25 14:18:45 修改

阅读量93

点赞数

分类专栏： Tools 开发工具文章标签： java pinyin4j

于 2023-09-25 14:01:52 首次发布

本文链接：https://blog.csdn.net/nutony/article/details/133271697

版权

Tools 开发工具专栏收录该内容

27 篇文章 0 订阅

订阅专栏

效果图

在这里插入图片描述

依赖

<!-- 中文转拼音 -->
        <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("<p class=\"ptitle\"><ruby>");
            }else{
                sb.append("<p><ruby>");
            }

            for (int i = 0; i < ct.length; i++) {
                sb.append("<rb>").append(ct[i]).append("</rb>");
                sb.append("<rt>").append(cp[i]).append("</rt>");
            }
            sb.append("</ruby></p>");
        }
        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);

        //空行内容去掉，留下<p>&nbsp;</p>，利于空格把行高撑起来，形成段落
        System.out.println(getHTML(text, pinYin).replaceAll("<ruby><rb></rb><rt></rt></ruby>", "&nbsp;"));
    }

}

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án</rt><rb>窑</rb><rt>yáo</rt><rb>赋</rb><rt>fù</rt><rb> </rb><rt> </rt><rb>吕</rb><rt>lǚ</rt><rb>蒙</rb><rt>mĕng</rt><rb>正</rb><rt>zhèng</rt></ruby></p><p><ruby><rb>天</rb><rt>tiān</rt><rb>有</rb><rt>yŏu</rt><rb>不</rb><rt>bù</rt><rb>测</rb><rt>cè</rt><rb>风</rb><rt>fēng</rt><rb>云</rb><rt>yún</rt><rb>，</rb><rt>，</rt><rb>人</rb><rt>rén</rt><rb>有</rb><rt>yŏu</rt><rb>旦</rb><rt>dàn</rt><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ōng</rt><rb>百</rb><rt>băi</rt><rb>足</rb><rt>zú</rt><rb>，</rb><rt>，</rt><rb>行</rb><rt>xíng</rt><rb>不</rb><rt>bù</rt><rb>及</rb><rt>jí</rt><rb>蛇</rb><rt>shé</rt><rb>；</rb><rt>；</rt><rb>雄</rb><rt>xióng</rt><rb>鸡</rb><rt>jī</rt><rb>两</rb><rt>liăng</rt><rb>翼</rb><rt>yì</rt><rb>，</rb><rt>，</rt><rb>飞</rb><rt>fēi</rt><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ŏu</rt><rb>千</rb><rt>qiān</rt><rb>里</rb><rt>lĭ</rt><rb>之</rb><rt>zhī</rt><rb>程</rb><rt>chéng</rt><rb>，</rb><rt>，</rt><rb>无</rb><rt>wú</rt><rb>骑</rb><rt>qí</rt><rb>不</rb><rt>bù</rt><rb>能</rb><rt>néng</rt><rb>自</rb><rt>zì</rt><rb>往</rb><rt>wăng</rt><rb>；</rb><rt>；</rt><rb>人</rb><rt>rén</rt><rb>有</rb><rt>yŏu</rt><rb>冲</rb><rt>chōng</rt><rb>天</rb><rt>tiān</rt><rb>之</rb><rt>zhī</rt><rb>志</rb><rt>zhì</rt><rb>，</rb><rt>，</rt><rb>非</rb><rt>fēi</rt><rb>运</rb><rt>yùn</rt><rb>不</rb><rt>bù</rt><rb>能</rb><rt>néng</rt><rb>自</rb><rt>zì</rt><rb>通</rb><rt>tōng</rt><rb>。</rb><rt>。</rt></ruby></p><p>&nbsp;</p><p><ruby><rb>盖</rb><rt>gài</rt><rb>闻</rb><rt>wén</rt><rb>：</rb><rt>：</rt><rb>人</rb><rt>rén</rt><rb>生</rb><rt>shēng</rt><rb>在</rb><rt>zài</rt><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éng</rt><rb>淫</rb><rt>yín</rt><rb>，</rb><rt>，</rt><rb>贫</rb><rt>pín</rt><rb>贱</rb><rt>jiàn</rt><rb>不</rb><rt>bù</rt><rb>能</rb><rt>néng</rt><rb>移</rb><rt>yí</rt><rb>。</rb><rt>。</rt><rb>文</rb><rt>wén</rt><rb>章</rb><rt>zhāng</rt><rb>盖</rb><rt>gài</rt><rb>世</rb><rt>shì</rt><rb>，</rb><rt>，</rt><rb>孔</rb><rt>kŏng</rt><rb>子</rb><rt>zi</rt><rb>厄</rb><rt>è</rt><rb>于</rb><rt>yú</rt><rb>陈</rb><rt>chén</rt><rb>邦</rb><rt>bāng</rt><rb>；</rb><rt>；</rt><rb>武</rb><rt>wŭ</rt><rb>略</rb><rt>lüè</rt><rb>超</rb><rt>chāo</rt><rb>群</rb><rt>qún</rt><rb>，</rb><rt>，</rt><rb>太</rb><rt>tài</rt><rb>公</rb><rt>gōng</rt><rb>钓</rb><rt>diào</rt><rb>于</rb><rt>yú</rt><rb>渭</rb><rt>wèi</rt><rb>水</rb><rt>shuĭ</rt><rb>。</rb><rt>。</rt><rb>颜</rb><rt>yán</rt><rb>渊</rb><rt>yuān</rt><rb>命</rb><rt>mìng</rt><rb>短</rb><rt>duăn</rt><rb>，</rb><rt>，</rt><rb>殊</rb><rt>shū</rt><rb>非</rb><rt>fēi</rt><rb>凶</rb><rt>xiōng</rt><rb>恶</rb><rt>è</rt><rb>之</rb><rt>zhī</rt><rb>徒</rb><rt>tú</rt><rb>；</rb><rt>；</rt><rb>盗</rb><rt>dào</rt><rb>跖</rb><rt>zhí</rt><rb>年</rb><rt>nián</rt><rb>长</rb><rt>zhăng</rt><rb>，</rb><rt>，</rt><rb>岂</rb><rt>qĭ</rt><rb>是</rb><rt>shì</rt><rb>善</rb><rt>shàn</rt><rb>良</rb><rt>liáng</rt><rb>之</rb><rt>zhī</rt><rb>辈</rb><rt>bèi</rt><rb>。</rb><rt>。</rt><rb>尧</rb><rt>yáo</rt><rb>帝</rb><rt>dì</rt><rb>明</rb><rt>míng</rt><rb>圣</rb><rt>shèng</rt><rb>，</rb><rt>，</rt><rb>却</rb><rt>què</rt><rb>生</rb><rt>shēng</rt><rb>不</rb><rt>bù</rt><rb>肖</rb><rt>xiào</rt><rb>之</rb><rt>zhī</rt><rb>儿</rb><rt>ér</rt><rb>；</rb><rt>；</rt><rb>瞽</rb><rt>gŭ</rt><rb>叟</rb><rt>sŏu</rt><rb>愚</rb><rt>yú</rt><rb>顽</rb><rt>wán</rt><rb>，</rb><rt>，</rt><rb>反</rb><rt>făn</rt><rb>生</rb><rt>shēng</rt><rb>大</rb><rt>dà</rt><rb>孝</rb><rt>xiào</rt><rb>之</rb><rt>zhī</rt><rb>子</rb><rt>zi</rt><rb>。</rb><rt>。</rt><rb>张</rb><rt>zhāng</rt><rb>良</rb><rt>liáng</rt><rb>原</rb><rt>yuán</rt><rb>是</rb><rt>shì</rt><rb>布</rb><rt>bù</rt><rb>衣</rb><rt>yī</rt><rb>，</rb><rt>，</rt><rb>萧</rb><rt>xiāo</rt><rb>何</rb><rt>hé</rt><rb>称</rb><rt>chēng</rt><rb>谓</rb><rt>wèi</rt><rb>县</rb><rt>xiàn</rt><rb>吏</rb><rt>lì</rt><rb>。</rb><rt>。</rt><rb>晏</rb><rt>yàn</rt><rb>子</rb><rt>zi</rt><rb>身</rb><rt>shēn</rt><rb>无</rb><rt>wú</rt><rb>五</rb><rt>wŭ</rt><rb>尺</rb><rt>chĭ</rt><rb>，</rb><rt>，</rt><rb>封</rb><rt>fēng</rt><rb>作</rb><rt>zuò</rt><rb>齐</rb><rt>qí</rt><rb>国</rb><rt>guó</rt><rb>宰</rb><rt>zăi</rt><rb>相</rb><rt>xiāng</rt><rb>；</rb><rt>；</rt><rb>孔</rb><rt>kŏng</rt><rb>明</rb><rt>míng</rt><rb>卧</rb><rt>wò</rt><rb>居</rb><rt>jū</rt><rb>草</rb><rt>căo</rt><rb>庐</rb><rt>lú</rt><rb>，</rb><rt>，</rt><rb>能</rb><rt>néng</rt><rb>作</rb><rt>zuò</rt><rb>蜀</rb><rt>shŭ</rt><rb>汉</rb><rt>hàn</rt><rb>军</rb><rt>jūn</rt><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óng</rt><rb>，</rb><rt>，</rt><rb>败</rb><rt>bài</rt><rb>于</rb><rt>yú</rt><rb>乌</rb><rt>wū</rt><rb>江</rb><rt>jiāng</rt><rb>自</rb><rt>zì</rt><rb>刎</rb><rt>wĕn</rt><rb>；</rb><rt>；</rt><rb>汉</rb><rt>hàn</rt><rb>王</rb><rt>wáng</rt><rb>虽</rb><rt>suī</rt><rb>弱</rb><rt>ruò</rt><rb>，</rb><rt>，</rt><rb>竟</rb><rt>jìng</rt><rb>有</rb><rt>yŏu</rt><rb>万</rb><rt>wàn</rt><rb>里</rb><rt>lĭ</rt><rb>江</rb><rt>jiāng</rt><rb>山</rb><rt>shān</rt><rb>。</rb><rt>。</rt><rb>李</rb><rt>lĭ</rt><rb>广</rb><rt>guăng</rt><rb>有</rb><rt>yŏu</rt><rb>射</rb><rt>shè</rt><rb>虎</rb><rt>hŭ</rt><rb>之</rb><rt>zhī</rt><rb>威</rb><rt>wēi</rt><rb>，</rb><rt>，</rt><rb>到</rb><rt>dào</rt><rb>老</rb><rt>lăo</rt><rb>无</rb><rt>wú</rt><rb>封</rb><rt>fēng</rt><rb>；</rb><rt>；</rt><rb>冯</rb><rt>féng</rt><rb>唐</rb><rt>táng</rt><rb>有</rb><rt>yŏu</rt><rb>乘</rb><rt>chéng</rt><rb>龙</rb><rt>lóng</rt><rb>之</rb><rt>zhī</rt><rb>才</rb><rt>cái</rt><rb>，</rb><rt>，</rt><rb>一</rb><rt>yī</rt><rb>生</rb><rt>shēng</rt><rb>不</rb><rt>bù</rt><rb>遇</rb><rt>yù</rt><rb>。</rb><rt>。</rt><rb>韩</rb><rt>hán</rt><rb>信</rb><rt>xìn</rt><rb>未</rb><rt>wèi</rt><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ān</rt><rb>餐</rb><rt>cān</rt><rb>，</rb><rt>，</rt><rb>及</rb><rt>jí</rt><rb>至</rb><rt>zhì</rt><rb>遇</rb><rt>yù</rt><rb>行</rb><rt>xíng</rt><rb>，</rb><rt>，</rt><rb>腰</rb><rt>yāo</rt><rb>悬</rb><rt>xuán</rt><rb>三</rb><rt>sān</rt><rb>尺</rb><rt>chĭ</rt><rb>玉</rb><rt>yù</rt><rb>印</rb><rt>yìn</rt><rb>，</rb><rt>，</rt><rb>一</rb><rt>yī</rt><rb>旦</rb><rt>dàn</rt><rb>时</rb><rt>shí</rt><rb>衰</rb><rt>shuāi</rt><rb>，</rb><rt>，</rt><rb>死</rb><rt>sĭ</rt><rb>于</rb><rt>yú</rt><rb>阴</rb><rt>yīn</rt><rb>人</rb><rt>rén</rt><rb>之</rb><rt>zhī</rt><rb>手</rb><rt>shŏu</rt><rb>。</rb><rt>。</rt></ruby></p><p>&nbsp;</p><p><ruby><rb>有</rb><rt>yŏu</rt><rb>先</rb><rt>xiān</rt><rb>贫</rb><rt>pín</rt><rb>而</rb><rt>ér</rt><rb>后</rb><rt>hòu</rt><rb>富</rb><rt>fù</rt><rb>，</rb><rt>，</rt><rb>有</rb><rt>yŏu</rt><rb>老</rb><rt>lăo</rt><rb>壮</rb><rt>zhuàng</rt><rb>而</rb><rt>ér</rt><rb>少</rb><rt>shăo</rt><rb>衰</rb><rt>shuāi</rt><rb>。</rb><rt>。</rt><rb>满</rb><rt>măn</rt><rb>腹</rb><rt>fù</rt><rb>文</rb><rt>wén</rt><rb>章</rb><rt>zhāng</rt><rb>，</rb><rt>，</rt><rb>白</rb><rt>bái</rt><rb>发</rb><rt>fā</rt><rb>竟</rb><rt>jìng</rt><rb>然</rb><rt>rán</rt><rb>不</rb><rt>bù</rt><rb>中</rb><rt>zhōng</rt><rb>；</rb><rt>；</rt><rb>才</rb><rt>cái</rt><rb>疏</rb><rt>shū</rt><rb>学</rb><rt>xué</rt><rb>浅</rb><rt>qiăn</rt><rb>，</rb><rt>，</rt><rb>少</rb><rt>shăo</rt><rb>年</rb><rt>nián</rt><rb>及</rb><rt>jí</rt><rb>第</rb><rt>dì</rt><rb>登</rb><rt>dēng</rt><rb>科</rb><rt>kē</rt><rb>。</rb><rt>。</rt><rb>深</rb><rt>shēn</rt><rb>院</rb><rt>yuàn</rt><rb>宫</rb><rt>gōng</rt><rb>娥</rb><rt>é</rt><rb>，</rb><rt>，</rt><rb>运</rb><rt>yùn</rt><rb>退</rb><rt>tuì</rt><rb>反</rb><rt>făn</rt><rb>为</rb><rt>wéi</rt><rb>妓</rb><rt>jì</rt><rb>妾</rb><rt>qiè</rt><rb>；</rb><rt>；</rt><rb>风</rb><rt>fēng</rt><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ái</rt><rb>配</rb><rt>pèi</rt><rb>作</rb><rt>zuò</rt><rb>夫</rb><rt>fū</rt><rb>人</rb><rt>rén</rt><rb>。</rb><rt>。</rt></ruby></p><p>&nbsp;</p><p><ruby><rb>青</rb><rt>qīng</rt><rb>春</rb><rt>chūn</rt><rb>美</rb><rt>mĕi</rt><rb>女</rb><rt>nǚ</rt><rb>，</rb><rt>，</rt><rb>却</rb><rt>què</rt><rb>招</rb><rt>zhāo</rt><rb>愚</rb><rt>yú</rt><rb>蠢</rb><rt>chŭn</rt><rb>之</rb><rt>zhī</rt><rb>夫</rb><rt>fū</rt><rb>；</rb><rt>；</rt><rb>俊</rb><rt>jùn</rt><rb>秀</rb><rt>xiù</rt><rb>郎</rb><rt>láng</rt><rb>君</rb><rt>jūn</rt><rb>，</rb><rt>，</rt><rb>反</rb><rt>făn</rt><rb>配</rb><rt>pèi</rt><rb>粗</rb><rt>cū</rt><rb>丑</rb><rt>chŏu</rt><rb>之</rb><rt>zhī</rt><rb>妇</rb><rt>fù</rt><rb>。</rb><rt>。</rt><rb>蛟</rb><rt>jiāo</rt><rb>龙</rb><rt>lóng</rt><rb>未</rb><rt>wèi</rt><rb>遇</rb><rt>yù</rt><rb>，</rb><rt>，</rt><rb>潜</rb><rt>qián</rt><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ān</rt><rb>；</rb><rt>；</rt><rb>君</rb><rt>jūn</rt><rb>子</rb><rt>zi</rt><rb>失</rb><rt>shī</rt><rb>时</rb><rt>shí</rt><rb>，</rb><rt>，</rt><rb>拱</rb><rt>gŏng</rt><rb>手</rb><rt>shŏu</rt><rb>于</rb><rt>yú</rt><rb>小</rb><rt>xiăo</rt><rb>人</rb><rt>rén</rt><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áng</rt><rb>存</rb><rt>cún</rt><rb>仪</rb><rt>yí</rt><rb>礼</rb><rt>lĭ</rt><rb>之</rb><rt>zhī</rt><rb>容</rb><rt>róng</rt><rb>；</rb><rt>；</rt><rb>面</rb><rt>miàn</rt><rb>带</rb><rt>dài</rt><rb>忧</rb><rt>yōu</rt><rb>愁</rb><rt>chóu</rt><rb>，</rb><rt>，</rt><rb>每</rb><rt>mĕi</rt><rb>抱</rb><rt>bào</rt><rb>怀</rb><rt>huái</rt><rb>安</rb><rt>ān</rt><rb>之</rb><rt>zhī</rt><rb>量</rb><rt>liàng</rt><rb>。</rb><rt>。</rt><rb>时</rb><rt>shí</rt><rb>遭</rb><rt>zāo</rt><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>ān</rt><rb>贫</rb><rt>pín</rt><rb>守</rb><rt>shŏu</rt><rb>份</rb><rt>fèn</rt><rb>；</rb><rt>；</rt><rb>心</rb><rt>xīn</rt><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án</rt><rb>扬</rb><rt>yáng</rt><rb>眉</rb><rt>méi</rt><rb>吐</rb><rt>tŭ</rt><rb>气</rb><rt>qì</rt><rb>。</rb><rt>。</rt><rb>初</rb><rt>chū</rt><rb>贫</rb><rt>pín</rt><rb>君</rb><rt>jūn</rt><rb>子</rb><rt>zi</rt><rb>，</rb><rt>，</rt><rb>天</rb><rt>tiān</rt><rb>然</rb><rt>rán</rt><rb>骨</rb><rt>gú</rt><rb>骼</rb><rt>gé</rt><rb>生</rb><rt>shēng</rt><rb>成</rb><rt>chéng</rt><rb>；</rb><rt>；</rt><rb>乍</rb><rt>zhà</rt><rb>富</rb><rt>fù</rt><rb>小</rb><rt>xiăo</rt><rb>人</rb><rt>rén</rt><rb>，</rb><rt>，</rt><rb>不</rb><rt>bù</rt><rb>脱</rb><rt>tuō</rt><rb>贫</rb><rt>pín</rt><rb>寒</rb><rt>hán</rt><rb>肌</rb><rt>jī</rt><rb>体</rb><rt>tĭ</rt><rb>。</rb><rt>。</rt></ruby></p><p>&nbsp;</p><p><ruby><rb>天</rb><rt>tiān</rt><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āng</rt><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ăo</rt><rb>木</rb><rt>mù</rt><rb>不</rb><rt>bù</rt><rb>生</rb><rt>shēng</rt><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ēng</rt><rb>浪</rb><rt>làng</rt><rb>不</rb><rt>bù</rt><rb>平</rb><rt>píng</rt><rb>；</rb><rt>；</rt><rb>人</rb><rt>rén</rt><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ùn</rt><rb>不</rb><rt>bù</rt><rb>通</rb><rt>tōng</rt><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ìng</rt><rb>里</rb><rt>lĭ</rt><rb>已</rb><rt>yĭ</rt><rb>安</rb><rt>ān</rt><rb>排</rb><rt>pái</rt><rb>定</rb><rt>dìng</rt><rb>，</rb><rt>，</rt><rb>富</rb><rt>fù</rt><rb>贵</rb><rt>guì</rt><rb>谁</rb><rt>shéi</rt><rb>不</rb><rt>bù</rt><rb>欲</rb><rt>yù</rt><rb>？</rb><rt>？</rt><rb>人</rb><rt>rén</rt><rb>若</rb><rt>ruò</rt><rb>不</rb><rt>bù</rt><rb>依</rb><rt>yī</rt><rb>根</rb><rt>gēn</rt><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éng</rt><rb>为</rb><rt>wéi</rt><rb>卿</rb><rt>qīng</rt><rb>为</rb><rt>wéi</rt><rb>相</rb><rt>xiāng</rt><rb>？</rb><rt>？</rt></ruby></p><p>&nbsp;</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áng</rt><rb>，</rb><rt>，</rt><rb>朝</rb><rt>cháo</rt><rb>求</rb><rt>qiú</rt><rb>僧</rb><rt>sēng</rt><rb>餐</rb><rt>cān</rt><rb>，</rb><rt>，</rt><rb>暮</rb><rt>mù</rt><rb>宿</rb><rt>sù</rt><rb>破</rb><rt>pò</rt><rb>窖</rb><rt>jiào</rt><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àng</rt><rb>人</rb><rt>rén</rt><rb>憎</rb><rt>zēng</rt><rb>，</rb><rt>，</rt><rb>下</rb><rt>xià</rt><rb>人</rb><rt>rén</rt><rb>厌</rb><rt>yàn</rt><rb>，</rb><rt>，</rt><rb>人</rb><rt>rén</rt><rb>道</rb><rt>dào</rt><rb>我</rb><rt>wŏ</rt><rb>贱</rb><rt>jiàn</rt><rb>，</rb><rt>，</rt><rb>非</rb><rt>fēi</rt><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īn</rt><rb>居</rb><rt>jū</rt><rb>朝</rb><rt>cháo</rt><rb>堂</rb><rt>táng</rt><rb>，</rb><rt>，</rt><rb>官</rb><rt>guān</rt><rb>至</rb><rt>zhì</rt><rb>极</rb><rt>jí</rt><rb>品</rb><rt>pĭn</rt><rb>，</rb><rt>，</rt><rb>位</rb><rt>wèi</rt><rb>置</rb><rt>zhì</rt><rb>三</rb><rt>sān</rt><rb>公</rb><rt>gōng</rt><rb>，</rb><rt>，</rt><rb>身</rb><rt>shēn</rt><rb>虽</rb><rt>suī</rt><rb>鞠</rb><rt>jū</rt><rb>躬</rb><rt>gōng</rt><rb>于</rb><rt>yú</rt><rb>一</rb><rt>yī</rt><rb>人</rb><rt>rén</rt><rb>之</rb><rt>zhī</rt><rb>下</rb><rt>xià</rt><rb>，</rb><rt>，</rt><rb>而</rb><rt>ér</rt><rb>列</rb><rt>liè</rt><rb>职</rb><rt>zhí</rt><rb>于</rb><rt>yú</rt><rb>千</rb><rt>qiān</rt><rb>万</rb><rt>wàn</rt><rb>人</rb><rt>rén</rt><rb>之</rb><rt>zhī</rt><rb>上</rb><rt>shàng</rt><rb>，</rb><rt>，</rt><rb>有</rb><rt>yŏu</rt><rb>挞</rb><rt>tà</rt><rb>百</rb><rt>băi</rt><rb>僚</rb><rt>liáo</rt><rb>之</rb><rt>zhī</rt><rb>杖</rb><rt>zhàng</rt><rb>，</rb><rt>，</rt><rb>有</rb><rt>yŏu</rt><rb>斩</rb><rt>zhăn</rt><rb>鄙</rb><rt>bĭ</rt><rb>吝</rb><rt>lìn</rt><rb>之</rb><rt>zhī</rt><rb>剑</rb><rt>jiàn</rt><rb>，</rb><rt>，</rt><rb>思</rb><rt>sī</rt><rb>衣</rb><rt>yī</rt><rb>而</rb><rt>ér</rt><rb>有</rb><rt>yŏu</rt><rb>罗</rb><rt>luó</rt><rb>锦</rb><rt>jĭn</rt><rb>千</rb><rt>qiān</rt><rb>箱</rb><rt>xiāng</rt><rb>，</rb><rt>，</rt><rb>思</rb><rt>sī</rt><rb>食</rb><rt>shí</rt><rb>而</rb><rt>ér</rt><rb>有</rb><rt>yŏu</rt><rb>珍</rb><rt>zhēn</rt><rb>馐</rb><rt>xiū</rt><rb>百</rb><rt>băi</rt><rb>味</rb><rt>wèi</rt><rb>，</rb><rt>，</rt><rb>出</rb><rt>chū</rt><rb>则</rb><rt>zé</rt><rb>壮</rb><rt>zhuàng</rt><rb>士</rb><rt>shì</rt><rb>执</rb><rt>zhí</rt><rb>鞭</rb><rt>biān</rt><rb>，</rb><rt>，</rt><rb>入</rb><rt>rù</rt><rb>则</rb><rt>zé</rt><rb>佳</rb><rt>jiā</rt><rb>人</rb><rt>rén</rt><rb>捧</rb><rt>pĕng</rt><rb>觞</rb><rt>shāng</rt><rb>，</rb><rt>，</rt><rb>上</rb><rt>shàng</rt><rb>人</rb><rt>rén</rt><rb>宠</rb><rt>chŏng</rt><rb>，</rb><rt>，</rt><rb>下</rb><rt>xià</rt><rb>人</rb><rt>rén</rt><rb>拥</rb><rt>yōng</rt><rb>。</rb><rt>。</rt><rb>人</rb><rt>rén</rt><rb>道</rb><rt>dào</rt><rb>我</rb><rt>wŏ</rt><rb>贵</rb><rt>guì</rt><rb>，</rb><rt>，</rt><rb>非</rb><rt>fēi</rt><rb>我</rb><rt>wŏ</rt><rb>之</rb><rt>zhī</rt><rb>能</rb><rt>néng</rt><rb>也</rb><rt>yĕ</rt><rb>，</rb><rt>，</rt><rb>此</rb><rt>cĭ</rt><rb>乃</rb><rt>năi</rt><rb>时</rb><rt>shí</rt><rb>也</rb><rt>yĕ</rt><rb>、</rb><rt>、</rt><rb>运</rb><rt>yùn</rt><rb>也</rb><rt>yĕ</rt><rb>、</rb><rt>、</rt><rb>命</rb><rt>mìng</rt><rb>也</rb><rt>yĕ</rt><rb>。</rb><rt>。</rt></ruby></p><p>&nbsp;</p><p><ruby><rb>嗟</rb><rt>jiē</rt><rb>呼</rb><rt>hū</rt><rb>！</rb><rt>！</rt><rb>人</rb><rt>rén</rt><rb>生</rb><rt>shēng</rt><rb>在</rb><rt>zài</rt><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ĭn</rt><rb>用</rb><rt>yòng</rt><rb>，</rb><rt>，</rt><rb>贫</rb><rt>pín</rt><rb>贱</rb><rt>jiàn</rt><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īng</rt><rb>由</rb><rt>yóu</rt><rb>天</rb><rt>tiān</rt><rb>地</rb><rt>dì</rt><rb>循</rb><rt>xún</rt><rb>环</rb><rt>huán</rt><rb>，</rb><rt>，</rt><rb>周</rb><rt>zhōu</rt><rb>而</rb><rt>ér</rt><rb>复</rb><rt>fù</rt><rb>始</rb><rt>shĭ</rt><rb>焉</rb><rt>yān</rt><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;
	}
}