/*banner2*/
.evaluaBanner,.evaluaBanner .bannerMain{width: 860px; height: 400px; overflow: hidden; position: relative;}
.evaluaBanner .bannerList{width: 860px; height: 400px; position: relative; background: #eeeeee url(../images/articlebg.png) center center no-repeat; background-size: 80% auto;}
.evaluaBanner .bannerList a{display: block;}
.evaluaBanner .bannerList .bannerImg img{display: block; width:860px; height: 400px;}
.evaluaBanner .bannerList .bannerFont{position: absolute; left:0; bottom: 0; padding: 0 20px; width:820px; height: 60px; padding-top: 50px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, top, bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.55) )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.55)  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#00000000",endColorstr = "#55000000");
	
}
.evaluaBanner .bannerList .bannerFont p{font-size: 20px; line-height: 30px; max-height:30px; color: #ffffff;}
.evaluaBanner .pagination { position: absolute; left: 0; text-align: left; bottom: 10px; left:20px; z-index: 10;}
.evaluaBanner .pagination li { display: inline-block; width: 30px; height: 2px; margin-right: 5px; cursor: pointer;}
.evaluaBanner .pagination li span { width: 30px; height: 2px; display: block; background: #ffffff; overflow: hidden;}
.evaluaBanner .pagination li span i { background: #e22c29; height: 2px; display: block; opacity: 0; filter:alpha(opacity=0);}
.evaluaBanner .bannerBtn{display: none; background: url(../images/spirit.png) no-repeat; width: 28px; height: 40px; z-index: 2;}
.evaluaBanner .bannerBtnLeft {background-position: 0 -436px; position: absolute; left: 0; top: 50%; margin-top: -20px;}
.evaluaBanner .bannerBtnReft {background-position: -28px -436px; position: absolute; right: 0; top: 50%; margin-top: -20px;}
.evaluaBanner .bannerBtnLeft:hover {background-position: -56px -436px;}
.evaluaBanner .bannerBtnReft:hover {background-position: -84px -436px;}
.evaluaBanner:hover .bannerBtn{display: block;}
.evaluaBanner .pagination .current span i,.evaluaBanner .pagination .firstCurrent span i { transition: all .5s ease; opacity: 1; filter:alpha(opacity=100);}
.evaluaBanner .pagination .click span {background: #e22c29;}
.evaluaBanner .pagination .click span i {display: none;}
.evaluaBanner .autoplay li span i { transform: scaleX(0); transform-origin: 0; opacity: 1; filter:alpha(opacity=0)\0;}
.evaluaBanner .autoplay .firstCurrent span i { transform: scaleX(1); transition: all 3s linear;}
.evaluaBanner .autoplay .current span i { transform: scaleX(1); transition: all 4s linear;}
.evaluaBanner .pagination .replace span {background: #e22c29;}
.evaluaBanner .autoplay .replace span i {transform: scaleX(0);}

/*登录注册头部底部*/
#header{padding: 20px 0; border-bottom: 1px solid #f0f0f0;}
#header .logo a{position: relative; float: left; display: block; width: 85px; height: 44px; padding-right: 20px; margin-right: 20px;}
#header .logo a img{display: block; width: 85px; height: 44px;}
#header .logo a:after{ content: ''; display: block; width: 0; border-right: 1px solid #d6d7da; position: absolute; top: 7px; right: 0; height: 30px;}
#header .logo span{float: left; font-size: 30px; color: #e22c29; line-height: 44px; font-weight: normal;}
#header .logo span a{font-size: 30px; color: #e22c29; line-height: 44px; font-weight: normal; display: inline-block; width:auto; padding: 0; margin:0;}
#header .logo span a:after{display: none;}
#header .linksAbout a{float: left; font-size: 16px; color: #232529; line-height: 44px;}
#header .linksAbout span{float: left; padding: 0 10px; color: #dadada; line-height: 44px;}
#header .linksAbout a:hover{color: #e22c29;}
#footer{font-size: 14px; line-height: 24px; color: #686a6e; padding: 40px 0; text-align: center;}
#footer a{color: #686a6e;}
#footer a:hover{color: #e22c29;}


/*评论*/
.commentBox .commentUp{padding-bottom: 40px;}
.commentBox .commentTitle { font-size: 20px; color: #27282d; line-height: 30px; font-weight: bold; padding-bottom: 15px;}
.commentBox .commentUp .commentTextarea {overflow: hidden; border-radius: 5px; border: 1px solid #f0f0f0;}
.commentBox .commentUp .commentTextarea .textareaBox{padding: 10px 15px; }
.commentBox .commentUp .commentTextarea textarea { display: block; width: 100%; height: 90px; outline: none; resize: none; font-size: 16px; line-height: 24px; color: #27282d; border: none; background: #ffffff;}
.commentBox .commentUp .commentBtn{padding: 0 15px; height: 50px; line-height: 50px; background: #f5f7f9; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.commentBox .commentUp .commentBtn .commentBtnLeft{font-size: 14px; color: #35363b; font-weight: bold;}
.commentBox .commentUp .commentBtn .commentBtnLeft a{color: #e22c29;}
.commentBox .commentUp .commentBtn .commentBtnLeft .loginOk{padding-right: 50px;}
.commentBox .commentUp .commentBtn .commentBtnLeft .loginOk a{font-size: 14px; font-weight: bold; color: #525357; display: inline-block; zoom: 1; *display: inline;}
.commentBox .commentUp .commentBtn .commentBtnLeft .loginOk a:hover{color: #e22c29;}
.commentBox .commentUp .commentBtn .commentBtnLeft .loginOk .thumb {float: left; width: 24px; height: 24px; vertical-align: middle; border-radius: 100%; margin-right: 10px; margin-top: 13px; display: inline-block; zoom: 1; *display: inline;}
.commentBox .commentUp .commentBtn .commentBtnLeft .commentReplyName{position: relative; height: 32px; line-height: 32px; padding: 0 40px 0 10px; margin-top: 9px; background: #eaeef2; border-radius: 5px; font-size: 14px; color: #e22c29; font-weight: normal; display: none;}
.commentBox .commentUp .commentBtn .commentBtnLeft .commentReplyName i{position: absolute; top:10px; right:10px; display: block; width: 12px; height: 12px;  background: url(../images/spirit.png) no-repeat; background-position: -120px -134px; cursor: pointer; transition: all .2s;}
.commentBox .commentUp .commentBtn .commentBtnLeft .commentReplyName i:hover{transform: rotate(180deg);}
.commentBox .commentUp .commentBtn .commentBtnRight{font-size: 14px; color: #999999;}
.commentBox .commentUp .commentBtn .textareaBtn{padding: 0 20px; height:32px; background:#e22c29; border-radius:5px; font-size:14px; color:#ffffff; line-height:32px; border:none; margin-left: 10px; outline: none;}
.commentBox .commentUp .commentBtn .textareaBtn:hover{background: #c92724;}
.commentBox .commentUp .commentTip{font-size: 14px; color: #999999; line-height: 22px; padding-top: 15px;}
.commentBox .commentDown {padding-bottom: 20px;}
.commentBox .commentDown .commentTitle{padding-bottom: 20px;}
.commentBox .commentDown .allComment li{padding-left: 70px; position: relative; padding-bottom: 30px;}
.commentBox .commentDown .allComment li .img{position: absolute; top:0; left:0; height: 50px; width: 50px; border-radius: 50%; overflow: hidden;}
.commentBox .commentDown .allComment li .img img,.commentBox .commentDown .allComment li .img a{display: block; width: 100%; height: 100%;}
.commentBox .commentDown .allComment li .name {padding-top: 5px; font-size:14px; line-height:22px; padding-bottom: 15px;}
.commentBox .commentDown .allComment li .name a{color:#e22c29;}
.commentBox .commentDown .allComment li .time{color: #999999; padding-left: 10px;}
.commentBox .commentDown .allComment li .conmentFont{font-size:16px; color: #27282d; line-height:24px; padding-bottom: 20px;}
.commentBox .commentDown .allComment .commentReply{position: relative; background: #f5f7f9; border-radius: 5px; padding: 20px 20px 0;}
.commentBox .commentDown .allComment li .commentReply .name{padding-top: 0; padding-bottom: 10px;}
.commentBox .commentDown .allComment li .commentReply .conmentFont{font-size: 14px; line-height: 22px;}
.commentBox .commentDown .allComment .commentReply em{position: absolute; top:-20px; left:30px; display: block; width: 0;height: 0;border-top: 12px solid transparent; border-bottom: 12px solid #f5f7f9; border-left: 12px solid transparent; border-right: 12px solid transparent;}
.commentBox .commentDown .loveReplyBox{font-size: 14px; color: #999999; line-height: 22px;}
.commentBox .commentDown .loveReplyBox div{position: relative; padding-left: 22px; margin-left: 30px; cursor: pointer;}
.commentBox .commentDown .loveReplyBox div.replyBtn a{color: #999999;}
.commentBox .commentDown .loveReplyBox div:hover,.commentBox .commentDown .loveReplyBox div:hover a,.commentBox .commentDown .loveReplyBox div.on{color:#e22c29;}
.commentBox .commentDown .loveReplyBox i{position: absolute; top:3px; left:0; display: block; width: 16px; height: 16px; background: url(../images/spirit.png) no-repeat;}
.commentBox .commentDown .loveReplyBox .loveBtn i{background-position: -68px -414px;}
.commentBox .commentDown .loveReplyBox .loveBtn.on i,.commentBox .commentDown .loveReplyBox .loveBtn:hover i{background-position: -84px -414px;}
.commentBox .commentDown .loveReplyBox .replyBtn i{background-position: -100px -414px;}
.commentBox .commentDown .loveReplyBox .replyBtn.on i,.commentBox .commentDown .loveReplyBox .replyBtn:hover i{background-position: -116px -414px;}