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: 10px 20px 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;  color:#ff7d26;  }
.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:hover{ box-shadow: rgb(3, 180, 245) 0 0 5px; }
.wrap .fl-left .news_con li label{ display: block; float: left;}
.wrap .fl-left .news_con li .icon{ width: 110px;}
.wrap .fl-left .news_con li .icon img{ width: 100px; height: 100px; border-radius: 20px;}
.wrap .fl-left .news_con li .info{ width:calc(100% - 250px); padding: 0 10px;}
.wrap .fl-left .news_con li .info p{ line-height: 25px;}
.wrap .fl-left .news_con li .info .name{ color:#ff7d26; font-size:24px; margin:-5px 10px 0 0; font-weight:bold; }
.wrap .fl-left .news_con li .info .name span{ color:#444; font-size:18px; line-height:40px;}
.wrap .fl-left .news_con li .info .tips{ font-size: 14px; color: #666;}
.wrap .fl-left .news_con li .btn{ width: 140px;}
.wrap .fl-left .news_con li .btn .g-btn{ display:block; width:140px; height:36px; color:#54c245; font-size:16px; text-align:center; line-height:34px; background:#fff; border: solid 1px #54c245; border-radius: 20px; position: absolute; right: 20px; top: 50%; margin-top: -18px;}
.wrap .fl-left .news_con li .btn .g-btn:hover{ color:#fff; background:#54c245;}


.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;}