@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border:0; color:#404040;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; color:#666;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
@media screen and (max-width: 768px) {
h1, h2, h3, h4, h5, h6{ font-size:16px !important; font-weight:bold !important;
        }
    } 
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration: underline; }


/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 清除浮动 */
.ks-clear:after, .clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.ks-clear, .clear {
  *zoom: 1;
}
#head{
   clear: both;
    content:'';
    display: block 
}
body {background:#f1f0ed !important;
 /* background-size:100% 100%;*/

font:14px "Times New Roman","Microsoft YaHei","Helvetica Neue",Helvetica,"Lucida Grande","Luxi Sans",sans-serif;line-height:2;}
#cambrian0 { display:none !important;}
@media screen and (max-width: 768px) {
#cambrian0{ display:block !important;
        }
    }
@media screen and (max-width: 414px) {
#cambrian0{ display:block !important;
        }
    }
@media screen and (max-width: 412px) {
#cambrian0{ display:block !important;
        }
    }
@media screen and (max-width: 375px) {
#cambrian0{ display:block !important;
        }
    }
@media screen and (max-width: 360px) {
#cambrian0{ display:block !important;
        }
    }
@media screen and (max-width: 320px) {
#cambrian0{ display:block !important;
        }
    }

#container,.zd-footer-c{ width:1200px; margin:0 auto;}
.zd-footer-c{padding:10px;}
@media screen and (max-width: 768px) {
#container{position: relative;

    width: 100%;
        }
    }
.wp { width:1200px;padding:0 5px; background:#FFF; overflow:hidden; margin:0 auto !important;}
#head { width:1200px; margin:0 auto; height:75px;border-bottom:2px solid #b7b8b9; background:#FFF;}
@media screen and (max-width: 768px) {
  #head {    position: relative;
    z-index: 99;
    width: 100%;
    height: 48px;
    background: #3e98f0;
        }
    }

#head .logo { height:75px; width:200px; float:left;}
@media screen and (max-width: 768px) {
  #head  .logo{ height:48px; line-height:48px; text-align:center; width:100%; margin:0; padding:0;
        }
    }
#head .logo i { background:url(../images/logo.png) no-repeat; width:45px; height:45px; overflow:hidden; float:left; margin-top: 15px;margin-left: 10px; -webkit-border-radius: 110px;
            border-radius: 110px;
            -webkit-transition: -webkit-transform 0.2s ease-out;
            -moz-transition: -moz-transform 0.2s ease-out;
            -o-transition: -o-transform 0.2s ease-out;
            -ms-transition: -ms-transform 0.2s ease-out;}
@media screen and (max-width: 768px) {
  #head  .logo i{ display:none;
        }
    }
#head .logo i:hover {-webkit-transform: rotateZ(180deg);
            -moz-transform: rotateZ(180deg);
            -o-transform: rotateZ(180deg);
            -ms-transform: rotateZ(180deg);
            transform: rotateZ(180deg);}
#head .logo a {font-size:30px;text-decoration:none;color:#000; margin:0px 0 0 20px; float:left; line-height:75px; font-family: 雅黑;font-weight: bold;display: block;text-shadow: 2px 3px 0px #D0CBCB;}
#head .logo a:hover { color:#d81e06;}
@media screen and (max-width: 768px) {
  #head  .logo a{ height:48px; line-height:48px; text-align:center; width:100%; margin-left:0; color:#FFF; text-shadow:none; font-size:2.1rem; font-weight:normal; letter-spacing:0.2em;
        }
    }
.menu { float:left; height:75px; line-height:75px; overflow:hidden; margin-bottom:0 !important; margin-left:20px;}
@media screen and (max-width: 768px) {
.menu{ height:68px; width:100%; margin-left:0;font-size:1.2rem; font-weight:normal; background:#F5F5F5; padding-left:50px; 
        }
    }
@media screen and (max-width: 414px) {
.menu{ height:68px; width:100%; margin-left:0;font-size:1.2rem; font-weight:normal; background:#F5F5F5; padding-left:25px; 
        }
    }
@media screen and (max-width:320px) {
.menu{  padding-left:15px; 
        }
    }
.menu li { float:left; margin:0 15px; line-height:75px;}
@media screen and (max-width: 768px) {
.menu li{ height:34px; line-height:34px; margin-left:0; color: #fff; width:25%; margin:0; font-weight:normal; 
        }
    } 
@media screen and (max-width: 414px) {
.menu li{ height:34px; line-height:34px; margin-left:0; color: #fff;background-size: auto 8px; font-weight:normal; 
        }
    } 
.menu li a { font-size:16px;}
@media screen and (max-width: 768px) {
.menu li a{ height:34px; line-height:34px;margin-left:0; color:#3e98f0;font-weight:normal; 
        }
    } 

#main { width:1200px; padding:0 5px; background:#FFF; overflow:hidden;}
@media screen and (max-width: 768px) {
#main{ width:100%;
        }
    } 
.main-left { float:left; width:830px; border-right:1px solid #E5E5E5;}
@media screen and (max-width: 768px) {
.main-left{ width:100%; overflow:hidden; border:0;
        }
    } 
.main-left .m1 { float:left; width:830px; height:350px; border:1px solid #E6E6E6; margin-top:10px;}
@media screen and (max-width: 768px) {
.main-left .m1{ width:100%; margin-top:10px;
        }
    } 

.main-top { float:left; width:1200px; margin:0 auto; height:450px; margin-top:10px; overflow:hidden; }
@media screen and (max-width: 768px) {
.main-top{ width:100%; float: none; height:auto;
        }
    } 
.toutiao { float:left; width:360px; height:450px; border:1px solid #E5E5E5;}
@media screen and (max-width: 768px) {
.toutiao{ width:100%; margin-top:10px; height:auto; margin-bottom:2px;
        }
    } 
.hdp{ float:left;width:450px; margin:0 10px;}
@media screen and (max-width: 768px) {
.hdp{ width:100%; float:none;
        }
    } 
.huandeng { float:left; width:450px; }
@media screen and (max-width: 768px) {
.huandeng{ display:none;
        }
    } 
.today {float:left; width:450px; height:170px; margin-top:8px;}
@media screen and (max-width: 768px) {
.today{ width:99.6%; height:auto;border: 1px solid #E5E5E5; padding:10px;margin-bottom: 10px;margin-left: -9px;
        }
    } 
.today span {float: left;width: 100%; font-size: 14px;line-height: 30px; height: 30px;background: #edf4fb;border-left: 3px solid #8dbbe9;font-weight: 700;padding-left: 5px; display:block;}
.today ul { float:left; width:100%;}
@media screen and (max-width: 768px) {
.today ul{ width:100%; height:auto;float:none;
        }
    } 
.today ul li { float:left; width:50%; line-height:30px; background:url(../images/arrow.png) no-repeat 0 10px;padding-left: 10px; word-break: keep-all; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (max-width: 768px) {
.today ul li{ width:50%; height:auto; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
        }
    } 
.huati { float:right; width:360px; height:450px; border:1px solid #E5E5E5; margin-right:10px; }
@media screen and (max-width: 768px) {
.huati{ width:98%; height:auto; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-left:4px; float: none;
        }
    } 

.gjcd { float:left; width:100%; margin-top:10px; margin-left:10px;}
.gjcd strong { padding:5px 0; float:left; width:100%;}

.huati span { float:left; width:100%; padding:10px; margin-left:20px;}
@media screen and (max-width: 768px) {
.huati span{ margin-left:0;
        }
    } 
.huati span p { display:none;}
@media screen and (max-width: 768px) {
.huati span p{float: left;width: 100%; font-size: 14px;line-height: 30px; height: 30px;background: #edf4fb;border-left: 3px solid #8dbbe9;font-weight: 700;padding-left: 5px; display:block;}
    } 
.huati span a { float:left;width:30%; line-height:35px; font-size:14px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (max-width: 768px) {
.huati span a{ width:12.5%;margin-left:0;background: url(../images/m.png) 0 10px no-repeat;padding-left: 15px;margin: 0 6px;
        }
    } 
@media screen and (max-width: 414px) {
.huati span a{ width:25%;  margin-left:0;background: url(../images/m.png) 0 10px no-repeat;padding-left: 15px;margin: 0 6px;
        }
    } 
.index_left { float:left;width: 825px; margin-top:8px;}
@media screen and (max-width: 768px) {
.index_left{ width:100%;
        }
    } 
.index_right { float:right;width: 360px;} 
@media screen and (max-width: 768px) {
.index_right{ width:100%;
        }
    } 
/*首页人物*/
.index_renwu { float:left; width:100%;}
.index_renwu .title { float:left; width:100%;font-size: 14px;line-height: 30px;height: 30px;background: #edf4fb;border-left: 3px solid #8dbbe9;font-weight: 700; padding-left:5px;}
.index_renwu ul {float: left;margin: 10px 0;padding-left:12px;}
.index_renwu ul li {float: left;width: 100px; margin: 10px 0;text-align: center;}
@media screen and (max-width: 768px) {
.index_renwu ul li{ width:12.5%;
        }
    } 
@media screen and (max-width: 414px) {
.index_renwu ul li{ width:25%;
        }
    } 
.index_renwu ul li .shp img {width: 88px;height: 88px;border-radius: 6px;}
@media screen and (max-width: 768px) {
.index_renwu ul li .shp img{ width:66px; height:66px;
        }
    } 
@media screen and (max-width: 414px) {
.index_renwu ul li .shp img{ width:66px; height:66px;
        }
    } 
/*首页民间故事*/
.index_minjian { float:left; width:100%; margin-top:8px;}
.index_minjian .title {line-height: 30px;background:#EFEDEA;border-left: 3px solid #885913;font-weight: 700;color: #FFF; float:left; width:100%;}
.index_minjian .title a { float:left; margin:0 13px;color: #404040;}
.index_minjian ul{padding: 8px 0 8px 8px;}
.index_minjian ul li {float: left;width: 50%;line-height: 22px;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;list-style-position: inside;list-style-type: disc;color: #885913;}
.index_minjian ul li a { font-size:14px;}

/*首页野史揭秘*/
.index_yeshi { float:left; width:100%; margin-top:25px;}
@media screen and (max-width: 768px) {
.index_yeshi{  margin-top:5px;
        }
    }
.index_yeshi .title {text-align: center;line-height: 30px;background:#EFEDEA;border-left: 3px solid #885913;font-weight: 700;color: #FFF;}
@media screen and (max-width: 768px) {
.index_yeshi .title{ text-align:left; padding-left:10px;
        }
    }
.index_yeshi ul{padding: 0px 0 8px 8px;}
.index_yeshi ul li {float: left;width: 50%;line-height: 22px;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;list-style-position: inside;list-style-type: disc;color: #885913;}
.index_yeshi ul li a { font-size:14px;}

/*首页文化百科*/
.index_wenhua { float:left; width:100%; margin-bottom:10px; border: 1px solid #E5E5E5;}
.index_wenhua .title { float:left; width:100%;font-size: 14px;line-height: 30px;height: 30px;background: #edf4fb;border-left: 3px solid #8dbbe9;font-weight: 700; padding-left:5px; color:#333;}
.index_wenhua .title a {color: #404040;}
.index_wenhua ul { float:left; margin:6px 0; margin-left:15px;}
.index_wenhua ul li{float: left;width: 20%;line-height:30px;height:30px;overflow: hidden; background: url(../images/arrow.png) no-repeat 0 10px;padding-left: 10px;}

/*首页趣味百科*/
.index_quwei { float:left; width:100%; margin-top:10px; border: 1px solid #E5E5E5;}
.index_quwei .title { float:left; width:100%;font-size: 14px;line-height: 30px;height: 30px;background: #edf4fb;border-left: 3px solid #8dbbe9;font-weight: 700; padding-left:5px; color:#333;}
.index_quwei .title a {color: #404040;}
.index_quwei ul { float:left; margin:6px 0; margin-left:15px;}
.index_quwei ul li{float: left;width: 20%;line-height:30px;height:30px;overflow: hidden;background: url(../images/arrow.png) no-repeat 0 10px;padding-left: 10px;}
 
.index_quwei ul li a { font-size:14px;}


@media screen and (max-width:900px) {
    
.index_wenhua ul li{ word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
width: 33%;
        }
.index_quwei ul li{ word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
width: 33%;}    

        
    } 
.index_wenhua ul li a { font-size:14px;}





/* slide */
.slide{width:450px;height:270px;overflow:hidden;position:relative;background-color:#000;z-index:10;}
.slide ul{height:270px;}
.slide ul li{width:450px;height:270px;float:left; position:relative;}
.slide ul li img{ width:656px; height:270px;}
.slide ul li p{ position:absolute; bottom:0px; left:10px; color:#fff; z-index:10; font-size:14px; margin:0 !important; line-height:32px;}
.slide .bg{    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #333;
    width: 480px;
    filter: alpha(opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity: 0.90;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    text-indent: 0px; height:32px; line-height:32px;}
.slide .num{overflow:hidden;zoom:1;position:absolute;right:20px;bottom:11px;z-index:10;}
.slide .num span{display:inline-block;    filter: none;
    text-indent: -9999px;
    background: #666;
    width: 12px;
    height: 12px; margin:0 3px;}
.slide .num span.on{background: #1492F5;}
.slide .skip{display:none;_display:block;width:23px;height:47px;background:url(../images/bg-slide.png) no-repeat;_background:url(../images/ie6/bg-slide.png) no-repeat;position:absolute;top:50%;margin-top:-24px;text-indent:-1000em;cursor:pointer;}
.slide .prev{background-position:0 -172px;left:10px;}
.slide .prev:hover{background-position:0 -219px;}
.slide .next{background-position:-23px -172px;right:10px;}
.slide .next:hover{background-position:-23px -219px;}
.slide:hover .prev,.slide:hover .next{display:block;}


.weizhi {
    font-size: 12px;
    color: #666;
    height: 30px;
    line-height: 30px;
	margin:5px 0; float:left; width:100%;
}
@media screen and (max-width: 768px) {
.weizhi{ margin:0;
        }
    } 
.contenct { float:left; margin-top:10px;}
@media screen and (max-width: 768px) {
.contenct{ width:100%; margin-top:0px;
        }
    } 
.arc_title { float:left; width:100%;}
@media screen and (max-width: 768px) {
.arc_title{ width:100%; margin:0px;
        }
    } 
.arc_title h1 { float:left; width:auto;margin-right:20px !important;}
@media screen and (max-width: 768px) {
.arc_title h1{ width:100%; margin-right:0px; font-size:26px;
        }
    } 
.arc_title span{ float:left; margin:0 10px; line-height:34px; color:#666;}
@media screen and (max-width: 768px) {
.arc_title span{ margin:0; line-height:20px; color:#666;
        }
    } 
.arc_list { float:left;width: 100%;}

.ptlist { float:left; width:100%;}
.ptlist ul { float:left; width:100%;border-bottom: 1px dotted #CCC;padding-bottom: 10px;}
.ptlist ul li { float:left; width:100%;background: url(../images/arrow.png) no-repeat 0 10px;padding-left: 10px; line-height:30px;}
.ptlist ul li a { float:left;}
.ptlist ul li span { float:right;}

.listfy { float:left; width:100%; text-align:center;}
.listfy a{ font-size:14px; padding:5px 10px; border: 1px solid #CCC;background: #e5f2ff;border-radius: 5px;}
.listfy b {font-size:14px; padding:5px 10px; border: 1px solid #CCC;background: #e5f2ff;border-radius: 5px;}
.listfy .nextpage,.listfy .prepage { margin:0 5px;}
.listfy .next_nolink,.listfy .pr_nolk { font-size:14px; padding:5px 10px; border: 1px solid #CCC;background: #ececec;border-radius: 5px; color: #969494; margin: 0 5px;}


/*诗文列表*/
.shiwen_main .ftitle { float:left; width:100%;padding: 10px 0; border-bottom: 1px solid #D5D5D5;}
.shiwen_main .ftitle h1 { float:left; margin-right:15px; width:auto !important;padding-left: 20px;}
.shiwen_main .ftitle span { float:left; margin:30px 0 10px 10px;}
.shiwen_main h2 { font-size: 20px;color: #fa6800;margin-bottom: 20px;}
.shiwen_main .xsmain { padding-left:20px;}

.arc_main { float:left;width: 100%; padding:10px;}
.arc_main blockquote { float:left; width:100%;}
.arc_main img { max-width:750px;transition-duration: 0.3s;}
@media screen and (max-width: 768px) {
.arc_main img {max-width:700px;
        }
    } 
@media screen and (max-width: 414px) {
.arc_main img {max-width:300px;
        }
    } 
@media screen and (max-width: 320px) {
.arc_main img {max-width:200px;
        }
    } 
.arc_main .arcjianjie { float:left; width:100%; padding:10px;}
.arc_main table,.arc_main table td,.arc_main table th{border:1px solid #B6B8BA;border-collapse:collapse; margin:0 auto; text-align:center;}
.arc_main table td { height:30px; line-height:30px;}


.arc_main .rwjj { width:100%;}
.arc_main .rwjj td { text-align:left; padding:0 10px; border:1px solid #E5E5E5;}
.arc_main h1,.arc_main h1 a { margin:10px auto; margin-bottom:15px;font-family: 微软雅黑;}
@media screen and (max-width: 768px) {
.arc_main h1{ margin:0; padding:0; font-size:22px !important;
        }
    } 
.arc_main h1 { float:left; width:100%; padding:10px 0; border-bottom:1px solid #D5D5D5;}
.arc_main h2{ text-align:left; float:left; width:100%; text-indent:0 !important; font-size:24px;padding:5px; margin-top:5px;font-family:微软雅黑;background: #eef6fb; border-left: 5px solid #666;} 
@media screen and (max-width: 768px) {
.arc_main h2{ padding-top:0; width: 100%;font-size: 14px; line-height: 30px; height: 30px; background: #edf4fb; border-left: 3px solid #8dbbe9;font-weight: 700; padding-left: 5px; display: block;
        }
    } 
.arc_main h2 a { float:left;}
@media screen and (max-width: 768px) {
.arc_main h2 a{ color:#404040;
        }
    } 
.arc_main h3{ text-align:left; float:left; width:100%;text-indent:0 !important; font-size:20px;font-family:微软雅黑; font-weight:bold;} 
@media screen and (max-width: 768px) {
.arc_main h3{ color:#f00; line-height:30px; font-size:14px; font-weight:bold; margin:0; padding:0;
        }
    } 
.arc_main h3 a{ text-align:left; float:left;text-indent:0 !important; font-size:20px;font-family:微软雅黑; font-weight:bold;} 
.arc_main b,.arc_main b a{ color:red;}
.arc_main p {font: 14px "Times New Roman","Microsoft YaHei","Helvetica Neue",Helvetica,"Lucida Grande","Luxi Sans",sans-serif; line-height: 2;}
@media screen and (max-width: 768px) {
.arc_main p{ color:#404040; line-height:30px; margin:0; padding:0;
        }
    } 
.arc_main p a {border-bottom: 1px dashed #337ab7;}
.arc_list h1 { width:100%; float:left;font: 26px "Times New Roman","Microsoft YaHei","Helvetica Neue",Helvetica,"Lucida Grande","Luxi Sans",sans-serif;line-height:2; text-indent:1em; background:url(../images/ml.png) no-repeat 0 8px; padding-left:10px; height:50px; line-height:50px; overflow:hidden; margin-top:0 !important;}
@media screen and (max-width: 768px) {
.arc_list h1{ padding-left:20px;
        }
    } 
.arc_list .jianjie p img { max-width:95%;}
.arc_list .jianjie { border:1px dotted #CCC; float:left; padding:20px; width:100%;}
@media screen and (max-width: 768px) {
.arc_list .jianjie{ padding:5px;
        }
    } 
.qwxx {overflow: hidden;border: 1px solid #ddd; margin-top:10px; float:left; width:100%; height:220px;}
@media screen and (max-width: 768px) {
.qwxx{ height:auto; 
        }
    } 
.qwxx .qwtitle { float:left; width:100%; height:40px; line-height:40px; border-bottom: 1px solid #ddd;border-left: 3px solid #5A5959;background-color: #f2f8ff;}
.qwxx .qwtitle h2 { height:40px; float:left; line-height:40px; margin:0;font:18px "Times New Roman","Microsoft YaHei","Helvetica Neue",Helvetica,"Lucida Grande","Luxi Sans",sans-serif; padding-top: 5px;padding-left: 20px;font-family: sans-serif;}
.qwxx .qwtitle h2 a { color:#F00;font-family: sans-serif;}
.qwxx .pic { width:120px; height:120px; float:left;margin:5px; overflow:hidden;}
.qwxx .pic img { width:120px;}
@media screen and (max-width: 768px) {
.qwxx .pic {  float:left;margin:5px; overflow:hidden;
        }
    } 
@media screen and (max-width: 414px) {
.qwxx .pic { width:66px; height:66px; float:left;margin:5px; overflow:hidden;
        }
    } 
.qwxx .qwlist { float:right; width:690px; height:120px;margin-top:40px;margin-right: 5px; position:absolute; margin-left: 130px;}
@media screen and (max-width: 768px) {
.qwxx .qwlist{ width:80%;margin-left:130px;overflow: hidden;
        }
    } 
@media screen and (max-width:414px) {
.qwxx .qwlist{ width:80%;margin-left:70px;height: 70px;overflow: hidden;
        }
    } 
.qwxx .rwjj { float:left; width:100%; margin:0 ; font-size:14px; color:#999;}
@media screen and (max-width: 768px) {
.qwxx .rwjj{ height:40px; overflow:hidden;
        }
    } 
.qwxx .rwjj i { font-style:normal; font-size:30px; float:left; display:inline-block; margin:0 10px;}
@media screen and (max-width: 768px) {
.qwxx .rwjj i{ height:40px; line-height:40px;
        }
    } 
.qwxx .rwjj i { font-size:20px;
        }
    } 
.qwlist ul { float:left; padding:5px;}
.qwlist ul li { width:220px; float:left; line-height:28px; overflow:hidden; height:28px;}
@media screen and (max-width: 768px) {
.qwlist ul li { width:28%; line-height:28px; height:28px;  margin:0 16px;
        }
    } 
@media screen and (max-width:414px) {
.qwlist ul li { width:40%; line-height:24px; height:24px; padding-left: 10px;
        }
    } 
.main-right { float:right; width:350px; margin-right:10px;}
@media screen and (max-width: 768px) {
.main-right{ width:100%;
        }
    } 

.paihang { float:left; width:100%; margin-top:10px; margin-left:10px;}
.bakaid {width: 350px; height: 90px; float: left; border: 1px solid #CCC;margin-left: 10px;}
@media screen and (max-width: 768px) {
.bakaid{ width:100%;
        }
    } 
.paihang .title {height: 40px;line-height: 40px;font-weight: normal;background: none;font-size: 16px;border-bottom: 1px solid #f0f0f0;padding: 0 12px;color: #666;}
.paihang ul { padding:0 15px; float:left;}
.paihang ul li { float:left; width:100%;
    height: 38px;
    line-height: 38px;
    _height: 32px;
    _padding-top: 5px;
    overflow: hidden;
    font-size: 14px;
    word-break: break-all;
}
.paihang ul li.s1 span,.paihang ul li.s2 span,.paihang ul li.s3 span {
    background: #FA6800;
}
.paihang ul li span {
    background: #aaa;
    color: #fff;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    _margin-top: 3px;
    text-align: center;
    border-radius: 100%;
}

/*tuijian */
.tuijian { float:left; width:350px; overflow:hidden; margin-left:10px;}
@media screen and (max-width: 768px) {
.tuijian{ width:100%;
        }
    } 
.tuijian .title {height: 40px;line-height: 40px;font-weight: normal;background: none;font-size: 16px;border-bottom: 1px solid #f0f0f0;padding: 0 12px;color: #666;}

.dxb_bc{padding-bottom:6px;background:transparent no-repeat 100% 100%;padding:9px 10px;}
.dxb_bc dl{border-bottom: 1px solid #f3f3f3; overflow: hidden; transition-duration: 0.3s;}
@media screen and (max-width: 768px) {
.dxb_bc dl{ padding:0;
        }
    } 
.dxb_bc dl dd.pic{margin-right: 10px; float:left;}
.dxb_bc dl dt{font-size: 14px; overflow: hidden; height: 22px; line-height: 22px; font-weight: normal; margin-bottom: 5px;}
.dxb_bc dl dd.text{color: #999; font-size:14px; line-height: 20px; height:40px; overflow: hidden;}
@media screen and (max-width: 768px) {
.dxb_bc dl dd.text{ height:40px; overflow:hidden;
        }
    } 
.dxb_bc dl:hover {background: #fffdf0; box-shadow: -3px 0 0px 0px rgba(250,104,0,0.8); cursor: pointer;}


/*infoxx*/
.infoxx {float: left; border: 1px dotted #CCC;width: 100%;padding: 5px 0;background: #f7f7f7;}
.infoxx span { width:100%; float:left;font-size: 12px; color:#666;text-indent: 2.5em;line-height: 20px;}
@media screen and (max-width: 768px) {
.infoxx span { padding:0; text-indent:4px;
        }
    } 
.infoxx span a { margin:0 10px;font-size: 12px;}

/*xiangguan*/
.xg { float:left; width:100%; margin-top:15px;}
.xg .title { float:left; width:100%; height: 40px;line-height: 40px;font-weight: normal; background: none; font-size: 16px;border: 1px solid #f0f0f0; padding: 0 12px;color: #666; border-left: 3px solid #a94442; font-style:normal;color: #404040;}
.xg ul { float:left;width:100%;}
.xg ul li { float:left; width: 50%;line-height:30px; overflow:hidden; font-size:14px; list-style-position: inside; list-style-type: disc;color: #c72c29;}
.xg ul li a{ font-size:14px;}

/*rementj*/
.rementj { float:left; width:100%; margin-top:20px; margin-bottom:10px;}
@media screen and (max-width: 768px) {
.rementj{  margin:0;  padding:0; margin-top:10px;
        }
    }
.rementj .title {float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    background: none;
    font-size: 16px;
    border: 1px solid #D8DFE9; background:#FEFEFE;
    padding: 0 12px;
    color: #666;
    border-left: 3px solid #a94442;
    font-weight: bold;}
.rementj .title i { font-style:normal;font-size: 16px; font-weight:normal;float:left; padding-right:10px;border-right: 1px solid #D8DFE9;}
.rementj .title ul {  margin:0 5px; margin-left:20px;}
@media screen and (max-width: 768px) {
.rementj .title ul{  margin:0;  padding:0;
        }
    }

.rementj .title ul li { float:left; font-weight:normal;width: 120px; text-align: center;}
@media screen and (max-width: 768px) {
.rementj .title ul li { margin: 0;padding: 0; width:100px; overflow: hidden; height: 40px;list-style: none; margin:0 8px;
        }
    }
@media screen and (max-width: 414px) {
.rementj .title ul li { margin: 0;padding: 0; width:35px; overflow: hidden; height: 40px;list-style: none; margin:0 5px;
        }
    }
@media screen and (max-width: 320px) {
.title,.title i,.title a{ font-size:14px;}
.rementj .title i { font-size:14px;}
.rementj .title ul li { margin:0 1px; font-size:14px;
        }
    }
.rementj .title .hover { color:#F00;}
.Contentbox { float:left;border: 1px solid #D8DFE9; border-top:0;}
@media screen and (max-width: 768px) {
.Contentbox { width:100%;
        }
    } 
.Contentbox ul { float:left; margin:10px 5px; margin-left:20px; width:782px; overflow:hidden;}
@media screen and (max-width: 768px) {
.Contentbox ul{ width:80%; margin:0; float:right; padding:0;
        }
    } 
@media screen and (max-width: 768px) {
#xiangguan{ width:100%; margin:0;  padding:0;
        }
    } 
@media screen and (max-width: 768px) {
#xiangguan li{ width:50%; margin:0;  padding:0 10px; float:left; word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
        }
    } 
@media screen and (max-width: 768px) {
#con_one_2,#con_one_3,#con_one_4,#con_one_5{ width:100% !important; margin:0;  padding:0;
        }
    } 
@media screen and (max-width: 768px) {
#con_one_2 ul,#con_one_3 ul,#con_one_4 ul,#con_one_5 ul{ width:100% !important; margin:0;  padding:0;
        }
    } 
@media screen and (max-width: 768px) {
#con_one_2 li,#con_one_3 li,#con_one_4 li,#con_one_5 li{ width:50%; margin:0;  padding:0 10px; float:left; word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
        }
    } 
.Contentbox ul li { float:left; font-weight:normal;width:33%;line-height:30px;list-style-position: inside;list-style-type: disc;color: #c72c29;}
@media screen and (max-width: 768px) {
.Contentbox ul li{ width:12%; margin:0; float:right; padding:0;
        }
    }

/*sousuo*/
.ks{padding-top: 1px;float: left;zoom: 1; float:left; width:100%; margin-top:10px; margin-left:10px;}
@media screen and (max-width: 768px) {
.ks{ display:none;
        }
    } 
.ks-input .ks-q{width: 284px;height:35px;line-height:35px;padding: 5px 0 5px 10px;border-radius: 5px 0 0 5px;color: #ccc; float:left;}
.ks-input input{outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 33px;float: left;zoom: 1;}
.ks-q{border: 1px solid #e5e5e5;border-right: none;color: #999;}
.crumb{float: left;line-height: 38px;color: #999;padding-left: 30px;}
.crumb a{color:#333;}
.ks-input .ks-submit{width: 60px;height: 35px;background-color: #ffad00;background: url(../images/bg.png) 0 0 no-repeat;border: none;cursor: pointer;border-radius: 0 5px 5px 0;}

/*thissons*/
.thissons{position:relative; float:left;}
@media screen and (max-width: 768px) {
.thissons { width:100%;
        }
    } 
.thissons .sontitle {text-align: left;float: left;background:none;width: 100%;border-bottom: 2px solid #CCC;text-indent: 0 !important;font-size: 24px;padding: 10px; font-family: 微软雅黑;}
@media screen and (max-width: 768px) {
.thissons .sontitle{ padding-top:0; width: 100%;font-size: 14px; line-height: 30px; height: 30px; background: #edf4fb; border-left: 3px solid #8dbbe9;font-weight: 700; padding-left: 5px; display: block; border-bottom:0; margin-bottom:7px;
        }
    } 
@media screen and (max-width: 768px) {
.thissons .sontitle h2{ background:none; border-bottom:0;
        }
    } 
.thissons .sontitle .more { font-size:16px; font-weight:normal; float:right;}
@media screen and (max-width: 768px) {
.thissons .sontitle .more{ font-size:14px; margin:0; padding:0; font-weight:normal;
        }
    } 
.thissons h2,.thissons h2 a {color: #A20606; float:left;background:none;width:auto; border:0 !important; margin:0 !important; padding:0 !important;}
.thissons li { float:left; width:100%; margin:10px 0; padding:10px 0; border-bottom:1px dotted #CCC;transition-duration: 0.3s;}
@media screen and (max-width: 768px) {
.thissons li{ font-size:14px; margin:0; padding:0; margin-bottom:5px; padding: 5px 0;
        }
    } 
.thissons li:hover{background: #fffdf0;
    box-shadow: -3px 0 0px 0px rgba(250,104,0,0.8);
    cursor: pointer;}
.thissons .sonsimg { float:left;width:100px; height:80px;overflow:hidden;}
@media screen and (max-width: 768px) {
.thissons .sonsimg{ width:60px; margin:0; height:auto; 
        }
    } 
.thissons .sonsimg img {height:80px; overflow:hidden;}
@media screen and (max-width: 768px) {
.thissons .sonsimg img{ width:60px; height:60px;left: auto;right: 0;
        }
    } 

.wutu { float:left !important;border-bottom: 1px dotted #CCC; margin: 2px 5px; width: 98% !important;padding: 10px;}
@media screen and (max-width: 768px) { 
.wutu {position: relative !important; padding:0 !important;}
.wutu h3{ width:100% !important;}
.wutu p{ padding:0px !important; margin-bottom:5px !important;}
}

.thissons .wzbt { float:right;width:700px;}
@media screen and (max-width: 768px) {
.thissons .wzbt{    width: auto;
    font-size: 12px;
    max-height: 60px;
    overflow: hidden;
    overflow: hidden;
    max-height: 60px;
    overflow: hidden; float:left;padding-left: 10px; position: absolute;
        }
    } 
.thissons .wzbt p { font-size:14px;line-height: 25px; float:left;}
@media screen and (max-width: 768px) {
.thissons .wzbt p{ font-size:12px; margin:0; padding:0; color:#777; height:30px; overflow:hidden; float:left;
        }
    } 
.thissons .wzbt h3,.thissons .wzbt h3 a{ margin:0; font-size:14px;font-family: "宋体",arial,sans-serif; margin-bottom:4px;}
@media screen and (max-width: 768px) {
.thissons .wzbt h3,.thissons .wzbt h3 a{ font-size:14px; margin:0; padding:0; width:auto; display: inline-block;
        }
    } 
.thissons .listsons { margin:10px 0; padding-bottom:8px; float:left; border-bottom:1px dotted #CCC;}
@media screen and (max-width: 768px) {
.thissons .listsons{ float:left;width: 100%;
        }
    } 

/*list style*/
.sxdh{background:#fbfbfb; margin-top:12px; padding:10px;}
.yh strong{font-size:16px;}
.rwcd li{float:left; margin:5px 14px 5px 0; font-size:14px; border:1px solid #ccc; padding:0 6px; background:#fff; color:#666;}
.rwcd li.fen a{margin-right:14px;}
.rwcd li.fen a.hou{margin-right:0;}
.rmlist { float:left; width:100%;}
.rmlist strong {font-size: 16px;font-weight: 700; height:30px; line-height:30px;padding: 0 0 0 8px;border-top: 0 none;}
.rmlist .title {font-size: 14px;line-height: 30px;height: 30px;background: #edf4fb;border-left: 3px solid #8dbbe9;font-weight: 700;}
.rmlist ul { float:left; margin:10px 0;}
@media screen and (max-width:414px) {
.rmlist ul{width:100%;
        }
    } 
.rmlist ul li { float:left;width:100px;margin:10px 0; text-align:center;}

@media screen and (max-width: 768px) {
.rmlist ul li{width:12.5%; overflow:hidden;
        }
    } 
@media screen and (max-width:414px) {
.rmlist ul li{ width:25%; overflow:hidden;
        }
    } 
.rmlist ul li .shp {transition-duration: 0.3s;}
@media screen and (max-width: 768px) {
.rmlist ul li .shp{ border-radius:6px; float:left;}
    } 
.rmlist ul li .shp img { width:88px; height:88px; border-radius:6px;}
@media screen and (max-width: 768px) {
.rmlist ul li .shp img { width:66px; height:66px; border-radius:6px;}
    } 
.rmlist ul li p {font-size: 12px;text-align: center;height:30px;line-height:30px;overflow: hidden;}
.rmlist ul li p a { border-bottom:0 !important;}

/*zxlist*/
.zxlist { float:left; width:100%;}
.zxlist strong {font-size: 16px;font-weight: 700; height:30px; line-height:30px;padding: 0 0 0 8px;border-top: 0 none;}
.zxlist .title {font-size: 14px;line-height: 30px;height: 30px;background: #edf4fb;border-left: 3px solid #8dbbe9;font-weight: 700;}
.zxlist ul { float:left; width:100%; margin:10px 0;}
.zxlist ul li { float:left;width: 12.5%; line-height:30px; overflow:hidden; height:30px;}

@media screen and (max-width: 768px) {
.zxlist ul li{ width:12.5%; overflow:hidden;background:url(../images/m.png) 0 10px no-repeat;padding-left:15px;
        }
    } 
@media screen and (max-width: 414px) {
.zxlist ul li{ width:25%; overflow:hidden;background:url(../images/m.png) 0 10px no-repeat; padding-left:15px;
        }
    } 

#sjlist li {width: 20% !important;list-style-position: inside;list-style-type: disc;color: #c72c29;}
@media screen and (max-width: 768px) {
#sjlist li { list-style:none; list-style-type:none;
        }
    } 

/*xiaoshuo*/
#xiaoshuo {}
#xiaoshuo h2 a { float:none !important;}
#xiaoshuo p{ font-size:14px;font-family: 宋体, arial, sans-serif; font-style:normal;}
#xiaoshuo .bktitlepic {    width: 128px;
    height: 172px;
    margin-left: 18px;
    margin-right: 15px;
    float: left;
    overflow: hidden;}
@media screen and (max-width: 768px) {
#xiaoshuo .bktitlepic {width: 122px;height: 166px; margin:0; margin-right:8px;}
        }
#xiaoshuo .thissons img {width: 80px;height: 80px;overflow: hidden;}
@media screen and (max-width: 768px) {
#xiaoshuo .thissons img {    width: 60px;
    margin: 0;
    height: auto;}
        }
#xiaoshuo img {width: 128px;height: 172px;}
@media screen and (max-width: 768px) {
#xiaoshuo img {width: 122px;height: 166px;}
        }
   
.xs_contenct { float:left; width:100%;}
.xs_contenct .zjm { height:35px; line-height:35px; text-align:left; padding-left:20px; font-weight:bold;background: #EAEFF1; float:left; width:100%;}
@media screen and (max-width: 768px) {
.xs_contenct .zjm {font-size: 14px;line-height: 30px;height: 30px;font-weight: 700; background:#edf4fb url("../images/z.png") 3px 8px no-repeat;padding-left: 26px;
        }
    } 
.xs_contenct .bookml { float:left; width:100%;}
.xs_contenct .bookml li{ float:left; width:30%; height:30px; line-height:30px;list-style-position: inside;list-style-type: disc;color: #000;}
@media screen and (max-width: 768px) {
.xs_contenct .bookml li{ float:left;width: 50%;
        }
    } 
.xs_contenct .bookml2 { float:left; width:100%;}
.xs_contenct .bookml2 li{ float:left; width:50%; height:30px; line-height:30px;list-style-position: inside;list-style-type: disc;color: #000;}
@media screen and (max-width: 768px) {
.xs_contenct .bookml2 li{ float:left;width:100%;
        }
    } 
.xs_contenct .bookml1 { float:left; width:100%;}
.xs_contenct .bookml1 li{ float:left; width:50%; height:30px; line-height:30px;list-style-position: inside;list-style-type: disc;color: #000;}
@media screen and (max-width: 768px) {
.xs_contenct .bookml1 li{ float:left;width:100%;
        }
    } 
.xsmain { float:left; width:100%;}
.table td,.table td a { text-align:left !important; padding-left:4px;}
.xsmain p{font-family: 宋体, arial, sans-serif !important; color: rgb(37, 37, 37); font-style:normal;}
.xstitle {font-size: 24px; font-weight:bold;}
.pn { float:left; width:100%;margin-top: 15px;margin-bottom: 30px;}
.pn a { border-bottom:0;font-weight:bold;}
.pn .p { float:left; width:50%;}
.pn .n {float: right;width: 50%;text-align: right;}
.xsmain .infoxx{ padding:10px; color:#9A9A9A;}
.xsinfo { float:left; padding-left:25px; width:100%;}
.xsinfo span { float:left; margin-right:45px; color:#444141; font-size:12px;}
.xsinfo span a {color:#AB0F0F; font-size:12px;}

/*fanye*/
.arc_fy { text-align:center; width:100%;}
.arc_fy a { font-size:14px; padding:5px 10px; border: 1px solid #CCC;background: #e5f2ff;border-radius: 5px;}
.arc_fy b {font-size:14px; padding:5px 10px; border: 1px solid #CCC;background: #e5f2ff;border-radius: 5px;}


/*成语大全*/
.cydq { width:800px;}
@media screen and (max-width: 768px) {
.cydq { width:738px; margin-top:5px;
        }
    } 
@media screen and (max-width: 414px) {
.cydq { width:384px; margin-top:5px;
        }
    } 
@media screen and (max-width: 375px) {
.cydq { width:345px; margin-top:5px;
        }
    } 
.cydq table{ width:100%;background: #f5f5f5;}
.cydq h1 { font-size:12px; border-bottom:0; padding:0 !important;}
@media screen and (max-width: 768px) {
.cydq h1 { font-size:12px !important;
        }
    } 
@media screen and (max-width: 414px) {
.cydq h1 { font-size:12px !important;
        }
    }
@media screen and (max-width: 375px) {
.cydq h1 { font-size:12px !important;
        }
    }

.cydq .t { width:10%;}	
@media screen and (max-width: 768px) {
.cydq .t { width:25%; !important;
        }
    } 
	 
.cydq td { text-align:left !important; padding:0 10px;border: 1px solid #e8e9ea !important;font-size: 12px;}

/*footer*/

.footer { width:1200px;  border-top:5px solid #ce2f0c; background:#FFF;padding:10px 0px;}
.footer p { text-align:center; line-height:25px; margin:0;}
@media screen and (max-width: 768px) {
.footer{ width:100%; height:75px; line-height:20px; margin-top:3px;
        }
    } 
@media screen and (max-width: 768px) {
.footer p{ line-height:20px; margin-top:3px;
        }
    }