@charset "utf-8";
html, body,, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
margin: 0;
padding: 0;
}
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
{
position: relative
}					/*6月14日更新此条，为所有元素添加默认的position属性为relative，在该属性下，元素默认拥有top、left等绝对定位属性和margin等相对定位属性（暂时这么解释吧）*/
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { background: #fff; color: #363636; line-height: 1.2; }
a, a:link { text-decoration: none; color: #2d2d2d }
a:visited { }
a:active, a:hover { text-decoration: underline; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { display: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
input { height: auto; outline: none; vertical-align: bottom; +vertical-align:middle !important;
_vertical-align: middle; line-height: normal }
textarea { resize: none; } /*6月14日更新，针对webkit核心的浏览器——Chrome(google浏览器),Safari(苹果浏览器)中textare可调整大小的问题定义. 取消拖动调整大小*/
textarea:focus { outline: none; } /*6月14日更新. textarea的聚焦时现在默认边框颜色不变*/



.section { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; position:relative}
.page { -webkit-transform: scale(1); z-index: 9 }
div, span { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; }
body {background: url(http://y2.ifengimg.com/l/2015/15/5dc0975a306aa2b/bg.jpg) no-repeat center center; background-size:cover;}

.hide{-webkit-animation-name: hiddenfade;}
@-webkit-keyframes hiddenfade {
  0% {opacity:1}
  20% {opacity:0}
  100% {opacity:0}
}

.box{display: -webkit-box; width: 640px; height:640px;   -webkit-transform-origin: center center;}
/*///////////////////////////////////////////////////////////////*/
.arrow { position: absolute; width: 52px; height: 195px; left: 50%; margin-left:-26px; bottom:50px; background: url(http://y3.ifengimg.com/l/2015/15/5dc0975a306aa2b/down.png) no-repeat 0 0;-webkit-animation-duration: 2s; -webkit-animation-delay: 0; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count: infinite; }

.logo{position:absolute; width:592px; height:45px; left:23px;top:27px;}
.logo .caltrate{position:absolute; width:118px; height:85px; right:20px;top:10px; background:url(http://y0.ifengimg.com/l/2015/15/5dc0975a306aa2b/caltrate.png) no-repeat 0 0; }
.logo .ifeng{position:absolute; width:140px; height:52px; left:15px;top:10px; background:url(http://y3.ifengimg.com/l/2015/15/5dc0975a306aa2b/ifeng.png) no-repeat 0 0; }

#p0 .box{}
#p1{ background:url(http://y1.ifengimg.com/l/2015/15/5dc0975a306aa2b/p1.png) no-repeat center center}

#p1 .slide{ position:relative; background:url(http://y1.ifengimg.com/l/2015/15/5dc0975a306aa2b/p1s.png) no-repeat center center}
#p1 .cal{width:498px; height:304px; background:#FFF; position:absolute; left:50%; top:50%; margin-left:-245px; margin-top:-191px}
#p1 .cal p{font:normal normal 24px/33px "微软雅黑"; color:#d6077b; padding-left:48px}

.prev{width:45px; height:45px; position:absolute; left:10px; top:118px; background:url(http://y0.ifengimg.com/l/2015/15/5dc0975a306aa2b/lr.png) no-repeat -45px 0; cursor:pointer; z-index:101}
.next{width:45px; height:45px; position:absolute; right:10px; top:118px; background:url(http://y0.ifengimg.com/l/2015/15/5dc0975a306aa2b/lr.png) no-repeat 0 0; cursor:pointer; z-index:101}