﻿@import url("common.css");
/*搜索 */
.seachwrap{ padding: 20px 0; }
.seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords { padding: 0 0 0 15px; width: 80%; float: left; }
.seachwrap input.btnSearch { width: 50px; padding: 0; background:url(../images/searchbtn.png) no-repeat center; float: right; opacity: .5; }

/*分页样式*/
.page_main{ clear: both; text-align: center; padding: 20px 0; }
.page { display: inline-block; border-right: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
.page a, .page span {float: left; padding: 0 5px; min-width: 35px; line-height:35px; text-align: center; border: 1px solid #ddd; border-right: 0; color: #888; }
.page a{ color: #333; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background: #f98693; }
.page .current{ color:#FFF; background: #f98693; border-color: #f98693; border-left: 1px solid #f98693; }
.page #total{color:#f98693}

#subchannel_main{ border-bottom:1px solid #ddd; background-color: #FFF; }
#subchannel{ margin:0 auto; padding: 10px 0; }
.subchannellist { text-align:center; }
.subchannellist li { display:inline; position: relative; }
.subchannellist li.n1{ border:0;}
.subchannellist li a.depth2 { padding:10px 0;  color:#333;  font-size:16px; }
.subchannellist li a.depth2:hover,.subchannellist li a.on { color:#eb6100;text-decoration:none; }
.subchannellist li .icon-more{ background: url(../images/down.png) no-repeat center; padding: 4px 8px; }
.subchannellist #current a.depth2 { color:#eb6100; }

.subchannellist .depth3list{ display: none; position: absolute; left: 0; margin-top: 10px; background: #FFF; z-index: 99; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); }
.subchannellist .depth3list a.depth3{ display: block; padding: 10px; width: 120px; text-align: left; }
.subchannellist .depth3list a.depth3:hover{ background: #eb6100; color: #FFF; }
.subchannellist li:hover .depth3list{ display: block; }

.article .left{ border-left:0px solid #E5E5E5; padding-left:0px; overflow: hidden; padding: 10px; border-radius: 4px;width:68%;float:left; }
.article .right{ width: 30%; min-height: 100px; background: #FFF; padding: 10px; border-radius: 4px;float: right; margin-left: 20px; }
.article .right a{color:#333;}
/*侧边栏*/
.sidebar_title h2 { margin: 12px 0; padding-left: 8px; line-height: 1; border-left: 2px solid #eb6100; font-size:16px; }
.sidebar_body { zoom:1; border-top:0; border-bottom: 0px}
.sidebar_bottom { height:15px; margin-bottom:5px;}
/*公共*/
.sidelist a{ display: block; }
.sidelist li:last-child a{ border-bottom: 0; }
/*纯文字列表*/
.text-sidelist{ padding: 10px; border: 1px solid #ddd; }
.text-sidelist a{ border-bottom: 1px solid #ddd; overflow: hidden; }
.text-sidelist a .InfoTitle{ padding: 10px 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text-sidelist a .InfoPicture{ display: none; }
.text-sidelist a .InfoPrice{ color: red; padding-bottom: 10px; }
/*左图右文*/
.thumb-sidelist{  }
.thumb-sidelist li{ overflow: hidden; }
.thumb-sidelist a{ margin: 0 10px; padding: 10px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
.thumb-sidelist a .InfoPicture{ float: left; width: 90px; margin-right: 8px; }
.thumb-sidelist a .InfoPicture img{ border-radius: 4px; }
.thumb-sidelist a .InfoTitle{ line-height: 1.4em; height: 2.8em; overflow: hidden; text-align: left;font-size:14px; }
.thumb-sidelist a .InfoTime{ font-size: 13px; }
.thumb-sidelist a .InfoPrice{ color: red; }
/*上图下文*/
.grid-sidelist{ padding: 0 30px; }
.grid-sidelist a{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.grid-sidelist a .InfoPicture{ width: 100%; margin-right: 10px; }
.grid-sidelist a .InfoTitle{ line-height: 1.5em; padding-top: 5px; text-align:center;font-size:14px; }
.grid-sidelist a .InfoPrice{ color: red; }
/*----------侧边栏----------*/

.article0{  }
.article0:after{ content: ''; display: block; clear: both; }
.article0 a{ display: block; overflow: hidden; }
.text-article0{}
.text-article0 li{ width: 100% !important; }
.text-article0 a{ overflow: hidden; padding: 0; }
.text-article0 a .InfoTitle{ float: left; font-size: 16px; }
.text-article0 a .TitleIcon{ vertical-align: middle; }
.text-article0 a .InfoTime{ float: right; }
.text-article0 .InfoPicture,.text-article0 .InfoSContent{ display: none; }
.thumb-article0{}
.thumb-article0 a{ position: relative; padding: 15px; margin: 8px; transition-duration: .5s;color:#000; }
.thumb-article0 .InfoPicture{ float: left; width: 35%; }
.thumb-article0 .InfoWrap{ overflow: hidden;width:62%;float:right; }
.thumb-article0 .InfoTitle{ font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:12px; }
.thumb-article0.has-infoscontent0 .InfoTitle{ white-space: normal; }
.thumb-article0 .InfoSContent{ overflow: hidden; color: #666; max-height: 3.2em; line-height: 1.6em; }
.thumb-article0 .InfoTime{ font-size: 16px; overflow: hidden;margin-top:12px; }
.thumb-article0 li a:hover{ transform: translateY(-5px); box-shadow: 0 8px 35px rgba(0, 0, 0, .08); }
.thumbright-article0{}
.thumbright-article0 a{ position: relative; padding: 15px; margin: 8px; transition-duration: .5s; }
.thumbright-article0 .InfoPicture{ float: right; width: 35%; }
.thumbright-article0 .InfoWrap{ overflow: hidden; }
.thumbright-article0 .InfoTitle{ font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.thumbright-article0 .InfoSContent{ overflow: hidden; color: #666; max-height: 3.2em; line-height: 1.6em; }
.thumbright-article0 .InfoTime{ font-size: 24px; overflow: hidden; }
.thumbright-article0 li:hover{ box-shadow: 0 8px 35px rgba(0, 0, 0, .08); }
.thumbright-article0 li a:hover{ transform: translateX(15px); }
.grid-article0 li{ width: 25%; float: left; }
.grid-article0 li a{ margin: 0 10px 20px; }
.grid-article0 li .InfoPicture{ overflow: hidden; }
.grid-article0 li img{ transition-duration: .5s; }
.grid-article0 li .InfoTitle{ font-size: 16px; text-align: left; color: #333; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.grid-article0 li .InfoSContent{ font-size: 13px; margin: 10px 0 0; color: #999; height: 3.6em; line-height: 1.8em; overflow: hidden; }
.grid-article0 li .InfoTime{ position: relative; font-size: 18px; color: #888; font-weight: bold; margin: 10px 0; padding-top: 10px; border-top: 1px solid #ddd; transition-duration: .5s; }
.grid-article0 li .InfoTime:after{ content: ""; position: absolute; left: 0; width: 0px; top: -1px; height: 1px; transition-duration: .5s; transform-origin: 0 0; }
.grid-article0 li:hover .InfoTime:after{ width: 100%; }
.grid-article0 li:hover img{ transform: scale(1.1); }
.article0 li.liStyle2 a { background:#fff; }
.article0 li.liStyle2 a .InfoWrap { padding:0 10px; }
