/* 初始 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form{margin:0; padding:0;}
html{overflow-x:hidden; overflow-y:auto;}
body{line-height:24px; font:14px '\5FAE\8F6F\96C5\9ED1',Tahoma,Arial,Helvetica,sans-serif; overflow-x:hidden; }
img{display:inline-block; border:none;}
em,i{font-style:normal; font-weight:normal;}
li{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
h1,h2,h3{font-size:14px; font-weight:400;}
h4, h5, h6{font-size:100%; font-weight:400;}
button,input,select,textarea{font-size:100%; }
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; outline: 0;}
button{border:none;}
textarea{resize: none;}
address,cite,dfn,em,var{font-style:normal;}
a{color:#000;text-decoration:none; }
a:hover{color:#999; text-decoration:none; transition: all .5s;}


::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#A6A6A6;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#aaa;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}

/* 公用 */
html{background-color:#fff; }
body{margin-top: 50px; padding-bottom: 60px; color: #000; font-weight: 300;}
.main{position:relative; width: 1000px; margin:0 auto;}
h1{margin:20px 0; line-height: 30px; font-size: 26px;}
input{width:300px; border:1px solid #E6E6E6; height:50px; line-height:50px; padding-left:5px;}
button{height:52px; line-height:52px; min-width:120px; padding:0 20px; border:1px solid #E6E6E6; background-color:#fff; color:#333; cursor:pointer;}

body .icon-nan, body .sns-nan{color:#4EBBF9}
body .icon-nv, body .sns-nv{color:#F581B1}

/* 辅助 */
pre{padding:10px 15px; margin-bottom:10px; font-size:12px; border:1px solid #ddd; border-left-width: 6px; border-radius:4px; background-color:#f2f2f2; font-family: Courier New; overflow:auto;}
.fly-main{position:relative; width:1000px; margin:0 auto;}
.fly-msg, .fly-error{padding:10px 15px; line-height:24px;}
.fly-msg{background-color:#F8F8F8; color:#666;}
.fly-msg a{color:#4F99CF}
.page-title{font-size:16px; margin:20px 0 10px; padding:10px; line-height:30px; border-bottom:1px solid #DFDFDF;}
.edge .page-title{margin:0 0 15px; padding: 1px 0 5px;}
.fly-editbox{position:relative;}
.admin{cursor:pointer;}

.layui-clear{ clear:both; zoom:1;}
.layui-clear:after{content:'\20'; clear:both; zoom:1; display:block; height:0;}
.icon-touxiang{display:inline-block; color:#A9B7B7; font-size: 60px;}
.fly-none{font-size:14px; text-align:center; padding-top:50px; height:300px; color:#999;}
.fly-error{color:#c00;}
.loading{background-image: url(http://res.layui.com/images/fly/loading.gif); background-position: center center; background-repeat: no-repeat;}


/* 头部 */
.header{position:relative; height:300px;  background: url(../../images/sentsin/night.gif) #000 repeat;}
.header .logo{position:absolute; left:50%; top:50%; margin: -45px 0 0 -70px;}

/* 菜单 */
.nav{position:fixed; z-index:9999; top:0; left:0; width:100%; text-align:center;  background-color:#eee;}
.nav ul{font-size:0;}
.nav ul, .nav ul li{display:inline-block;}
.nav ul li{position:relative; margin: 0 20px; padding: 0 10px; height:50px; line-height: 50px;  font-size:14px;}
.nav ul li:first-child{}
.nav ul li a{position:relative; display:block;}
.nav ul li::before, .nav ul li nav a::before{content:''; position:absolute; left:-1px;  width:100%; padding:0 1px; height:0; background-color: #5FB878;}
.nav ul .this::before{bottom: 0; height: 3px;}
.nav ul nav a.this::before{height: 50px; width: 5px; left:0;}
.nav ul li.user{position:relative; margin-left: 10px;}
.nav ul li.user a{padding-left: 36px; text-align: left; color: #01AAED;}
.nav ul li.user .iconfont{position:absolute; left:0px; top:0; font-size:32px;}

.nav ul li nav{ -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration:.3s; animation-duration:.3s;}
.nav ul li nav{display:none; position:absolute; width:100%;  left: 0; top: 50px; background-color: #5FB878;}
.nav ul li nav.show{display:block;}
.nav ul li nav a{color: #fff;}
.nav ul li nav a:hover{background-color: #009E94}


/* 内容 */
.main h1, .all h2{display: inline-block; font-weight: 300;}
.time{display:inline-block; position:relative; line-height:30px; left:30px; top:-2px; margin-bottom: 30px;}
.time span{padding-left: 20px; color: #999;}
.time span cite{padding:0 5px; font-size: 16px; color: #999;font-family: Georgia}

.content{line-height:26px; font-size:16px;}
.content p{text-indent:2rem;}
.content p,.content div{margin:20px 0 17px;}
.content img{max-width:930px;}
.auther{margin-top:20px; text-align:right;}
.content a{color:#4f99cf;}

/* 底部 */
.footer{padding:50px 0 50px; line-height:30px; text-align:center;}
.footer a{padding:0 6px; color: #4f99cf;}

/* 分页 */
.laypage-main,
.laypage-main *{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.laypage-main{margin:20px 0; border: 1px solid #009E94; border-right: none; border-bottom: none; font-size: 0;}
.laypage-main *{padding: 0 15px; line-height:28px; border-right: 1px solid #009E94; border-bottom: 1px solid #009E94; font-size:14px;}
.laypage-main .laypage-curr{background-color:#009E94; color:#fff;}

body .layui-laypage-fly{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
body .layui-laypage-fly{margin:20px 0; border: 1px solid #009E94; border-right: none; border-bottom: none; font-size: 0;}
body .layui-laypage-fly *{margin:0; padding: 0 15px; height:28px; line-height:28px; border-right: 1px solid #009E94; border-bottom: 1px solid #009E94; font-size:14px;}
body .layui-laypage-fly .layui-laypage-curr{background-color:#009E94; color:#fff;}

/* table */
table{width:100%; margin:10px 0;}
table thead{background-color:#eee;}
table th, 
table td{padding:5px 20px; border:1px solid #DFDFDF; font-size:14px; line-height:22px; font-weight: 300; text-align:center; }
table input{width:auto; height:auto;}
table a{color:#4f99cf;}

/* 简易编辑器 */
.fly-edit{position:absolute; display: block; top:0; left:0; width:853px; padding:0 5px; border:1px solid #E6E6E6; background-color:#fff;}
.fly-edit span{cursor:pointer; padding:0 10px; color:#009E94;}
.fly-edit span i{padding-right:6px; font-size: 18px;}
.fly-edit span:hover{color:#5DB276;}

body .layui-edit-face{margin-top:-10px; border:none; background:none;}
body .layui-edit-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-edit-face .layui-layer-TipsG{display:none;}
.layui-edit-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-edit-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-edit-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}

/* 表单 */
.form li{margin-bottom:20px; font-size:0;}
.form li *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:14px; line-height:52px;}
.form li label{width:100px; line-height:52px; text-align:right; padding-right:5px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.form li textarea{width: 843px; height:500px; padding:60px 10px 10px; line-height:20px; border:1px solid #E6E6E6;}
.form .form-block{display:block; padding-left:105px; color:#999;}
    

/* 登录面板 */
body .layer-login{border:1px solid #333; box-shadow:none;}
body .layer-login ul{padding:20px 20px 0 20px; }
body .layer-login li{margin-bottom:10px;}
body .layer-login input{width:180px; height:40px; line-height:40px; text-align:center;}
body .layui-layer-btn{padding-top:0; text-align: center;}
body .layui-layer-btn a{height:30px; line-height:30px; padding:0 20px;}
body .layui-layer-btn .layui-layer-btn0{background:#333; border:1px solid #333;}

/* SNS */
.laypage{text-align:center;}
.laypage .laypage_main *{margin:30px 0; font-size:14px;}
.sns{margin-top:50px;}
.sns-user{position:relative; margin-bottom:10px;}
.sns-avatar{position:absolute; left:0; top:-6px;}
.sns-avatar img{width:50px; height:50px; border-radius:50%;}
.sns-floar{position:relative; display:block; width:50px; line-height: 20px; text-align:center; color:#ccc; font-size:12px;}
.sns-user span, .sns-user i{padding-right:10px;}
.sns-user .sns-time{position:absolute; right:0; font-size:12px; color:#999}
.sns-get li{position:relative; padding-left:75px; margin-bottom:40px; padding-bottom:40px; border-bottom:1px dotted #ddd;}
.sns-get li .content{line-height:24px; font-size:14px; color:#333;}
.form-sns{margin-bottom:50px;}
.form-sns li textarea{width:978px; height:160px;}
.form-sns li .fly-edit{width:988px;}

/* 全部文章 */
.all{margin: 15px 0;}
.all li h2{line-height: 30px; font-size: 20px; font-weight: 300;}
.all li{position: relative; margin-bottom: 10px; padding: 10px 0; border-bottom: 1px dotted #ddd;}
.all .time{position: static; top: -1px; margin-bottom: 0;}
.all .time span[time]{position: absolute; right: 0; top: 10px;}
.all .time span cite{font-size: 14px;}


/* 全屏模式 */
.full{margin:0 20px;}

/* 广告 */
.hezuo-show{position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid #ddd; text-align: center; background-color: #eee;}
.hezuo-show>*{position: relative; z-index: 1;}
.hezuo-show:before{
  content: "广告位";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  color: rgb(170, 170, 170);
  font-size: 18px;
  font-weight: 300;
  margin: -10px 0px 0px -25px;
}


@media screen and (max-width:970px) {
    body{margin-top: 0;}
    h1{line-height: 34px; font-size: 24px;}
    
    .main{width:auto; margin:0 15px;}
    .header{height: 150px;}
    
     /* 导航 */
    .nav{top: auto; bottom: 0; border-top: 1px solid #D8D8D8;}
    .nav ul{display:-webkit-box;}
    .nav ul li{display: block; margin: 0; -webkit-box-flex:1; width:auto;  padding:0 5px; height: 56px; line-height: 56px;}
    .nav ul li a{overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
    .nav ul .this:before{display: none;}
    .nav ul .this a{color: #439659;}
    .nav ul li nav{top: auto; bottom: 56px;}
    .nav ul li.user{margin: 0;}
    .nav ul li.user .iconfont{display: none;}
    .nav ul li.user a{width:auto; min-width:auto; max-width: 60px; padding:0; text-align:center; }
    
    /* 内容 */
    .content img,img{max-width:100%;}
    .content p{text-indent: 0;}
    .form li .fly-editbox{display:block;}
    .form-sns li textarea{width:93%;}
    .form-sns li .fly-edit{width:93%; padding:0 10px;}
    .fly-edit span{padding:0 5px;}
    
    /* 列表及文章信息 */
    .all{margin-top: 15px;}
    .all li h2{font-size: 16px; line-height: 20px; margin-bottom: 10px;}
    .time,
    .all .time{display: block; left: 0; line-height: 20px; font-size: 14px; color: #999;}

    .time span,
    .all .time span{padding-left: 0; padding-right: 20px;}

    .all .time span[time]{position: static;}
    .time span cite{font-size: 14px;}
    .all .time span cite{padding-left: 0;}
    
}