Difference between revisions of "Team:Amoy"

Line 1: Line 1:
 +
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<head>
Line 95: Line 98:
 
.crossbanenr li:first-child{ display: block;}
 
.crossbanenr li:first-child{ display: block;}
 
.crossbanenr li.current{ z-index: 2;}
 
.crossbanenr li.current{ z-index: 2;}
.crossbanenr li.pcqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pcqq68bgb.jpg) no-repeat center top;}
+
.crossbanenr li.pcqqbg{ background: transparent url(background1.jpg) no-repeat center top;}
.crossbanenr li.mbqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb57_b.jpg) no-repeat center top;}
+
/*.crossbanenr li.mbqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb57_b.jpg) no-repeat center top;}
 
.crossbanenr li.padqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdbig.jpg) no-repeat center top;}
 
.crossbanenr li.padqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdbig.jpg) no-repeat center top;}
 
.crossbanenr li.watchbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_watch_b.jpg) no-repeat center top;}
 
.crossbanenr li.watchbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_watch_b.jpg) no-repeat center top;}
 +
*/
 +
.crossbanenr li.mbqqbg{ background: transparent url(background1.jpg) no-repeat center top;}
 +
.crossbanenr li.padqqbg{ background: transparent url(background1.jpg) no-repeat center top;}
 +
.crossbanenr li.watchbg{ background: transparent url(background1.jpg) no-repeat center top;}
 
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
 
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 473px; height: 390px; margin-top: -195px; z-index: 10;}
+
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px; margin-top: -195px; z-index: 10;}
 
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
 
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
+
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
 
.bntxt a:link, .bntxt a:visited{ color: #fff;}
 
.bntxt a:link, .bntxt a:visited{ color: #fff;}
 
.bntxt a.bnzc{ background-position: 0 0;}
 
.bntxt a.bnzc{ background-position: 0 0;}
Line 108: Line 115:
 
.bntxt a.bnxz{ background-position: 0 0;}
 
.bntxt a.bnxz{ background-position: 0 0;}
 
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
 
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
.pcqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/ver74.png) no-repeat 15px top;}
+
.pcqqbg .bntxt h2{ background: transparent url(title.png) no-repeat 15px top;}
.mbqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mbver57.png) no-repeat center 90px;}
+
.mbqqbg .bntxt h2{ background: transparent url(title2.png) no-repeat 15px top;}
 +
.padqqbg .bntxt h2{ background: transparent url(title3.png) no-repeat 15px top;}
 +
.watchbg .bntxt h2{ background: transparent url(title3.png) no-repeat 15px top;}
 +
/*.mbqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mbver57.png) no-repeat center 90px;}
 
.padqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdtxt5.png) no-repeat 35px top;}
 
.padqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdtxt5.png) no-repeat 35px top;}
.watchbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/watch_tit.png) no-repeat center 40px;}
+
.watchbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/watch_tit.png) no-repeat center 40px;}*/
 
.pcqqbg .bnimg{ position: absolute; right: -200px; top: 150px; width: 601px; height: 744px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pc68fig.png) no-repeat 0 0; z-index: 1;}
 
.pcqqbg .bnimg{ position: absolute; right: -200px; top: 150px; width: 601px; height: 744px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pc68fig.png) no-repeat 0 0; z-index: 1;}
 
.mbqqbg .bnimg{ position: absolute; right: -168px; top: 130px; width: 820px; height: 977px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb54fig.png) no-repeat 0 0; z-index: 1;}
 
.mbqqbg .bnimg{ position: absolute; right: -168px; top: 130px; width: 820px; height: 977px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb54fig.png) no-repeat 0 0; z-index: 1;}
Line 195: Line 205:
 
.togame{ clear: both; padding-right: 80px; height: 31px; text-align: right;}
 
.togame{ clear: both; padding-right: 80px; height: 31px; text-align: right;}
 
/* footer */
 
/* footer */
.newfoot{ width: 100%; height: 348px; padding-top:34px; background: #2a2a2a; font-size:0.75em;}
+
.newfoot{ width: 100%; height: 220px; padding-top:34px; background: #2a2a2a; font-size:0.75em;}
 
.newfoot a:link, .newfoot a:visited{ color: #979797;}
 
.newfoot a:link, .newfoot a:visited{ color: #979797;}
 
.newfoot a:hover{ color: #cfcfcf;}
 
.newfoot a:hover{ color: #cfcfcf;}
.qmaps{ width: 960px; height: 205px; margin: 0 auto;}
+
.qmaps{ width: 960px; height: 145px; margin: 0 auto;}
.plats{ float: left; width: 510px; padding-left: 8px;}
+
.plats{ float: left; width: 510px; padding-left:230px; padding-top: 5px;}
 
.plats h3{ height: 50px;  color: #666; font-size: 14px;}
 
.plats h3{ height: 50px;  color: #666; font-size: 14px;}
.plats a{ float: left; padding-top: 65px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/plats1.png) no-repeat 0 0; text-align: center; font-size: 14px;}
+
.plats a{ float: left; padding-top: 90px; background: transparent url(plats.png) no-repeat 0 0; text-align: center; font-size: 14px;}
 
.plats a:hover{ color: #12b7f5;}
 
.plats a:hover{ color: #12b7f5;}
.plats a.plmb{ width: 68px; margin-right: 35px; background-position: 0px 0;}
+
.plats a.plmb{ width: 100px; margin-right: 35px; background-position: 0px 0;}
.plats a.plmb:hover{ background-position: 0px -93px;}
+
.plats a.plmb:hover{ background-position: 0px -118px;}
.plats a.plpc{ width: 80px; margin-right: 30px; background-position: -105px 0;}
+
.plats a.plpc{ width: 100px; margin-right: 30px; background-position: -105px 0;}
.plats a.plpc:hover{ background-position: -105px -93px;}
+
.plats a.plpc:hover{ background-position: -105px -118px;}
.plats a.plmac{ width: 84px; margin-right:30px; background-position: -210px 0;}
+
.plats a.plmac{ width: 100px; margin-right:30px; background-position: -208px 0;}
.plats a.plmac:hover{ background-position: -210px -93px;}
+
.plats a.plmac:hover{ background-position: -208px -118px;}
.plats a.plpad{ width: 76px; background-position: -326px 0;}
+
.plats a.plpad{ width: 100px; background-position: -310px 0;}
.plats a.plpad:hover{ background-position: -326px -93px;}
+
.plats a.plpad:hover{ background-position: -310px -118px;}
 
.map{ float: left;}
 
.map{ float: left;}
 
.map h3{ height: 25px; color: #666; font-size: 14px;}
 
.map h3{ height: 25px; color: #666; font-size: 14px;}
Line 527: Line 537:
 
<body>
 
<body>
 
<!--S header-->
 
<!--S header-->
 +
<!--
 
<div id="topbar" class="topbar">
 
<div id="topbar" class="topbar">
 
     <div class="toppic">
 
     <div class="toppic">
    <!--导航-->
 
 
         <div class="topside">
 
         <div class="topside">
 
             <a href="index.shtml" class="logoLink" pgv="im.index2015.logo">im.qq.com</a>
 
             <a href="index.shtml" class="logoLink" pgv="im.index2015.logo">im.qq.com</a>
Line 538: Line 548:
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
        <!--注册-->
 
 
         <div class="topTool">
 
         <div class="topTool">
 
             <a class="barzc" pgv="im.index2015.zuce" href="http://zc.qq.com/chs/index.html" target="_blank">注册</a>
 
             <a class="barzc" pgv="im.index2015.zuce" href="http://zc.qq.com/chs/index.html" target="_blank">注册</a>
Line 559: Line 568:
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
-->
 
<!--E header-->
 
<!--E header-->
  
Line 568: Line 578:
 
             <div class="bncont">
 
             <div class="bncont">
 
                 <div class="bntxt">
 
                 <div class="bntxt">
                     <h2>QQ pc版7.4 全新视觉,更新、更薄、更高效</h2>
+
                     <h2>Amoy China</h2>
 
                     <a class="bnxz" pgv="im.index2015.bannerdownload_pc" href="http://im.qq.com/pcqq/" target="_blank">下载</a>
 
                     <a class="bnxz" pgv="im.index2015.bannerdownload_pc" href="http://im.qq.com/pcqq/" target="_blank">下载</a>
 
                 </div>
 
                 </div>
Line 577: Line 587:
 
             <div class="bncont">
 
             <div class="bncont">
 
                 <div class="bntxt">
 
                 <div class="bntxt">
                     <h2>QQ手机版v5.7 趣味变声 搞笑卖萌乐翻天</h2>
+
                     <h2>Amoy China</h2>
 
                     <a class="bnxz" pgv="im.index2015.bannerdownload_mobile" href="http://im.qq.com/mobileqq/" target="_blank">下载</a>
 
                     <a class="bnxz" pgv="im.index2015.bannerdownload_mobile" href="http://im.qq.com/mobileqq/" target="_blank">下载</a>
 
                 </div>
 
                 </div>
Line 586: Line 596:
 
             <div class="bncont">
 
             <div class="bncont">
 
                 <div class="bntxt">
 
                 <div class="bntxt">
                     <h2>开启色彩社交时代 QQ Apple Watch</h2>
+
                     <h2>Amoy China</h2>
 
                     <a class="bnxz" pgv="im.index2015.bannerdownload_watch" href="http://im.qq.com/applewatch/" target="_blank">下载</a>
 
                     <a class="bnxz" pgv="im.index2015.bannerdownload_watch" href="http://im.qq.com/applewatch/" target="_blank">下载</a>
 
                 </div>
 
                 </div>
Line 680: Line 690:
  
 
<!--S footer-->
 
<!--S footer-->
 +
 
<div class="newfoot">
 
<div class="newfoot">
 +
 
     <div class="qmaps">
 
     <div class="qmaps">
 +
   
 
         <div class="plats">
 
         <div class="plats">
 +
        <!--
 
             <h3>了解热门产品</h3>
 
             <h3>了解热门产品</h3>
             <a class="plmb" pgv="im.index2015.maps.mobile" href="http://im.qq.com/mobileqq/" target="_blank">QQ 手机版</a>
+
            -->
             <a class="plpc" pgv="im.index2015.maps.pc" href="http://im.qq.com/pcqq/" target="_blank">QQ PC版</a>
+
             <a class="plmb" pgv="im.index2015.maps.mobile" href="http://im.qq.com/mobileqq/" target="_blank">厦门大学</a>
             <a class="plmac" pgv="im.index2015.maps.mac" href="http://im.qq.com/macqq/" target="_blank">QQ Mac版</a>
+
             <a class="plpc" pgv="im.index2015.maps.pc" href="http://im.qq.com/pcqq/" target="_blank">厦门大学</a>
             <a class="plpad" pgv="im.index2015.maps.pad" href="http://im.qq.com/qqhd/" target="_blank">QQ Pad版</a>
+
             <a class="plmac" pgv="im.index2015.maps.mac" href="http://im.qq.com/macqq/" target="_blank">厦门大学</a>
 +
             <a class="plpad" pgv="im.index2015.maps.pad" href="http://im.qq.com/qqhd/" target="_blank">厦门大学</a>
 
         </div>
 
         </div>
 +
       
  
 
         <!-- <div class="map qac">
 
         <!-- <div class="map qac">
Line 701: Line 717:
 
         </div> -->
 
         </div> -->
  
 +
<!--
 
         <div class="map qac">
 
         <div class="map qac">
 
             <h3>QQ安全</h3>
 
             <h3>QQ安全</h3>
Line 734: Line 751:
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
 +
        -->
 
     </div>
 
     </div>
 +
 
     <div class="copyright">
 
     <div class="copyright">
 
         <p>Copyright &copy; 1998-<script>document.write((new Date()).getFullYear());</script> Tencent. All Rights Reserved.</p>
 
         <p>Copyright &copy; 1998-<script>document.write((new Date()).getFullYear());</script> Tencent. All Rights Reserved.</p>
Line 740: Line 759:
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
 
<!--E footer-->
 
<!--E footer-->
 +
 +
<!--
 
<div id="overlay" class="overlay"></div>
 
<div id="overlay" class="overlay"></div>
 +
-->
 
<!--S flash object-->
 
<!--S flash object-->
 +
 +
<!--
 
<div id="flashDiv">
 
<div id="flashDiv">
 
     <div class="flashBar"><a id="flashClose" href="#" class="close">关闭</a></div>
 
     <div class="flashBar"><a id="flashClose" href="#" class="close">关闭</a></div>
Line 750: Line 775:
 
     <p class="togame"><a href="http://qqgame.qq.com/online.shtml" target="_blank">查看QQ游戏在线人数&gt;&gt;</a></p>
 
     <p class="togame"><a href="http://qqgame.qq.com/online.shtml" target="_blank">查看QQ游戏在线人数&gt;&gt;</a></p>
 
</div>
 
</div>
 
+
-->
 
<!--E flash object-->
 
<!--E flash object-->
  

Revision as of 08:02, 4 July 2015

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Aomy

I'm QQ - 每一天,乐在沟通

沟通,是跨越千山万水的亲切声音

无论何时何地,你都能自由享受QQ在各类终端
上带来的高清通话,与好友一起想聊多久聊多久

了解更多 >

  • 屏幕分享
  • 群组通话
  • 两人、多人通话

沟通,是随时随地爽快收发

贴心的云端漫游技术,让QQ收发的文件随
身而行,轻松在线查阅,0流量快速转发。

了解更多 >

  • 文件漫游
  • 多端互传
  • 在线预览

沟通,是志同道合的他们放肆青春

即使世界很大,你也不会孤单,在兴趣部落
有和你一样的人,期待着和你一起发现精彩

了解更多 >

  • 精彩图集
  • 附近热点
  • 兴趣社区