@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0;padding:0;}
a, fieldset, img{border:none;}
a{color:#777;text-decoration:none;outline-style:none; }
a:focus{ text-decoration: none;}
a:active{background-color:inherit;}
a:active,a:hover{color:#777;text-decoration:none;}
ul li,ol li{list-style:none;}
img{vertical-align:middle;}
body,button,input,select,textarea{font: 14px/1.5 Open Sans, Arial, "Microsoft YaHei","微软雅黑","Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun, sans-serif;background-color:#fff;height:100%;}
.clearfix{zoom:1;}
.clearfix:after{overflow:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;}
.clear:after{overflow:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

/* header start */
.hea-top{height:51px;background:url(../images/hea_bg.jpg) no-repeat center top #176db6;}
.hea-nav,.sha-con,.advert, .content .con-bottom .con-bot-next{width:1000px;margin:0 auto;}
.hea-nav{position:relative;z-index:999;}
.hea-logo,.hea-nav-con,.hea-old-enet{float:left;}
.hea-logo{margin:12px 0 9px;}
.hea-nav-con{margin: 0 120px 0 20px;}
ul.nav-con-ul li{float:left;}
ul.nav-con-ul li p{float:left;display:block;cursor:pointer;width:146px;font-size:20px;color:#fff;line-height:50px;text-align:center;margin:1px 7px 0;position:relative;z-index:999;}
ul.nav-con-ul li p.thought-con-p{ margin:1px 2px 0 10px;}
ul.nav-con-ul li p.habits-con-p{ margin-left:2px;}
ul.nav-con-ul li.active p{background:#fff;color:#525259;}
ul.nav-con-ul li.active p span{color:#316bb4;}
.tool-con,.tool-con a{font-size:15px;color:#616269}
.tool-con{position:absolute;left:0;top:48px;z-index:998;/*width:1000px;*/padding: 12px 12px 15px;background:#fff;border-top:3px solid #52535a;
 -webkit-box-shadow:  0 0 20px 7px rgba(0,0,0,0.2);
 -moz-box-shadow: 0 0 20px 7px rgba(0,0,0,0.2);
 box-shadow:  0 0 20px 7px rgba(0,0,0,0.2);}
.tool-con{/*height:130px;*/}
.tool-con-img,.tool-con-artile,.tool-con-channel{float:left;}
.tool-con-img{margin-top:8px;}
.tool-con-artile{margin-top:8px; display:none;}
.tool-con-artile ul{float:left;padding:0 15px;border-right:1px solid #e5e5e5;}
.tool-con-artile ul li{float:none; width:212px;/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.tool-con-artile ul li a{display:inline-block; width:212px; line-height:22px;}
.tool-con-artile ul li a:hover{color:#2368cc;}
.tool-con-artile ul li.mid-li a{border-bottom:1px dashed #e3e3e3;border-top:1px dashed #e3e3e3;padding:14px 0;margin:12px 0;}
.tool-con-channel{width:780px; margin-left:14px;}
.tool-con-channel a{display:inline-block;margin:0 6px;line-height:34px;}
.tool-con-channel a:hover{color:#2368cc;}
.channel-sub{ float:left; width:260px; padding:0 5px 0 10px; border-left:1px solid #e5e5e5;}
/*.thought-con .tool-con-channel{width:180px;}
.habits-con .tool-con-channel{width: 345px;}*/
.fn-hide{display:none;}
.fn-show{display:block;}

.hea-old-enet{position:relative;margin:12px 49px 12px 0;}
.hea-old-enet span{cursor:pointer;}
.old-enet-con{ display:none; position:absolute;z-index:1000;left: -112px;top:26px;width:245px;padding:31px 19px;background:url(../images/old-enet-bg1.png) no-repeat center;}
.old-enet-con a{display:inline-block;color:#404f56;font-size:15px;line-height:34px;padding:0 7px;}
.old-enet-con a:hover{color:#2368cc;}
.old-enet-con a.blue-a,.tool-con-channel a.blue-a{color:#2368cc;}
.old-enet-con a.old-enet-btn{width: 84px;height: 20px;padding-left: 6px;color: #eb7e90;line-height: 20px;background: url(../images/old-enet-btn.jpg) no-repeat center;}

.hea-search{float:right;margin: 16px 0 12px;}
.hea-search input{float:left;display:block;width: 106px;height:21px;padding:0 8px;border:none;background:url(../images/frame.png) no-repeat center;
color:#eee; outline:none;}
.hea-search a.search{float:left;display:block;width:19px;height:23px;margin-left:10px;background:url(../images/search.png) no-repeat center;}
/*ul.advert{padding:20px 0;}
ul.advert li{float:left;margin-left:20px;}
ul.advert li.first{margin-left:0;}
ul.advert li.last{margin-left:37px;}*/
.advert{ padding:20px 0 25px 0;}
.advert .ad-left{ float:left; height:60px;}
.advert .ad-right{ float:right; height:60px;}
.shadow{margin:0 auto; border-top: 1px solid #e5e7e7; width:100%; height:35px; overflow:hidden; background:url(../images/shadow.png) no-repeat center -1px;}
/* header end */

/* context start */
.con-left,.con-mid-bak,.con-right{ float:left;}
.con-left{ width:66%}
.con-mid-bak{ width:4%; height:1px; visibility: hidden; font-size: 1px;}
.con-right{ width:30%;}

/* (top)返回顶部按钮样式 */
.top { position: fixed; display: none; cursor: pointer; border-radius:5px;  bottom: 250px; right: 20px; width: 46px; height: 46px; background: url(../images/gotop.png) no-repeat center;}
.top:hover{ background:url(../images/gotop2.png) no-repeat center;}
/* context end */

/* footer start */
.footer{ padding:0;}
.foo-nav ul li{float:left;}
.foo-nav ul li,.foo-nav ul li a,.foo-nav p{font-size:12px;color:#57656e;line-height:30px;}
.foo-nav ul li a{display:inline-block;float:left;padding:0 5px;}
.foo-con{background:#6a7478; padding:10px 0;}
.foo-con p.foo-con-p{ padding:0 10px; line-height:20px;font-size:12px;color:#fff;}
.footer p{text-align: center;}
.foo-nav{ padding:35px 10px 22px;}
.foo-nav ul{width:242px;margin:0 auto;}
/* footer end */

/* 适配手机样式 */
@media (max-width: 767px) {
.context{ padding-top: 20px;}
.content{ padding-top:15px;}	
.con-left,.con-right{ float:none;}
.con-left{ width:100%;}
.con-mid-bak{ display:none;}
.con-right{ width:100%; margin-top:50px;}
.con-left .disc textarea { width: 98%;}
.top{ bottom: 120px; right: 10px; width: 40px; height: 40px; background:url(../images/gotop.png) no-repeat center;}
#jiathis_weixin_modal{ left:55%;}
}
@media(max-width:550px){
.con-left .text center img{ width:98%; height:auto;}
.container { padding-right: 10px; padding-left: 10px;}
.con-right {margin-top: 25px;}
ul.hb-topics { margin-top: 0; padding-top: 45px;}
ul.hb-topics li a { font-size: 17px; line-height: 26px; color:#474747;}
.foo-nav {padding: 30px 10px 20px;}
}