/* 文章首页 */
.essay-box{ width: 1200px; height: auto; overflow: hidden; margin:20px auto 0; }
.essay-left{ width: 110px; height: auto; float: left; position: fixed; top: 90px; z-index: 9 }
.essay-ltop{ width: 100%; height: 30px; background: #F97D97; position: relative; }
.essay-ltop i{ width: 4px; height: 4px; background: #fff; border-radius: 50%; position: absolute; left: 10px; top:13px; }
.essay-ltop b{ width: 100%; color: #fff; line-height: 30px; font-size: 16px; text-align: center; display: block; }
.essay-ltop em{ width: 10px; height: 6px;  background-position: 0 -335px; display: block; position: absolute; left: 0; bottom: -5px; z-index: 9 }
.esy-nav{ width: 100%; height: auto; position: relative; }
.esy-nav .esy-menu1{ width: 100px; height: auto; border-left: 1px #F97D97 solid;  margin-left: 10px; }
.esy-nav a{cursor: pointer;}
.esy-menu1 li{ width: 100%; height: 40px; border-bottom: 1px #fbcdd7 dashed; position: relative;}
.esy-menu1 a{ width: 100%; color: #555; font-size: 14px; line-height: 40px; text-align: center; display: block; cursor: pointer; }
.esy-menu1 a:hover{ color: #F97D97 }
.esy-cur a{ color: #F97D97 }
.esy-menu1 i{ width: 20px; height: 20px; background: #F97D97; border-radius: 50%; position: absolute; left: -10px; top: 10px; z-index: 9; display: block; }
.esy-nav .esy-ico1{ background-position: 3px 0 }
.esy-nav .esy-ico2{ background-position: 2px -42px }
.esy-nav .esy-ico3{ background-position: 3px -81px }
.esy-nav .esy-ico4{ background-position: 3px -124px }
.esy-nav .esy-ico5{ background-position: 3px -167px }
.esy-nav .esy-ico6{ background-position: 3px -205px }
.esy-nav .esy-ico7{ background-position: 4px -247px }
.esy-nav .esy-ico8{ background-position: 2px -290px }
.esy-more{ width: 270px; height: auto; background: #fff; border:1px #ebebeb solid; position: absolute; z-index: 99; left: 110px; bottom: 0; display: none; }
.esy-more ul{ margin:10px 0; overflow: hidden;}
.esy-more li{ width: 70px; height: 30px; float: left; margin:0 10px; }
.esy-more li a{ width: 100%; height: 30px; color: #333; font-size: 14px; line-height: 30px; display: block; text-align: center;}
.esy-more li a:hover{ color: #f60 }
.essay-mid{ width: 730px; height: auto; overflow: hidden; float: left; margin-left: 140px; }
.esy-ban{ width: 100%; height: 280px;  }
.esy-ban img{ width: 100%; height: 280px; display: block; }
.esy-wrap{ width: 100%; height: auto; overflow: hidden; }
.esy-wrap dl{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px #ebebeb dashed; padding-bottom: 15px; margin-top: 20px; }
.esy-wrap dt{ width: 70px; height: auto; float: left; overflow: hidden; }
.esy-wrap dt img{ width: 70px; height: 70px; border-radius: 50%; }
.esy-wrap dt span{ width: 70px; height: 30px; line-height: 30px; color: #333; font-size: 14px; line-height: 30px; text-align: center; display: block; margin-top: 5px}
.esy-wrap dd{ width: 640px; height: auto; float: right; overflow: hidden; }
.esy-wrap .undoc{width: 100%;}
.esy-wrap dd b{ width: 100%; height: 35px; }
.esy-wrap dd a{ color: #222; font-size: 16px; line-height: 35px; }
.esy-wrap dd a:hover{color: #f60}
.esy-wrap .esy-text1{ width: 100%; height: 50px; color: #999; font-size: 14px; line-height: 25px; overflow: hidden; display: block;}
.esy-wrap .esy-text2{ width: 100%; height: 30px; margin-top: 10px; }
.esy-text2 span{ height: 23px; padding: 0 10px; float: left; display: block; line-height: 23px;  }
.esy-text2 em{ float: left; color: #999; font-size: 14px; line-height: 25px; margin-left: 20px; }
.esy-text2 i{ float: right; color: #999; font-size: 14px; line-height: 25px; }
#esy-page{ margin-top: 15px; text-align: center; }
.essay-right{ width: 300px; height: auto; overflow: hidden; float: right; }
.esy-rbox{ width: 298px; height: auto; overflow: hidden; border:1px #ebebeb solid; }
.esy-rtop{ width: 100%; height: 45px; border-bottom: 1px #ebebeb solid; text-indent: 15px; color: #222; font-size: 16px; line-height: 45px; }
.esy-list{ padding: 0 15px; height: auto; overflow: hidden; }
.esy-list dl{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px #eee dashed; padding-bottom: 15px; margin-top: 15px; }
.esy-list dt{ width: 120px; height: 80px; float: left; }
.esy-list dt img{ width: 120px; height: 80px; }
.esy-list dd{ width: 133px; height: 80px; float: right; }
.esy-list dd a{ height:44px;overflow: hidden;display: inline-block;}
.esy-list dd a:hover{ color: #f60 }
.esy-list b{ width: 100%; height: 50px; overflow: hidden; color: #333; font-size: 14px; line-height: 25px; }
.esy-list p{ width: 100%; height: 25px; overflow: hidden; color: #999; font-size: 12px; line-height: 25px; margin-top: 5px }
.esy-list dl:last-child{ border-bottom: none; }
.esy-ask{ width: 298px; height: auto; overflow: hidden; border:1px #ebebeb solid; margin-top: 15px; }
.esy-ask b{ width: 268px; height: 45px; color: #666; font-size: 16px; line-height: 45px; margin-left: 15px; }
.esy-ask .layui-textarea{ width: 268px; border:1px #eee solid; margin: 0 15px 15px; }
.esy-ask button{ float: right; margin:0 15px 15px 0; background: #fbc46f; height: 35px; line-height: 35px; }
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #F97D97 !important;
}