body,html{ background: #f1f2f3;}
a{color: #333;}
a:hover{color: #333;}
a:visited{color: #333;}
.main{width: 1200px; position: relative; margin: 20px auto;}
.modular{ width: 100%; display: inline-block;}

.wrap{ width: 100%; padding: 20px; display: inline-block; background: #fff; }
.wrap .fl-left{ width: 790px; display: inline-block; float: left; }
.wrap .fl-right{ width: 340px; display: inline-block; float: right; }

.wrap  .title{ border-bottom:2px solid #e4e4e4; width: 100%; display: inline-block}
.wrap  .title a { float:left; font-size:18px; margin-right:10px; width:106px; height:46px; line-height:46px; text-align:center;}
.wrap  .title a:hover{ color:#03B4F5}
.wrap  .title a.on { color:#fff; background:#03B4F5;}
.wrap .fl-left .content{ margin: 20px 0;width: 100%; display: inline-block}
.wrap .fl-left .news_con li{ padding: 15px; position: relative;width: 100%; display: inline-block;box-shadow: 0 0 10px #dbdbdb; margin-bottom: 15px;}
.wrap .fl-left .news_con li .news_con_l a{ width: 90px; height: 90px; overflow: hidden; display: block; border-radius: 20px;}
.wrap .fl-left .news_con li .news_con_l img{ width: 90px; height: 90px; border-radius: 20px;}
.wrap .fl-left .news_con li:hover { box-shadow: 0 0 10px #dbdbdb; }
.wrap .fl-left .news_con li:hover .news_con_l img {  -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.wrap .fl-left .news_con_l { float:left; width:100px;}
.wrap .fl-left .news_con_r { float:left; margin: 10px 0 0 10px;}
.wrap .fl-left .news_con_b { float: left; margin-top: 10px; }
.wrap .fl-left .news_title { font-size:18px; margin-bottom:10px; font-weight: 500;}
.wrap .fl-left .news_title .news_time_ri { display:inline-block; padding-left:6px; height:31px; line-height:31px; margin-right:10px; color: #03B4F5;}
.wrap .fl-left .news_title a:hover{ color: #03B4F5;}
.wrap .fl-left .news_info { margin-bottom:5px; font-size:12px; color: #999;}
.wrap .fl-left .news_info a { margin-right:20px; color: #999;}
.wrap .fl-left .news_text { font-size:14px; color: #666;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; height: 55px;}

.wrap .fl-right .title{border-bottom: 2px solid #e4e4e4; font-size:18px; color:#ff7d26; height: 48px; line-height: 45px;}
.wrap .fl-right .title .more{float:right; font-size:14px; color:#999; font-weight:normal; text-align: right; margin-right: 0!important; padding-right: 10px;}
.wrap .fl-right .title .more:hover{color:#03B4F5;}
.wrap .fl-right .content{ display: inline-block; width: 100%;}
.wrap .fl-right .content a{ display: inline-block; width: 100%; padding:20px 0;  border-bottom: 1px dotted #ddd; }
.wrap .fl-right .content a div{ float: left;}
.wrap .fl-right .content a .num{ width: 30px; font-size: 18px; color: #f36161; }
.wrap .fl-right .content a .name{ width: calc(100% - 110px); font-size: 16px; color: #666; padding:0 5px;}
.wrap .fl-right .content a .hot{ width: 80px; font-size: 12px; color: #999; line-height: 26px; text-align: right}
.wrap .fl-right .content a .hot img{ vertical-align: text-bottom; margin-right: 8px;}
.wrap .fl-right .content .detail{  width: 100%}
.wrap .fl-right .content .detail > span{ display: block; float: left;}
.wrap .fl-right .content .detail .icon{ width: 90px; height: 90px; }
.wrap .fl-right .content .detail .icon img{ width: 100%; height: 100%; border-radius: 20px; }
.wrap .fl-right .content .detail .info{ width: calc(100% - 90px); padding-left: 10px; }
.wrap .fl-right .content .detail .info p{ line-height: 30px; font-size: 12px; color: #999; }
.wrap .fl-right .content .detail .info p:first-child{ font-size: 14px; color: #666; }
.wrap .fl-right .content .detail .info p img{ vertical-align: text-bottom }
.wrap .fl-right .content a.on .h80{height: 80px;}
.wrap .fl-right .content a.on .fl{display: none}
.wrap .fl-right .content a.on .dis{display: none}
.wrap .fl-right .content a.on .detail{display: block!important;}