<style>

.yxyh1230a { width: var(--jinsom-width); margin: 0px auto 0; overflow: hidden; }
.yxyh1230a a { float: left; height: 30px; width: calc((100% - 30px)/4); box-sizing: border-box; cursor: pointer; position: relative; overflow: hidden; margin-right: 10px; margin-top: 10px; background: #4CAF50; text-align: center; line-height: 30px; color: #fff;border-radius: 5px; }
.yxyh1230a a:nth-child(2) { background: #FFC107;}
.yxyh1230a a:nth-child(3) { background: #2196F3;}
.yxyh1230a a:nth-child(4) { margin-right: 0; background: #F44336;}
.yxyh1230a a:hover{opacity: 0.8;}
@media (min-width: 1360px){.adssa { width: 1200px;}}
@media (max-width: 1360px){.adssa { width: 1080px;}}
@media (max-width: 1200px){.adssa { width: 1000px;}}
</style>
<div class="yxyh1230a">
<a href="">陈三岁-创作激励计划！现金奖励</a>
<a href="">多样玩法,全新定义社区</a>
<a href="">个人空间，独立主页</a>
<a href="https://www.chensansui.com" target="_blank">马上发表内容，赚金币，换现金！</a>
</div>

<div class="adssa" style="
width: var(--jinsom-width);
height: 60px;
font-size: 20px;
background-color: #fff;
color: #666666;
text-align: center;
line-height: 60px;
border-radius: 4px;
margin: 0 auto;
margin-top: 10px;
">陈三岁-分享生活·创造价值-优质内容传播平台，我们打造真实可靠的圈子，拒绝垃圾信息，传播优质内容！GO! GO! GO!</div>

<div class="jinsom-media-show">

<li class="tab">
<h3 class="ititle"><a href=""><i class="fa fa-dashboard"></i>软件推荐</a><span>相关办公软件下载</span></h3>
<div class="box-1">
<a href="/" target="_blank"><img src="/wp-content/images/img1/7.jpg" alt=""><p>CorelDRAW</p></a>
<a href="/" target="_blank"><img src="/wp-content/images/img1/5.jpg" alt=""><p>Picasa 3</p></a>
<a href="/" target="_blank"><img src="/wp-content/images/img1/1.jpg" alt=""><p>Fireworks</p></a>
<a href="/" target="_blank"><img src="/wp-content/images/img1/tv-19.png" alt=""><p>Photoshop</p></a>
</div>
</li>
<li class="tab">
<h3 class="ititle"><a href="https://www.chensansui.com/huati"><i class="fa fa-hashtag"></i>热门话题</a><span>聚焦圈子发现热门</span></h3>
<div class="box-2">
<p>
<a href="https://www.chensansui.com/huati/%e9%92%a6%e5%b7%9e%e7%83%ad%e7%82%b9">钦州热点</a>
<a href="https://www.chensansui.com/huati/%e9%92%a6%e5%b7%9e%e6%b8%af">钦州港</a>
<a href="https://www.chensansui.com/huati/music">音乐</a>
<a href="https://www.chensansui.com/huati/%e9%92%a6%e5%b7%9e">钦州</a>
</p>
<p>
<a href="https://www.chensansui.com/huati/video">视频</a>
<a href="https://www.chensansui.com/huati/%e5%9b%be%e6%96%87">图文</a>
<a href="https://www.chensansui.com/huati/%e6%97%85%e6%b8%b8">旅游</a>
<a href="https://www.chensansui.com/huati/%e7%be%8e%e9%a3%9f">美食</a>
<a href="https://www.chensansui.com/huati/%e4%ba%a4%e9%80%9a%e5%ae%89%e5%85%a8">交通安全</a>
</p>
</div>
</li>
<li class="tab">
<h3 class="ititle"><a href="https://www.chensansui.com/quanzi"><i class="fa fa-comments-o"></i>圈子指引</a><span>物以类聚，人以群分！</span>
<span onclick="jinsom_apply_bbs_form()" style="cursor: pointer;background: #ff4a4a;
color: #fff;border-radius: var(--jinsom-border-radius);float: right;line-height: 15px;">创建</span></h3>
<div class="box-3">
<a href="https://www.chensansui.com/quanzi/lvxing" target="_blank"><i class="fa fa-circle-o"></i><p>旅行圈</p></a>
<a href="https://www.chensansui.com/quanzi/toutiao" target="_blank"><i class="fa fa-dot-circle-o"></i><p>今日热点</p></a>
<a href="https://www.chensansui.com/quanzi/baoliao" target="_blank"><i class="fa fa-circle-o"></i><p>公示爆料</p></a>
<a href="https://www.chensansui.com/quanzi/shenghuo" target="_blank"><i class="fa fa-dot-circle-o"></i><p>生活娱乐</p></a>
</div>
</li>
<li class="tab">
<h3 class="ititle"><a href=""><i class="fa fa-tv"></i>官方公告</a><span>陈三岁最新动态</span></h3>
<div class="box-4">
<ul>
<li>
<p><a href="https://www.chensansui.com/page-102" target="_blank"><i class="fa fa-spinner"></i>如何获取更多金币？<em>05-15</em></a></p>
<p><a href="https://www.chensansui.com/zhinan" target="_blank"><i class="fa fa-spinner"></i>功能说明及常见问题<em>08-15</em></a></p>
</li>

</ul>
</div>
</li>
</div>

<STYLE>
.jinsom-single-special-header {padding: 40px 0;background: #fcfcfc;padding-bottom: 200px;}
.jinsom-single-special-box-content.three li .info {display: none;}
.jinsom-single-special-box-content.three li:hover {box-shadow: 0 0 0 0 #000;background: #fafafa;}

.jinsom-single-special-slider {width: 970px;}
.jinsom-media-show .tab{background: #fff;height: 138px;overflow:hidden;padding: 10px;border-radius: var(--jinsom-border-radius);}
.jinsom-media-show .tab ul li{float:left;width:100%;margin: 0;}
.jinsom-media-show .tab ul li a{display:block;}
.jinsom-media-show .tab .next{background-position:31px 0px;}
.jinsom-media-show .tab .prev{background-position:31px 0px;}
.jinsom-media-show .tab h3.ititle {margin: 0;padding: 0 0 10px 0;margin-bottom: 20px;font-size: 15px;font-weight: bold;line-height: 20px;letter-spacing: 1px;border-bottom: 1px solid #f2f2f2;white-space: nowrap;}
.jinsom-media-show .tab h3.ititle i{color: #f50;margin-right: 4px;font-size: 15px;}
.jinsom-media-show .tab h3.ititle span{font-size: 12px;font-weight: normal;color: #666;padding: 5px;}

/**/
.box-1 a,.box-3 a{float: left;width: 25%;text-align: center;}
.box-1 a:hover,.box-3 a:hover{color: #f50;}
.box-3 i{width: 36px!important;margin-bottom: 5px;}
.box-1 p,.box-3 p{font-size: 12px;}
.box-1 img{padding: 12px; margin-top: -18px;border-radius: 16px!important;}
/**/
.box-2 p{height: 35px;white-space: nowrap;overflow: hidden;}
.box-2 a{background: #eee;border-radius: 14px;font-size: 12px;color: #888;padding: 3px 10px;}
.box-2 a:hover{background: #f50;color: #fff;}
/**/
.box-3 i{background: #fff5f0;color: #f50!important;font-size: 18px!important;border-radius: 50px;height: 36px;line-height: 36px;}
.box-3 a:hover i{background: #f50;color: #fff!important;}
/**/
.box-4 i{font-size: 14px!important;padding: 0 5px;}
.box-4 p{height: 35px;}
.box-4 em{font-style: normal;background: #fff5f0;font-size: 12px;color: #f50;padding: 2px 5px;float: right;}
.box-4 a:hover,.box-4 a:hover i{color: #f50;}
</STYLE>