@import url(https://www.yuwenmi.com/static/css/gx_article.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
	@charset "gb2312";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}
body{ background: #FFF;font-size:14px;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0 none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
strong{ font-weight:800;}
ol, ul, li{list-style: none outside none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline; cursor:pointer;}
.indexWidth{width: 100%;margin: auto;}
.main{width: 100%;float: left;}
/*head*/
.header{background: #F8F8F8 none repeat scroll 0 0;border-bottom: 1px solid #EEE;border-top: 3px solid #B48340;height: 40px;width: 100%;float: left;}
.header .logo{float:left;margin:4px 0}
.header .logo img{height:32px;float:left}
.header .logo .ask_title{font-size:18px;margin:2px 10px 0;font-weight:100;float:left;padding:1px 10px;color:#926A34;background:#FFF;border:1px solid #DDD;border-radius:3px;}
.nav{float:left;margin:5px 0 0 12px}
.nav a{color:#9A7037;float:left;font-size:14px;border:1px solid #F8F8F8;line-height:28px;padding:0 7px;margin-left:3px}
.nav a.on,.nav a:hover{color:#926A34;background:#FFF;border:1px solid #DDD;border-radius:3px}
.header .login{float:right;overflow:hidden; margin-top:2px;}
.header .login a{float:left;color:#8e8e8e;font-size:12px; height:30px; line-height:38px;}
.header .login code{float:left;color:#DDD;border-right:1px solid #e0e0e0;width:1px;height:13px;margin:12px 8px 0 8px}
.header .login a.l{background:url(https://cpt.9136.com/img/yuwenmi/index/ico_member.png) no-repeat 0 10px;padding-left:22px}
.header .phone{ background:url(https://cpt.9136.com/img/yuwenmi/phone/phone.png) no-repeat 0  11px; display:inline-block; padding-left:13px; margin-left:15px}

/*head*/
.nav_box{background: #F8F8F8 none repeat scroll 0 0;border-bottom: 1px solid #EEE;border-top: 3px solid #B48340;height: 40px;width: 100%;float: left;text-align: center;}
.logo{display: inline-block;margin:4px 0}
.logo img{height:32px;float:left}
.logo .ask_title{font-size:18px;margin:2px 10px 0;font-weight:100;float:left;padding:1px 10px;color:#926A34;background:#FFF;border:1px solid #DDD;border-radius:3px;}
.nav{float:left;margin:5px 0 0 12px;display: none;}
.nav a{color:#9A7037;float:left;font-size:14px;border:1px solid #F8F8F8;line-height:28px;padding:0 7px;margin-left:3px}
.nav a.on,.nav a:hover{color:#926A34;background:#FFF;border:1px solid #DDD;border-radius:3px}
.nav_box .login{float:right;overflow:hidden;margin-top:2px;display: none;}
.nav_box .login a{float:left;color: #9A7037;font-size:12px;height:30px;line-height:38px;}
.nav_box .login code{float:left;color:#DDD;border-right:1px solid #e0e0e0;width:1px;height:13px;margin:12px 8px 0 8px}
.nav_box .login a.l{background:url(https://cpt.9136.com/img/yuwenmi/index/ico_member.png) no-repeat 0 10px;padding-left:22px}
.nav_box .phone{ background:url(https://cpt.9136.com/img/yuwenmi/phone/phone.png) no-repeat 0  11px; display:inline-block; padding-left:13px; margin-left:15px}
.jianyi:before{content:'';height: 13px;background: #ccc;float: left;width: 2px;margin: 13px 5px;}

.head {float: left;width: 100%;height: 38px;background: #fff;padding: 5px 0;}
.head .logo {float: left;margin: 4px 0;}
.head .logo img {float: left;height: 35px;}
.head .logo font {float: left;font-size: 22px;line-height: 38px;margin-left:5px;color: #B77F4A;font-weight: 700;}
.head .nav {float: right;margin: 5px 0 0 12px;}
.head .nav a {color: #fff;float: left;font-size: 14px;border: 1px solid #F8F8F8;line-height: 28px;padding: 0 7px;margin-left: 3px;}
.head .sidebar{width: 40%!important;margin-left: 30px;}
.sidebar {float: left;width: 94%;font-size: 16px;line-height:20px;margin: 3%;}
.sidebar a {float: left;line-height: 20px;color: #666;font-size: 16px;}
.sidebar code {float: left;line-height: 20px;margin: 0px 5px;color: #666;}

/*二级导航*/
.subnav{float: left;position:relative;height:36px;line-height:36px;font-size:14px;margin-top:5px;width: 100%;}
.subnav a{ float:left; padding:1px 3px; margin-right:8px;  height:28px;  background:#37B0E5;}
.subnav a font{ float:left;  height:28px; line-height:28px; padding:0 6px; color:#FFF;}
.subnav a:hover font,.nav a.hover font{height:28px; line-height:28px;}
.subnav a:hover,.nav a.hover{ text-decoration:none; height:28px;background:#fb882a;}

/*千字文*/
.Exp_box {padding: 15px 30px;color: #333;position: relative;}
.Exp_box h3 {font-size: 38px;color: #925322;margin-bottom: 10px;}
.Exp_box h4 {font-weight: 700;line-height: 2;font-size: 15px;color: #8d5e2e;background: transparent url("//static.yuwenmi.com/img/guoxue/spe_bg4.jpg") no-repeat scroll 0px 4px;padding-left: 25px; margin: 10px 0 0;}
.Exp_photo {display: block;width: 140px;height: 140px;border: 1px solid #CCC;background: #FAFAFA none repeat scroll 0% 0%;overflow: hidden;position: absolute;right: 38px;top: 20px;}
.Exp_item {padding: 0px 0px 1em;}
.Exp_item h4 {border-bottom: 1px solid #EEE9DD;margin: 0px 0px 8px; font-weight: 700; line-height: 2; font-size: 14px; color: #666;background: transparent url("//static.yuwenmi.com/img/guoxue/spe_bg4.jpg") no-repeat scroll 0px 4px;padding-left: 25px;}
.Exp_item p {line-height: 1.6;padding-bottom: 1em;}

/*百家姓/增广贤文*/
.channellink{ float: left;width: 100%;border: 1px solid #D0AD9A;height: 100px;margin-bottom: 10px;background: url("//static.yuwenmi.com/img/guoxue/spe_bg2.jpg") no-repeat scroll right #FFF7E7;}
.channellink h1{float: left;width: 23%;color: #B65D19;font-size: 50px;font-weight: 700;background: transparent url(https://cpt.9136.com/img/yuwenmi/guoxue/spe_bg1.jpg) no-repeat scroll 0% 10%;height: 100%;line-height: 98px;margin: 0;padding: 0;padding-left: 50px;}
.channellink p{float: left;margin-top: 45px;}
.channellink p a{float: left;color: #FDF5E6;background: #B77F4A;border: 1px solid #9B6349;border-radius: 4px;padding: 4px 0px;margin-right: 15px;}
.channellink p a:hover{background: #A16A34; text-decoration: none;}
.channellink p a b{color: #D7B18B;margin: 0px 2px;}
.leftpoetry {float: left;width: 740px;background: #FFFCF5;border: 1px solid #D0AD9A;}
.leftpoetry span {display: block;float: left;width: 190px;padding-left: 42px;}
.leftpoetry code{width: 44px;height: 18px;float: left;color: #C0A379;font-size: 13px;text-align: center;padding-top: 8px;line-height: 18px}
.leftpoetry a {display: block;width: 44px;height: 44px;outline: medium none;border: 1px solid #FFFCF5;line-height: 44px;text-align: center;font-size: 22px;color:#333333;margin: 0px;float: left;}
.leftpoetry{float:left;width: 730px;padding-bottom: 15px;background: #FFFCF5;border: 1px solid #D0AD9A;}
.leftpoetry .look {top: 10px;left: 18px;line-height: 19.5px;padding: 15px 0px 0px 25px;}
.leftpoetry .look span {display: inline;float: none;width: auto;padding: 0px;}
.leftpoetry a.sizet {width: 93px;letter-spacing: 14px;}
.leftpoetry a.sizet:hover {letter-spacing: 4px;width: 93px;}

.poetry_lis2 .content { text-align: left;margin-bottom: 15px;float: left;width: 100%;}
.poetry_lis2 .content .zhu {color: #d73e20;margin: 6px auto;font-size: 1rem;float: left;padding-left: 18px;width: 100%;}
.poetry_lis2 .content .yuanwen { clear: both; overflow: hidden; }
.poetry_lis2 .content .yuanwen .yuanju { font-size: 1.4rem; line-height: 2.88889rem; color: #935422; text-align: center; }
.poetry_lis2 .content .yuanwen .active { color: #c7090e; }
.poetry_lis2 .content .yuanwen .jieshi {width: 20rem;padding: 0.77778rem; border: 1px solid #e4b783; background-color: #fdf0d8; font-size: 1rem; color: #935422; line-height: 1.55556rem; display: none; margin: 0 auto; }
.poetry_lis2 .content .yuanwen .jieshi .zhu_Color {color: #c8a071;width: auto;padding: 0}
.poetry_lis2 .content .DiziguiTitle {font-size: 1.33333rem;line-height: 1.66667rem;text-align: center;color: #7c4328;margin-top: 1.66667rem;float: left;width: 100%;}

/*poetry_box*/
.main-left  h3{float: left;border-top: 6px solid #AA805F;width: 100%;background: transparent url("//static.yuwenmi.com/img/shici/Poetrybg.png") repeat-x scroll 0% 0%;height: 42px;line-height: 42px;text-align: center;border-bottom: 1px solid #f7d0bb;}
.main-left h3 code{font-family:"microsoft yahei";float:left;color: #965c2e;font-size: 22px;width: 100%;font-weight: 700;background: #fcf6e6;}
.main-left .title{ float: left;height: 40px;line-height: 40px;padding-bottom: 5px;border-bottom: 3px solid #DEEFE7;margin: 15px; width: 94%;}
.main-left .title a{float: right;color: #874D27;}
.main-left.poetry_box{ float:left;}
.menu_title{float: left;width: 96%;margin: 15px;background: #fff7e7;}
.menu_title h4 { float: left;color: #9d5f09;height: 30px;line-height: 30px;font-size: 18px;font-weight: 700;}
.menu_title h4 a{color: #965c2e;font-size: 18px;font-weight: 700;}
.pare{float: left;padding-left: 45px;width: 700px;line-height: 32px;color: #333;font-size: 16px;}
.poetry_box{float:left;width: 100%;}
.poetry_box p{float: left;padding: 10px 31px;line-height: 100%;font-size: 22px;color: #000055;font-weight: 600;}
.poetry_box code{float: left;padding: 0px 31px;color: #999;}
.poetry_box li  img{ float: left;padding-bottom: 8px;}
.poetry_box ul { float:left;width: 99%;padding-left: 20px;padding-top: 4px;}
.poetry_box img { float:left;padding-right: 20px;}
.poetry_box li { float:left;width: 80%}
.poetry_box li a {float: left;color: #333;overflow: hidden;line-height: 28px;width:120px;padding-right: 10px;background: transparent url("//static.yuwenmi.com/img/guoxue/spe_bg5.jpg") no-repeat scroll 0px 12px;padding-left: 10px;height: 28px;font-size: 16px;}

/*gx_list*/
.main-left h3 span{ background: url("//static.yuwenmi.com/img/guoxue/gx1.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}
.main-left h3 span.gx2{ background: url("//static.yuwenmi.com/img/guoxue/gx2.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}
.main-left h3 span.gx3{ background: url("//static.yuwenmi.com/img/guoxue/gx3.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}
.main-left h3 span.gx4{ background: url("//static.yuwenmi.com/img/guoxue/gx4.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}
.main-left h3 span.gx5{ background: url("//static.yuwenmi.com/img/guoxue/gx5.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}
.main-left h3 span.gx6{ background: url("//static.yuwenmi.com/img/guoxue/gx6.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}
.main-left h3 span.gx7{ background: url("//static.yuwenmi.com/img/guoxue/gx7.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}
.main-left h3 span.gx8{ background: url("//static.yuwenmi.com/img/guoxue/gx8.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}
.main-left h3 span.gx9{ background: url("//static.yuwenmi.com/img/guoxue/gx9.png") no-repeat scroll 50% 60%;float: left;width: 100%;height: 42px;}

.gx_list { float:left;width: 100%;}
.gx_list h6 {float: left;background: transparent url("//static.yuwenmi.com/img/guoxue/spe_bg8.png") no-repeat scroll 0% 0%;height: 30px;width: 89%;margin: 3%;padding-left: 15px;color: #AB6913;font-family: kaiti;font-size: 24px;font-weight: 700;line-height: 15px;}
.gx_list h6 a {float: right;color: #B06D52;font-size: 12px;font-weight: 300;}
.gx_list ul {float:left;padding: 0 3%;width: 94%;margin-bottom: 14px;}
.gx_list ul li  { float:left;width: 100%;}
.gx_list ul li a  {float: left;color: #333;overflow: hidden;line-height: 35px;width: 90%;padding-right: 10px;font-size: 16px;background: transparent url("//static.yuwenmi.com/img/guoxue/spe_bg5.jpg") no-repeat scroll 0px 15px;padding-left: 10px;height: 35px;}

/*国学目录*/
.main-right{float: right;width: 100%;}
.introduction {float: left;width: 99%;font-size: 12px;background: #FFFCF5;border: 1px solid #D0AD9A;}
.introduction img{padding-left: 15px;padding-top: 15px;width: 90%;display: none;}
.introduction p{ float: left; color: #666666;padding: 15px;line-height: 20px;}
.introduction_list {float: left;width: 300px;font-size: 12px;}
.introduction_list h4 {float: left;color: #9C5527;font-size: 16px;font-weight: 700;width: 100%;height: 35px;text-align: center;line-height: 34px;background: #fff7e8 url("//static.yuwenmi.com/img/shici/title_bg.png") repeat-x scroll 0% 0%;border: 1px solid #D0AD9A;border-bottom: 1px solid #F2D2B5;}
.introduction_list ul  {float: left;padding: 10px;background: #FFFCF5;border: 1px solid #D0AD9A;width: 280px;border-top: 0;margin-bottom: 10px;}
.introduction_list ul li  {float: left;width: 100%;height: 30px;line-height: 30px;}
.introduction_list ul li code  {float: left;height: 4px;background: #873E1F none repeat scroll 0% 0%;width: 4px;margin-top: 13px;}
.introduction_list ul li a  {float: left;color: #333333;font-size: 14px;margin-left: 10px;}
.Int_title a{font-size: 16px;font-weight: 700;float: left;line-height: 39px;height: 39px;color: #b1662ecc;text-align: center;width: 100%;}
.int_title{float: left;background: url("//static.yuwenmi.com/img/shici/title_bg.png") repeat-x scroll 0% 0% transparent; width:100%;height:42px;text-align: center;}
.int_title h2{color: #4e2f1b; float:left; font-size: 20px;padding: 15px 8px;}
.int_title span{color: #4e2f1b; float:left; font-size: 20px;padding: 15px 10px;}
.int_title span a{color: #4e2f1b; float:left; font-size: 20px; padding: 0px;}
.int_title b{border-bottom: 1px solid #d2c6bc;float: left;width: 129px;height: 29px;display: none;}
.introduction p{float: left;}
.introduction ul{float: left;width: 94%;padding: 3%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.introduction ul h6{width: 96%;float: left;color: #9D5F09;height: 30px;line-height: 30px;font-size: 18px;font-weight: 700;}
.introduction li{float: left;width: 100%;border-bottom: 1px dashed #E5E5E5;display: flex;flex-wrap: wrap;justify-content: space-between;}
.introduction li a{float: left;width: 31%;color: #874D27;overflow: hidden;line-height: 30px;background: #FAFAFA;border-radius: 2px;border: 1px solid #FAFAFA;border-image: none;height: 30px;box-shadow: 1px 1px 1px #DDD;font-size: 15px;margin-bottom: 10px;text-align: center;}
.Int_bot{ float: left;padding: 0px 0px 15px 5px;}
.Int_bot a{ float: left; color:#9c0000;padding: 0px 5px;}

.explain{ float: left; width: 100%;margin-top: 15px;}
.explain .py td {font-size: 13px;color: #AF6E13;text-align: center;padding-top: 10px;padding-bottom: 4px;}
.explain .hz td {text-align: center;font-size: 26px;letter-spacing: 8px;color: #800000;;padding-bottom: 8px;}
.explain .pying td {text-align: center;font-size: 14px;color: #777; }
.explain .qwen td {text-align: center;font-size: 25px;letter-spacing: 4px;color: #544545;;padding-bottom: 15px;}
.explain .js td{margin: 10px;padding: 8px 10px;color: #A18F77;font-size: 14px;line-height: 160%;}
.explain .js code{background: #FFF9ED ;color: #B3894D;border: 1px solid #F2D2B5;float: left;width: 90%;margin-left: 29px;padding: 8px;height: auto;text-align: left;line-height: 20px;}
.explain .bt h4 {text-align: center;font-size: 30px;color: #862D2D;font-weight: bold;letter-spacing: 8px;margin: 0px;padding-bottom: 15px;}
.explain .article td {font-size: 19px;letter-spacing: 8px;padding-bottom: 8px;color: #333;text-align: center}
.explain .article2 td {font-size: 19px;color: #333;float: left;padding-left: 38px;}
.pages { float: left; width: 100%; margin: 18px 0px;}
.pages a {background: none repeat scroll 0px 0px #F2F2F2;border: medium none;border-radius: 18px;color: #777;float: left;height: 32px;margin-left: 6px;overflow: hidden;padding: 0px 12px;text-align: center;}


/*main-left*/
.main-left{float: left;width: 100%;background: #FFFCF5;padding-bottom: 20px;}
.shici_head{float: left; padding: 20px;width: 700px;background: #FFFCF5 url("//static.yuwenmi.com/img/guoxue/spe_bg6.jpg") no-repeat scroll right center;border-bottom: 1px  dashed #BA8848;}
.shici_head img {float: left;margin-right: 20px;}
.shici_head span {float: left;color: #333;font-size: 20px;}
.shici_head p {float: left;width: 470px;color: #636363;margin-top: 10px;line-height: 26px;font-size:14px;}
.right_fixed{bottom: 0;width: 336px;position: fixed!important;z-index: 300;}

.cont {float: left;width: 100%; padding-top: 10px;text-align: left;}
.cont p {font-size: 16px;text-indent: 0; padding: 0px;margin-bottom: 15px;color: #333;}
.Exp_head h1{float: left;font-size: 26px;text-align: center;width: 100%;padding-top: 15px;color:#8D5E2E; padding-bottom:10px;  }
.Exp_head .artInfo{ text-align:center; line-height:30px; font-size:12px; font-family:"simsun"; color: #B3B3B3;}
.Exp_head .artInfo .cont {width: 100%;color: #444444;line-height: 30px;float: left;margin-top:10px; min-height:600px}
.Exp_head .artInfo .phone a{display: inline-block;padding-left: 12px;background: url(https://cpt.9136.com/img/yuwenmi/common/phone.png) no-repeat left center; margin-left:20px}

.pages span, .pages .current_page {line-height:28px;background: #9B7A4A none repeat scroll 0% 0%;border: medium none;border-radius: 0px;color: #FFF;float: left;height: 28px;margin-left: 6px;overflow: hidden;padding: 0px 10px;text-align: center;width: auto;}
.pages a {background: #F2F2F2;border: medium none;border-radius: 0px;color: #777;float: left;font: 16px/28px Arial;height: 28px;margin-left: 6px;overflow: hidden;padding: 0px 12px;text-align: center;width: auto;}
.page{float:left; width:100%; margin:20px}
.page li{background: #1ca6e0;border: medium none;border-radius: 0px;color: #fff;float: left;font: 16px/28px Arial;height: 28px;margin-left: 6px;overflow: hidden;text-align: center;min-width:40px;padding: 0 5px;}
.page li a{display:block; }
.page .thisclass{float: left;font: 16px/28px Arial;height: 28px;margin-left: 6px;overflow: hidden;text-align: center;width: auto;color: #FFF;text-decoration: none;background: #B1703E none repeat scroll 0% 0%;border-radius: 0px; font-size: 16px; }
.page a:hover{color: #FFF;text-decoration: none;background: #B1703E none repeat scroll 0% 0%;border-radius: 0px; font-size: 16px;}

.flink{width: 94%;background:#FFF;line-height:24px;margin: 3%;float: left;}
.flink span{ float:left; font-size:14px; font-weight:bold; color:#666;}
.flink a,.flink li{ float:left; color:#999; margin-right:5px; white-space:nowrap; font-size:12px}

.footer{float:left;width:100%;padding: 15px 0 5px;background: url(https://cpt.9136.com/img/yuwenmi//foot_bg.jpg) bottom no-repeat;}
.footer p{text-align:center;line-height:24px;font-size:12px;color:#666}
.footer p a{margin: 0 5px;color:#666!important;font-size: 12px;display: inline-block;}
.footer p font{font-size:12px}
.footer p b{color:#666!important;font-weight: 400;}
}