@charset 'utf-8';
/*By Ravens @ 2017-09-21*/
.buledot  {width: 4px;height: 4px;background:#4285f4;border-radius: 4px;overflow: hidden;padding: 0;display: block;position: absolute;}
.Index .Left  {width: 880px;}
  .Index .Left .cates {background: #4285f4;width: 220px;height: 315px;position: relative;}
    .Index .Left .cates li  {height: 45px;}
    .Index .Left .cates li.title  {padding-left: 40px;background:url(../images/icon/05.png) no-repeat 10px center;color:#FFF;font-size: 16px;line-height: 45px;}
      .Index .Left .cates li>div  {left: 0px;top: 0px;}
      .Index .Left .cates li .layer1  {display:none;background: #FFF;border:1px solid #DDD;width: 100%;height:43px;border-right: 0;z-index: 12;margin-bottom: -45px;position: relative;}
      .Index .Left .cates li .layer2  {line-height: 45px;padding-left: 10px;z-index: 13;overflow: hidden;position: relative;}
        .Index .Left .cates li .layer2>*  {float: left;}
        .Index .Left .cates li .layer2>span {width: 1px;overflow: hidden;height: 12px;background: #DDD;margin: 17px 5px;opacity: 0.6}
        .Index .Left .cates li .layer2 a  {color: #FFF;}
        .Index .Left .cates li:hover .layer2 a  {color: #666;}
        .Index .Left .cates li:hover .layer2 a:hover  {color: #4285f4;}
      .Index .Left .cates li .layer3  {position: absolute;display:none;z-index: 11;left: 220px;border:1px solid #DDD;background: #FFF;height: 313px;width: 350px;padding: 0 20px;}
        .Index .Left .cates li .layer3 h3 {font-weight: normal;margin-top: 25px;line-height: 1;margin-bottom: 10px;}
        .Index .Left .cates li .layer3 p  {overflow: hidden;}
        .Index .Left .cates li .layer3 a  {float: left;display: block;white-space:nowrap;word-wrap: normal;word-break: normal;word-spacing: normal;margin-right: 15px;font-size: 12px;color: #666;}
        .Index .Left .cates li .layer3 a:hover  {color: #4285f4;}
      .Index .Left .cates li:hover>div  {display: block;}
  .Index .Left .banners {width: 650px;height: 315px;overflow: hidden;position: relative;margin-left: 10px;float: left;}
    .Index .bannerList li {position: absolute;top: 0;left: 0;opacity: 0;width: 100%;filter:alpha(opacity=0);z-index: 1；}
    .Index .bannerList li.cur {opacity: 1;transition:all 1s;filter:alpha(opacity=100);z-index: 2}
      .Index .bannerList li * {display: block;}
      .Index .bannerList li a{height: 315px;position: relative;}
      .Index .bannerList li a img {width: 100%;height: 100%;background: #DDD;}
      .Index .bannerList li span  {display: block;position: absolute;bottom: 5px;left: 0;width: 100%;line-height: 45px;background: url(../images/bg50.png);color: #FFF;text-align: center;font-size: 16px;}
    .Index .bannerDots  {background: #666;height: 5px;bottom: 0;width: 100%;position: absolute;left: 0;z-index: 5;}
      .Index .bannerDots li {height: 5px;width: 20%;transition:all 0.5s;float: left;}
      .Index .bannerDots li.cur {background: #4285f4;}
    .Index .Left .banners button  {position: absolute;width: 40px;height: 100%;top:0;z-index: 10;transition:all 0.5s;background: none;opacity: 0;}
    .Index .Left .banners button.prev {left: 0;}
    .Index .Left .banners button.next {right: 0;}
    .Index .Left .banners:hover button.prev {background: url(../images/prev.png) no-repeat center 40%;}
    .Index .Left .banners:hover button.next {background: url(../images/next.png) no-repeat center 40%;}
    .Index .Left .banners:hover button  {opacity: 1}
  .aListHead  {border-bottom: 1px solid #eee;overflow: hidden;margin-top: 30px;padding-bottom: 15px;line-height: 20px;}
    .aListHead .aListTab li {float: left;margin-right: 45px;font-size: 16px;}
    .aListHead .aListTab li.cur {color: #4285f4;padding-left: 10px;position: relative;}
      .aListHead .aListTab li .buledot  {left: 3px;top:50%;margin-top: -2px;}
    .aListHead .aListTab li:hover {cursor: pointer;color: #4285f4;}
    .aListHead .infos {color: #666;margin-left: 20px;font-size: 14px;}
      .aListHead .infos span  {margin-right: 10px;color: #333;}
    .aListHead .iwant {font-size: 12px;background: url(../images/pen.png) no-repeat left 3px;padding-left: 18px;}
    .aListHead a:hover.iwant  {background-image: url(../images/pen_2.png);}
  .aListDiv {display: none;}
  .aListDiv.cur {display: block;}
    .aListDiv a.lookMore  {display: block;background: #cdd8e3;color: #6483a2;line-height: 32px;margin:20px 0;text-align: center;}
    .aListDiv a.lookMore:hover  {background: #bccbd9;}
  ul.aList  {margin-bottom: 20px;}
    ul.aList li {padding: 20px 20px 20px 10px;border-bottom: 1px solid #eee;font-size: 12px;position: relative;overflow: hidden;}
    ul.aList li:hover {background: #FFF;}
    ul.aList li:hover h2 a, ul.aList li .userInfo a:hover {color: #4285f4;}
      ul.aList li .userInfo {line-height: 32px;margin-bottom: 15px;}
        ul.aList li .userInfo>*{}
        ul.aList li .userInfo img {width: 32px;height: 32px;border-radius: 50%;display: block;float: left;margin-right: 0px;}
        ul.aList li .userInfo a {color:#333;float: left;margin-right: 10px;}
        ul.aList li .userInfo .time {color: #999;float: left;margin-left: 10px;}
        ul.aList li .userInfo .name {margin-right: 0;}
      ul.aList li h2 {line-height: 1;margin-bottom: 15px;font-size: 20px;}
        ul.aList li h2 a {line-height: 1.5;}
        ul.aList li h2 a span{color: #FFF;background: #F05F0E;border-radius: 2px;padding:2px;font-weight: normal;margin-left: 5px;font-size: 16px;}
      ul.aList li .con {color: #666;height: 48px;line-height: 24px;overflow: hidden;font-size: 14px;}
      ul.aList li .intro {overflow: hidden;line-height: 24px;padding-top: 15px;}
        ul.aList li .intro>*  {float: left;color:#999;}
        ul.aList li .intro p  {margin-right: 20px;}
        ul.aList li .intro .jing {font-size: 12px;padding: 0 8px;line-height: 20px;color: #ee5e0f;background: #fff;border: 1px solid #ee5e0f;border-radius: 2px;margin-right: 16px;}
        ul.aList li .intro .type  {border:1px solid #f96f85;color: #f96f85;border-radius: 3px;padding: 1px 5px;line-height: 20px;}
        ul.aList li .intro .type.type2  {border-color: #4252f4;color:#4252f4;}
        ul.aList li .intro .tags  {margin-right: 0;padding: 0;}
          ul.aList li .intro .tags a  {background: #eee;border-radius:12px;padding: 3px 8px;margin-right: 10px;}
          ul.aList li .intro .tags a:hover  {background:#9bb8d3;color:#FFF;}
      ul.aList li button.zan {background: url(../images/good.png) no-repeat left center;color:#666;padding: 0;padding-left: 25px;padding-top: 6px;position: absolute;top: 20px;right: 20px;}
      ul.aList li button.zan.ed, ul.aList li button.zan:hover {background-image: url(../images/good_2.png);}
      ul.aList li .pic  {width: 200px;height: 115px;margin-right: 15px;margin-left: -10px;}
        ul.aList li .pic img  {width: 100%;height: 100%;display: block;}
      ul.aList li .main {height: 115px;width: 635px;}
.Index .Right  {width: 300px;}
  .SignToday  {height:28px;margin: 15px 0;background: #FFF;border:1px solid #EEE;font-size: 20px;line-height: 28px;padding: 5px 0;cursor: pointer;position: relative;z-index: 10;}
      .SignToday>p  {float: left;}
      .SignToday>p.btn  {width: 60px;background: url(../images/sign.png) no-repeat;height: 40px;margin-top: -6px;line-height: 40px;margin-left: -1px;color:#FFF;}
      .SignToday>p.nouse  {padding:0 10px;border-right: 1px solid #EEE;color:#4285f4;font-size: 16px;}
        .SignToday>p.nouse span {font-size: 14px;color:red;}
      .SignToday>p.msg  {font-size: 12px;text-align: right;float: right;padding-right: 10px;color: #999;}
      .SignToday>p.msg span {font-size: 16px;color:#666;}
      .SignToday .Explain {position: absolute;width: 278px;border:1px solid #EEE;background: #ffffd0;padding: 20px 0 20px 20px;line-height: 32px;font-size: 12px;border-top: none;left: -1px;top:39px;display: none;cursor: default;}
      .SignToday:hover .Explain {display: block;}
        .SignToday .Explain span  {color: #ee5e0f;}
  .signSuccess  {position: fixed;width: 100%;height: 100%;z-index: 100;left: 0;top: 0;background: url(../images/bg_20.png);display: none;}
  .signSuccess .main  {width: 400px;border:1px solid #DDD;margin: auto;background: #FFF;margin-top: 10%;}
    .signSuccess .main .til {background: #4285f4;color: #FFF;padding-left:20px;line-height: 40px;height: 40px;font-size: 16px;}
      .signSuccess .main .til button {width: 40px;height: 40px;background: url(../images/close40.png);}
    .signSuccess .main .con {text-align: center;font-size: 12px;padding-top: 10px;color: #999;}
      .signSuccess .main .con h5 {font-size: 16px;font-weight: normal;margin: 10px 0;color: #333;}
      .signSuccess .main .con p {margin-bottom: 20px;}
      .signSuccess .main .con span,.signSuccess .main .con p a  {color: #ee5e0f;}
    .signSuccess .main .tips  {background: #F5F5F5;color: #999;padding: 20px;line-height: 24px;font-size: 12px;}
/*广告专栏*/
ul.aList li.recommend-column{
padding: 0;
margin: 20px 0 39px  0;
border-bottom:0;
}
ul.aList li.recommend-column:hover{
	background: none;
}
.recommend-column-content{
	overflow: hidden;
}
.recommend-column-content .recommend-column-box{
	padding: 30px 20px;
	float: left;
	margin-right: 16px;
	width: 242px;
	border-top: 2px solid #E2E2E2;
}
.recommend-column-content .recommend-bird-box{
	border-top: 2px solid #FC5C60;	
}
.recommend-box-title:hover{
	color: #529DFD;
}
.recommend-column-content .recommend-column-box:hover{
	background: #fff;
		border-top: 2px solid #529DFD;
}
.recommend-column-content .recommend-column-box:last-of-type{
	margin-right: 0;
}
.recommend-box-title{
	font-size: 18px;
	color: #333333;		
	line-height: 24px;
	font-weight: 600;
	height: 48px;
	overflow: hidden;
}
.recommend-info-intro{
	font-size: 12px;
	line-height: 17px;
	color: #999999;
	width: 100%;
	margin-top: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.recommend-blog-directory{
		margin-top: 8px;
}
.recommend-blog-directory p{
	width: 100%;
	text-align: left;
	line-height: 22px;
	color: #666;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

}
.recommend-blog-directory p:hover{
		color: #529DFD;
		cursor: pointer;
}
.recommend-blog-author{
	text-align: center;
}
.recommend-blog-author .img-author{
	  width: 42px;
    height: 42px;
    border-radius: 50%;
    display: block;
    margin:  0 auto;
    margin-top: 35px;
    margin-bottom: 35px;
    position: relative;
}
.recommend-blog-author .img-author img{
		width: 42px;
    height: 42px;
    border-radius: 50%;
    display: block;
}
.recommend-blog-footer{
	
}
.recommend-blog-footer .recommend-blog-btn{
	width: 146px;
	height: 32px;
	text-align: center;
	font-size: 14px;
	color: #252728;	
	line-height: 32px;
	margin:  0 auto;
	border: 1px solid #A5A5A5;
	border-radius: 4px;
	cursor: pointer;
}

 .recommend-blog-footer .recommend-bird-btn{
		color: #FC5C60;	
		border: 1px solid #FC5C60;		
}

.recommend-blog-footer .haved-buy-btn{
	border: 1px solid #A5A5A5;
	color: #252728;
}
.recommend-blog-footer .haved-buy-btn:hover{
	border: 1px solid #A5A5A5;
	color: #252728;
}
.index-count{
	float:right;
	margin-right: 20px;
	font-size: 12px;
}
.presell_icon{
	background: #FC5C60;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	height: 20px;
	line-height: 21px;
	padding: 0 10px;
	border-radius: 2px;
  float: left;
  margin-top: 2px;
  margin-right: 6px;	
  font-weight: 600;
}
.micro_clomun{
	background: #333;
	color: #fff;
}
.border_none{
	border: none !important;
}