@charset "utf-8";
/* CSS Document */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
body{ background-color: #fff; font-size: 14px; font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;word-wrap: break-word;}
img{ border:0;}
ol, ul{ list-style:none;}
:link, :visited, ins{ text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0;}
sub, sup{ font-size:100%; vertical-align:baseline;}
blockquote, q{ quotes:"\201C" "\201D" "\2018" "\2019";}
blockquote:before, blockquote:after, q:before, q:after{ content:""; content:none;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
button, input, select, textarea{ font-family:inherit; font-size:100%; margin:0;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
textarea{ overflow:auto; resize:vertical; vertical-align:top;}
i, cite, em, address{ font-style:normal;}
a{ color:#333; text-decoration:none;}
a{outline: none;star:expression_r(this.onFocus=this.blur()); -moz-transition:all .32s linear; -ms-transition:all .32s linear; -webkit-transition:all .32s linear; transition:all .32s linear;} 
a:hover{ text-decoration:none;}
a.disabled, a.disabled:hover{ cursor:default; pointer-events:none;}
.relativeBox{ position:relative;}
.absoluteBox{ position:absolute;}
.clearfix:before, .clearfix:after{ display:block; content:"\200b"; height:0;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom:1;}
.hide, .tmpl{ display:none;}
.wrap{ margin: 0 auto; width: 1000px; position:relative;}

/* global_topbar */
.global_topbar_wrap{ height:40px; position:relative; z-index:101;}
.global_topbar{ background:#FFF; border-bottom:1px solid #D6D6D6; box-shadow:0 1px 0 rgba(0,0,0,.02); color:#333; font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial,HELVETICA; height:39px; width:100%; position:absolute; left:0; z-index:9;}
.global_topbar a{ color:#666; text-decoration:none;}
.global_topbar a:hover{ color:#333;}
.global_topbar a *{ cursor:pointer;}
.global_topbar ul{ margin:0; padding:0; list-style:none;}
.global_topbar .inner{ margin:0 auto; height:100%; width:1136px; position:relative;}
.global_topbar .services{ float:left; height:100%; width:130px; position:relative;}
.global_topbar .services ul{ border:1px solid transparent; border-top:0; height:38px; width:100%; overflow:hidden; position:absolute; left:0; top:0; -webkit-transition:all ease .24s; -moz-transition:all ease .24s; -ms-transition:all ease .24s; transition:all ease .24s; _border-color:#FFF;}
.global_topbar .services:hover ul{ border-color:#E8E8E8; box-shadow:0 0 1px rgba(0,0,0,.1); height:198px;}
.global_topbar .services li{ background:#FFF; margin-bottom:-1px; vertical-align:top; *zoom:1;}
.global_topbar .services li:hover{ background-color:#F0F0F0; position:relative;}
.global_topbar .services .current, .global_topbar .services .current:hover{ background-color:transparent; margin-bottom:0;}
.global_topbar .services li a{ display:block; border-top:1px solid #E8E8E8; font-size:16px; line-height:28px; padding:5px 0 7px; margin:0 10px;}
.global_topbar .services li:hover a{ border-top-color:#F0F0F0;}
.global_topbar .services .current a{ border-top:0; padding-bottom:6px;}
.global_topbar .services i, .global_topbar .services .expand span,
.global_topbar .tips, .global_topbar .num, .global_topbar .num em,
.global_topbar .user_menu i, .global_topbar .link_target a{ background:url(../images/wwdc2015/global_topbar.png) no-repeat;}
.global_topbar .services i{ display:inline-block; background-position:0 -20px; margin:-3px 8px 0 0; height:26px; width:26px; vertical-align:middle; *margin-top:0;}
.global_topbar .services .current i{ display:none;}
.global_topbar .services .wegame{ background-position:-30px -20px;}
.global_topbar .services .fengbuy{ background-position:-60px -20px;}
.global_topbar .services .wper{ background-position:-90px -20px;}
.global_topbar .services .weand{ background-position:-120px -20px;}
.global_topbar .services .expand{ border-right:1px solid #E8E8E8; padding:0 10px; position:absolute; right:-2px; top:10px;}
.global_topbar .services .expand span{ display:block; line-height:99px; height:20px; width:20px; overflow:hidden;}
.global_topbar .links{ float:left; padding:0 30px 0 10px; overflow:hidden; position:relative;}
.global_topbar .links li{ float:left; padding:6px 8px 0;}
.global_topbar .links li a{ display:inline-block; padding:5px 1px; vertical-align:top;}
.global_topbar .links .focus{ background:#059ef8; height:2px; width:26px; overflow:hidden; position:absolute; left:-80px; top:0; z-index:1; -webkit-transition:all cubic-bezier(.2,.2,.45,1.5) .44s; -moz-transition:all cubic-bezier(.2,.2,.45,1.5) .44s; -ms-transition:all cubic-bezier(.2,.2,.45,1.5) .44s; transition:all cubic-bezier(.2,.2,.45,1.5) .44s;}
.global_topbar .tips, .global_topbar .num, .global_topbar .num em{ display:inline-block; background-position:100% 0; font-style:normal; padding-right:6px; vertical-align:top;}
.global_topbar .tips, .global_topbar .num{ background-position:-120px 0; padding:0 0 0 6px; color:#FFF; font:12px/18px Arial; margin:-6px 0 0 -8px; position:absolute;}
.global_topbar .tips em{ display:none;}
.global_topbar .tips{ background-position:-80px 0; height:18px; width:26px; margin-left:2px; padding:0;}
.global_topbar .user_menu{ float:right;}
.global_topbar .user_menu li{ float:left; padding:10px 10px 0 5px;}
.global_topbar .user_menu a{ color:#7C8A9C; font-weight:bold;}
.global_topbar .user_menu i{ display:inline-block; background-position:-20px 0; margin-top:-2px; height:20px; width:20px; vertical-align:middle; *margin-top:0;}
.global_topbar .user_menu .setting{ background-position:-40px 0;}
.global_topbar .user_menu .logout{ background-position:-60px 0;}
.global_topbar .user_menu .label, .global_topbar .link_target span{ display:none;}
.global_topbar .user_menu .face{ padding:6px 2px 0 0;}
.global_topbar .user_menu .face img{ border:0; border-radius:100%; box-shadow:0 0 1px rgba(0,0,0,.32); vertical-align:top; -ms-interpolation-mode:bicubic;}
.global_topbar .link_target{ display:none; float:right; border-left:1px solid #E5E5E5; height:100%;}
.global_topbar .link_target a{ display:inline-block; background-position:0 -50px; margin:9px 2px 0 10px; height:20px; width:52px;}


.f_topicBanner{ background:#f6f6f6 url(../images/wwdc2015/banner.jpg) no-repeat center top; margin-bottom:35px; height:419px; width:100%; text-indent:-999em;}
.topic_moduleOne{ width: 100%;}
.topic_moduleOne h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.topic_moduleOne h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.topic_moduleOne h3.subtitle{ font-weight: 400; margin-bottom: 28px; text-align: center;}
.topic_moduleOne h3.subtitle a{ color: #999;}
.topic_moduleOne h3.subtitle a:hover{ color:#f61e3b;}
.topic_moduleOne h3.subtitle a i{ display: inline-block; background:#f6f6f6 url(../images/wwdc2015/video_icon.jpg) no-repeat; margin: 2px 0 0 5px; height: 15px; width: 15px; vertical-align: top;}
.topic_moduleOne h3.subtitle span.dot{ padding: 0 5px;}
.topic_moduleOne .flashbox{ margin-bottom: 32px; height: 364px; width: 100%; position: relative; overflow: hidden;}

#idTransformView{ height: 364px;}
#idTransformView .slider{ position: relative;}
#idTransformView .slider div{ padding: 0px; margin: 0px; height: 364px; width: 790px; overflow: hidden; position: relative;}
#idTransformView .slider span{ display: block; color: #fff; font-size: 22px; line-height: 66px; padding: 0 10px; height: 66px; width: 770px; position: absolute; bottom: 0; left: 0; z-index: 99; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
#idTransformView .slider .txtbg{ background: #000; line-height: 66px; filter: alpha(opacity=70); opacity: .7; height: 66px; width: 100%; position: absolute; bottom: 0; left: 0px;}
#idTransformView .slider .txtbg img{ height: 240px; width: 620px;}
.hdnum{ width: 210px; overflow: hidden;}
.hdnum li{ height:122px; width: 206px; overflow: hidden; position: relative;}
.hdnum li p{ background: url(../images/wwdc2015/titlerepeat_bg.png) repeat-x; color: #fff; line-height: 35px; padding: 0 5px; height: 35px; width: 196px; position: absolute; left: 1px; bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hdnum li img{ border:#fff 1px solid;  height:122px; width: 206px;}
.hdnum li.on img{border: 1px solid transparent; padding: 0;}


.topic_newsbox{ margin-bottom: 55px; width: 100%;}
.topic_newsbox h1.title{ border-left: 5px solid #111; color: #111; font-size: 30px; font-weight: 400; line-height: 35px; padding-left: 15px; margin-bottom: 25px; height: 35px;}
.topic_newsbox h1.title a:hover{ color:#f61e3b;}
.topic_newsbox .newsBox{ height: 60px; width: 100%; overflow: hidden;}
.topic_newsbox .newsBox ul{ margin-left: -30px;}
.topic_newsbox .newsBox ul li{ display: inline; float: left; font-size: 16px; margin-left: 30px; height: 30px; width: 310px; *margin-left: 20px;}
.topic_newsbox .newsBox ul li a{ display: inline-block; color: #111; border-bottom: 1px solid #fff; line-height: 28px; height: 28px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.topic_newsbox .newsBox ul li a i.dot{ display: inline-block; background: url(../images/wwdc2015/dot_icon.jpg) no-repeat; margin-right: 5px; height: 28px; width: 2px; vertical-align: top;}
.topic_newsbox .newsBox ul li a:hover{ color: #e20000; border-bottom: 1px solid #e20000;}
.topic_newsbox .newsBox ul li a:hover i.dot{ background: url(../images/wwdc2015/dot_icon_hover.jpg) no-repeat;}


.topic_moduleThree{ background-color: #f6f6f6; padding: 45px 0;}
.topic_moduleThree h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.topic_moduleThree h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}

.commonModule{ height: 604px; width: 100%; overflow: hidden;}
.commonModule .topBox{ background-color: #fff; margin-bottom: 2px; height: 302px;}
.commonModule .topBox .wea_d_606{ float: left; height: 302px; width: 606px; overflow: hidden;}
.commonModule .topBox .wea_d_606 img{ height: 302px; width: 606px; -webkit-transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; transition: all 2s linear;}
.commonModule .topBox .wea_d_606 img:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.commonModule .topBox .abs{ float: left; padding: 0 62px; height: 302px; width: 270px; position: relative;}
.commonModule .topBox .abs .tag{ display: inline-block; background: url(../images/wwdc2015/oragin.png) no-repeat; color: #fff; font-size: 16px; line-height: 77px; margin-top: -37px; height: 74px; width: 74px; position: absolute; top: 50%; left: -36px; text-align: center;}
.commonModule .topBox .abs h2{ font-weight: 400; margin: 30px 0 32px 0; height: 58px; width: 100%; overflow: hidden;}
.commonModule .topBox .abs h2 a{ color: #111; font-size: 28px; line-height: 30px; word-break: break-all;}
.commonModule .topBox .abs h2 a:hover{ color:#f61e3b;}
.commonModule .topBox .abs .desc{ color: #999; line-height: 24px; margin-bottom: 30px; height: 94px; width: 100%; overflow: hidden;}
.commonModule .topBox .bottomIct{ color: #999;}
.commonModule .msg{ float: right; color: #999;}
.commonModule .msg i{ display: inline-block; background: url(../images/wwdc2015/msg_icon.jpg) no-repeat; margin: 3px 4px 0 0; height: 14px; width: 14px; vertical-align: top;}
.commonModule .view{ display: inline; float: right; margin-right: 12px;}
.commonModule .view i{ display: inline-block; background: url(../images/wwdc2015/view_icon.jpg) no-repeat; margin: 3px 4px 0 0; height: 12px; width: 16px; vertical-align: top;}
.commonModule .bottomBox{ height: 300px;}
.commonModule .bottomBox ul li{ background-color: #fff; display: inline; float: left; margin-left: 2px; height: 300px; width: 248px; position: relative;}
.commonModule .bottomBox ul li .img{ display: block; margin-bottom: 42px; height: 140px; width: 248px; overflow: hidden;}
.commonModule .bottomBox ul li .img img{ height: 140px; width: 248px; vertical-align: top; -webkit-transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; transition: all 2s linear;}
.commonModule .bottomBox ul li .img img:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.commonModule .bottomBox ul li a.titleName{ display: block; color: #111; font-size: 18px; line-height: 25px; padding: 0 25px; margin-bottom: 26px; width: 198px; height: 50px; text-align: center;}
.commonModule .bottomBox ul li a.titleName:hover{ color:#f61e3b;}
.commonModule .bottomBox .funBtn{ color: #999; text-align: center;}
.commonModule .bottomBox .funBtn .msg,
.commonModule .bottomBox .funBtn .view{ float: none;}
.commonModule .bottomBox .funBtn .msg{ margin-right: 20px;}
.commonModule .bottomBox .dsj,
.commonModule .bottomBox .yjq,
.commonModule .bottomBox .kxj,
.commonModule .bottomBox .ymz{ background: url(../images/wwdc2015/red.png) no-repeat; color: #fff; line-height: 62px; margin-left: -31px; height: 62px; width: 62px; position: absolute; left: 50%; top: 108px; text-align: center; z-index: 999;}
.commonModule .bottomBox .yjq{ background: url(../images/wwdc2015/purple.png) no-repeat;}
.commonModule .bottomBox .kxj{ background: url(../images/wwdc2015/green.png) no-repeat;}
.commonModule .bottomBox .ymz{ background: url(../images/wwdc2015/blue.png) no-repeat;}


.topic_moduleFour{ padding: 45px 0;}
.topic_moduleFour h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.topic_moduleFour h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.topic_moduleFour .topBox{ background-color: #f6f6f6;}
.topic_moduleFour .commonModule .bottomBox ul li{ background-color: #f6f6f6;}

.commonModule .topBox .abs .tag_radio{ display: inline-block; background: url(../images/wwdc2015/oragin_radius.png) no-repeat; color: #fff; font-size: 16px; line-height: 62px; margin-top: -31px; height: 62px; width: 62px; position: absolute; top: 50%; right: -31px; text-align: center; z-index: 999;}
.commonModule .bottomBox .dsj_radio,
.commonModule .bottomBox .yjq_radio,
.commonModule .bottomBox .kxj_radio,
.commonModule .bottomBox .ymz_radio{ background: url(../images/wwdc2015/red_radio.png) no-repeat; color: #fff; font-size: 12px; line-height: 50px; margin-left: -25px; height: 50px; width: 50px; position: absolute; left: 50%; top: 108px; text-align: center; z-index: 999;}
.commonModule .bottomBox .yjq_radio{ background: url(../images/wwdc2015/purple_radio.png) no-repeat;}
.commonModule .bottomBox .kxj_radio{ background: url(../images/wwdc2015/green_radio.png) no-repeat;}
.commonModule .bottomBox .ymz_radio{ background: url(../images/wwdc2015/blue_radio.png) no-repeat;}

.meetBox{background-color: #f6f6f6;padding: 45px 0;}
.meetBox h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.meetBox h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.meetBox .newsBox{ margin-bottom: 20px;}
.meetBox .newsBox ul li{ display: inline; float: left; padding-left: 248px; margin-bottom: 22px; height: 140px; width: 252px; position: relative;}
.meetBox .newsBox ul li .img{ display: block; height: 140px; width: 230px; overflow: hidden; position: absolute; top: 0; left: 0;}
.meetBox .newsBox ul li .img img{ display: block; height: 140px; width: 230px;  -webkit-transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; transition: all 2s linear;}
.meetBox .newsBox ul li .img img:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.meetBox .newsBox ul li h2.title{ font-size: 18px; font-weight: 400; line-height: 25px; margin-bottom: 15px; padding-right: 20px; height: 50px; width: 232px;}
.meetBox .newsBox ul li h2.title a{ color: #111;}
.meetBox .newsBox ul li h2.title a:hover{ color: #e10000;}
.meetBox .newsBox ul li .abs{ color: #999; line-height: 20px; padding-right: 20px; height: 65px; width: 232px; overflow: hidden;}
.meetBox .listImg{ height: 150px; width: 100%; position: relative;}
.meetBox .listImgCon{ height: 150px; width: 1000px; overflow: hidden; position: relative;}
.meetBox .listImgCon ul{ margin-left: -2px; height: 150px; width: 500%; position: absolute; left: 0; top: 0;}
.meetBox .listImgCon ul li{ display: inline; float: left; margin-left: 2px; height: 150px; width: 248px; overflow: hidden; position: relative;}
.meetBox .listImgCon ul li .mask{ display: none; background-color: #000; background-color: rgba(0,0,0,.7); filter: alpha(opacity=70); opacity: .7; height: 100%; width: 248px; position:absolute; left: 0; top: 0;}
.meetBox .listImgCon ul li .title{ background: url(../images/wwdc2015/titlerepeat_bg.png) repeat-x; color: #fff; font-size: 14px; font-weight: 400; line-height: 48px; padding: 0 10px; height: 48px; width: 228px; position: absolute; left: 0; top: 102px;}
.meetBox .listImgCon ul li .title a:hover{ color:#f61e3b;}
.meetBox .listImgCon ul li .title.noBg{ background: none;}
.meetBox .listImgCon ul li .title.noBg{ line-height: 22px; height: 48px; width: 100%; overflow: hidden;}
.meetBox .listImgCon ul li .title a{ color: #fff;}
.meetBox .listImgCon ul li .abs{ color: #fefefe; font-size: 12px; padding: 0 10px; height: 62px; width: 228px; position: absolute; top: 150px; left: 0;}

.controller{ font-size:0; height:0; position:relative; top: -142px;}
.controller .prev, .controller .next{ font-size: 0; height:63px; width:38px; overflow:hidden; position:absolute; visibility:hidden; opacity:0; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; transition:all linear .4s;}
.controller .prev{ background:url(../images/wwdc2015/leftArrow.png) no-repeat; left:-38px; top:40px;}
.controller .next{ background:url(../images/wwdc2015/rightArrow.png) no-repeat; right:-38px; top:40px;}
:hover > .controller .prev, :hover > .controller .next{ visibility:visible; opacity:1;}
:hover > .controller .prev{ left:-58px;}
:hover > .controller .next{ right:-58px;}

.feng_view{padding: 45px 0;}
.feng_view h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.feng_view h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.feng_view .con{ height: 300px; width: 100%; overflow: hidden;}
.feng_view .leftimg{ float: left; height: 300px; width: 498px; overflow: hidden; position: relative;}
.feng_view .leftimg .mask{ display: none; background-color: #000; background-color: rgba(0,0,0,.7); filter: alpha(opacity=70); opacity: .7; height: 100%; width: 498px; position:absolute; left: 0; top: 0;}
.feng_view .leftimg .titleName{ background: url(../images/wwdc2015/titlerepeat_bg.png) repeat; color: #fff; font-size: 24px; font-weight: 400; line-height: 70px; padding: 0 10px; height: 70px; width: 478px; position: absolute; left: 0; top: 230px;}
.feng_view .leftimg .titleName.noBg{ background:none; line-height: 32px; height: 70px; overflow: hidden;}
.feng_view .leftimg .titleName a{ color: #fff;}
.feng_view .leftimg .titleName a:hover{ color:#f61e3b;}
.feng_view .leftimg .abs{ color: #fefefe; font-size: 14px; padding: 0 10px; line-height: 25px; height: 62px; width: 478px; position: absolute; top: 300px; left: 0;}

.feng_view .rightlist{ float: left; height: 300px; width: 502px;}
.feng_view .rightlist ul li{ display: inline; float: left; margin: 0 2px 2px 2px; height: 149px; width: 247px; position: relative; overflow: hidden;}
.feng_view .rightlist ul li.last{ margin-right: 0;}
.feng_view .rightlist .mask{ display: none; background-color: #000; background-color: rgba(0,0,0,.7); filter: alpha(opacity=70); opacity: .7; height: 100%; width: 502px; position:absolute; left: 0; top: 0;}
.feng_view .rightlist .titleName{ background: url(../images/wwdc2015/titlerepeat_bg.png) repeat-x; color: #fff; font-weight: 400; line-height: 48px; padding: 0 10px; height: 48px; width: 228px; position: absolute; left: 0; top: 102px;}
.feng_view .rightlist .titleName a:hover{ color:#f61e3b;}
.feng_view .rightlist .titleName.noBg{ background: none; line-height: 22px; height: 48px; overflow: hidden;}
.feng_view .rightlist .titleName a{ color: #fff;}
.feng_view .rightlist .abs{ color: #fff; font-size: 12px; padding: 0 10px; height: 62px; width: 228px; position: absolute; top: 150px; left: 0;}

.meetingPic{ background-color: #f6f6f6; padding: 45px 0;}
.meetingPic h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.meetingPic h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}


.wallPic{ float:left; height: 415px; width: 980px; overflow: hidden;}
.wallPic .itemBlock{ float: left; height: 415px; width: 324px;}
.wallPic .itemBlock img{ border: 1px solid #dad5d4;}
.wallPic .itemBlock .bigBoxImg{ height: 203px; width: 324px; overflow: hidden;}
.wallPic .itemBlock p{ height:100px; width:324px; overflow:hidden;}
.wallPic .itemBlock .spaceTable{ margin: 5px 0; height: 98px;}
.wallPic .itemBlock span{ float:left; height:100px; width:160px;}
.wallPic .itemBlock span.even{ margin-right:4px;}
.wallPic .midspace{ margin: 0 4px;}


/*往年专题*/
.former_years{padding: 45px 0;} 
.former_years h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.former_years h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}

.former_years .topicList{ height: 172px; width: 980px; overflow: hidden;}
.former_years .topicList ul{ height:172px; width:110%; float:left;}
.former_years .topicList ul li{ display: inline; float: left; margin-right:21px; height: 172px; width: 180px; overflow: hidden;}
.former_years .topicList a.img{ display: block; margin-bottom: 8px; height: 110px; width: 178px; overflow: hidden;}
.former_years .topicList .titleName{ height: 52px; width: 180px; overflow: hidden; text-align: center;}
.former_years .topicList .titleName a{ display: block; color: #333; font-size:16px; word-break:break-all; word-wrap:break-word;}
.former_years .topicList .titleName a:hover{ color:#f61e3b;}

.fixedBackTop{ display:none; float:right; background:url(../images/wwdc2015/backTopBtn.png) no-repeat; margin-left:520px; height:50px; width:50px; position:fixed; bottom:120px; left:50%; z-index:999; text-indent:-999em; _background: url(../images/wwdc2015/backTopBtn.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="backTopBtn.png"); -moz-transition:all .32s linear; -ms-transition:all .32s linear; -webkit-transition:all .32s linear; transition:all .32s linear;}
.fixedBackTop:hover{ background:url(../images/wwdc2015/backTopBtn_hover.png) no-repeat;}


/*评论*/
.comment {background-color: #fff;margin: 10px auto 50px;}
.comments_funs {border-left: solid 5px #ce0c00;color: #999;font-size: 16px;line-height: 48px;height: 46px;position: relative;background-color: #F5F5F5;}
.comments_funs .newCom{color:#333;margin: 0 15px;}
.comments_funs .comments_counter em {color: #ff3238;padding-right: 8px}
.comments_funs .publish_msg {color: #343434;font-size: 14px;position: absolute;top: 0;right: 15px}
.comments_funs .publish_msg:hover {color: #ff3238}
.comments_funs .publish_msg i {display: inline-block;background: url(../images/wwdc2015/base.png) no-repeat left top;background-position: -38px -120px;margin-right: 5px;height: 48px;width: 36px;vertical-align: top;_vertical-align: middle;*vertical-align:middle}
.comments_funs .msg_tabnav {height: 48px;position: absolute;top: 0;right: 150px}
.comments_funs .msg_tabnav a {color: #999;margin: 0 10px;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-webkit-transition: all .2s ease;transition: all .2s ease}
.comments_funs .msg_tabnav a.current {display: inline-block;background: #fff;color: #ff3238;border-top: 3px solid #ff3238;line-height: 43px;height: 43px;width: 68px;text-align: center}
.commt_panel {overflow: hidden}
.commt_panel .sofa {color: #a8a8a8;font-size: 16px;padding: 40px 0;text-align: center}
.commt_panel .sofa i {display: inline-block;background: url(../images/wwdc2015/base.png) no-repeat;background-position: -174px -74px;width: 33px;height: 33px;margin-right: 5px;vertical-align: middle}
.commt_item {border-bottom: 1px solid #e3e3e3;margin-bottom: 25px;padding: 20px 0 10px 70px}
.commt_header {font-size: 12px;padding-bottom: 5px;position: relative}
.commt_header .commt_floor {display: inline;float: right;color: #666}
.commt_header .line {display: inline;float: right;margin-right: 10px}
.commt_header .tip_off, .commt_header .tip_remove {display: inline;float: right;font-size: 12px;margin: 0 10px;position: relative;position: relative;}
.commt_header .tip_off a, .commt_header .tip_remove a {color: #666;}
.commt_header .tip_off a:hover, .commt_header .tip_remove a:hover {color: #ff3238;}
.tip_off_box {display: none;background: #ffebeb;color: #ff0101;border: 1px solid #df9999;border-radius: 5px;padding: 3px 40px 3px 5px;position: absolute}
.tip_off_box a {display: block;background: url(../images/wwdc2015/base.png) no-repeat;background-position: -371px -114px;height: 17px;width: 17px;text-indent: -9999em;position: absolute;right: 4px;top: 4px;overflow: hidden}
.commt_header .pic {position: absolute;margin: 0 0 0 -70px}
.commt_header .pic i {display: inline-block;background: url(../images/wwdc2015/base.png) no-repeat;background-position: -212px -114px;width: 50px;height: 50px;position: absolute}
.commt_header .star {display: inline-block}
.commt_header .name {color: #333;font-family: Arial;font-style: normal;font-size: 18px}
.commt_header .name:hover {text-decoration: underline}
.commt_item .timer {color: #999}
.commt_main {margin-top: 15px;padding-bottom: 6px;word-break: break-all;position: relative}
.commt_main em {color: #0199ff}
.commt_main p {color: #666;line-height: 20px}
.commt_btns {line-height: 30px;height: 30px;margin: 10px 0}
.commt_btns a {color: #999}
.commt_btns .commt_fun {float: right}
.commt_btns .commt_fun b {font-weight: 400}
.commt_btns .report {float: left}
.commt_btns .report i {display: inline-block;background: url(../images/wwdc2015/base.png) no-repeat;background-position: -268px -164px;color: #fff;margin-right: 5px;height: 30px;width: 30px;vertical-align: top}
.commt_btns .report:hover {color: #ff3238}
.commt_btns .report:hover i {background: url(../images/wwdc2015/base.png) no-repeat;background-position: -298px -164px}
.commt_btns .agree {float: right}
.commt_btns .agree i {display: inline-block;background: url(../images/wwdc2015/base.png) no-repeat;background-position: -328px -164px;color: #fff;margin-right: 5px;height: 30px;width: 30px;vertical-align: top}
.commt_btns .agree:hover {color: #00b5dc}
.commt_btns .agree:hover i {background: url(../images/wwdc2015/base.png) no-repeat;background-position: -358px -164px}
.commt_btns .stamp {display: inline;float: right;margin-left: 30px}
.commt_btns .stamp i {display: inline-block;background: url(../images/wwdc2015/base.png) no-repeat;background-position: -212px -164px;color: #fff;margin-right: 5px;height: 30px;width: 30px;vertical-align: top}
.commt_btns .stamp:hover {color: #ff7800}
.commt_btns .stamp:hover i {background: url(../images/wwdc2015/base.png) no-repeat;background-position: -288px -236px}
.commt_reply {margin-top: 20px;position: relative}
.commt_reply .triangle, .commt_reply .triangle em {width: 0;height: 0;border-width: 10px;border-style: dashed dashed solid;border-color: transparent transparent #ff3238;position: absolute;margin: -20px 0 0 10px;_margin-top: -18px;*margin-top:-18px}
.commt_reply .triangle em {border-width: 9px;border-color: transparent transparent #fff;position: absolute;margin: -7px 0 0 -9px}
.commt_reply textarea {border: 1px solid #ff3238;padding: 5px;height: 60px;width: 100%;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0}
.commt_reply .reply_sub {padding-top: 15px}
.commt_reply .reply_sub span {float: left;line-height: 26px}
.commt_reply .reply_sub input {display: inline;float: right;color: #fff;border-radius: 5px;margin-left: 10px;line-height: 30px;height: 30px;width: 68px;text-align: center;cursor: pointer}
.commt_reply .reply_sub input.cancel {background: #ccc;border: 0}
.commt_reply .reply_sub input.cancel:hover {background: #d8d8d8}
.commt_reply .reply_sub input.confirm {background: #ff3238;border: 0}
.commt_reply .reply_sub input.confirm:hover {background: #fa5b61}
.commt_reply .reply_sub .anonymous {float: right}
.commt_reply .reply_sub .anonymous input {float: left;margin: 7px 6px 0 0;height: 15px;width: 15px}
.commt_item .commt_report {background: #fff;border-left: 2px solid #ddd;border-top: 0;padding: 8px 8px 8px 45px;margin-bottom: 15px}
.commt_item .commt_report .commt_report {margin-bottom: 5px}
.commt_item .odd {background: #f7f7f7}
.commt_item .commt_report .commt_header .pic {margin: 0 0 0 -40px;height: 32px;width: 32px}
.commt_item .commt_report .commt_header .pic i {background: url(../images/wwdc2015/base.png) no-repeat;background-position: -96px -236px;height: 32px;width: 32px}
.commt_item .commt_report.odd .commt_header .pic.odd i {background: url(../images/wwdc2015/base.png) no-repeat;background-position: -224px -236px;height: 32px;width: 32px}
.add_commt_panel {padding-bottom: 10px;margin-top: 20px}
.add_commt_panel .tit {margin: 32px 0 20px}
.add_commt_panel h4 {font-size: 18px;font-weight: 100;line-height: 35px}
.add_commt_panel h4 span {display: inline-block;color: #ff3238;border-bottom: 3px solid #ff3238;line-height: 35px}
.add_commt_panel h4 span.newTopicBg {background: url(../images/wwdc2015/base.png) no-repeat;background-position: -262px -114px;border-bottom: none;line-height: 50px;height: 50px;width: 109px;text-align: center}
.add_commt {_zoom: 1}
.add_commt li {clear: both;color: #666;font-size: 14px;line-height: 32px;padding: 5px 0}
.add_commt .commt_bar {margin: 0 0 10px}
.add_commt .commt_bar b {font-size: 16px;font-weight: 400}
.add_commt .commt_bar .star_mid {display: inline-block;margin: 5px 60px 0 5px;vertical-align: top;_margin-top: 0;*margin-top:0;position: relative}
.add_commt .commt_bar .star_mid strong {color: #333;font-size: 16px;font-weight: 400;font-style: italic;margin: -4px 0 0 6px;position: absolute;left: 100%;top: 0}
.add_commt .park_in, .add_commt .to_speak {color: #333;font-size: 16px;line-height: 20px;margin-bottom: -5px;height: 20px;vertical-align: bottom}
.add_commt .park_in i, .add_commt .to_speak i {color: #ff3238;height: 20px;vertical-align: bottom}
.add_commt .park_in {border-left: 1px solid #dfdfdf;margin-left: 10px;padding-left: 10px}
.add_commt li a {color: #666}
.add_commt li a:hover {color: #000}
.add_commt li input, .add_commt li label {display: inline-block;height: 32px;vertical-align: middle}
.add_commt li label {padding-right: 10px}
.add_commt li .text {background: #f4f4f4;border: 1px solid #f4f4f4;border-radius: 5px;width: 200px;padding: 0 10px}
.add_commt .commt_content .text_content {background: #fff;border: 1px solid #cacaca;margin-top: 5px;height: 128px;padding: 10px;width: 100%;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: auto;resize: vertical;_width: 97%;*width:97%;_margin-top: 0;*margin-top:0}
.add_commt .btns {line-height: 39px;text-align: right;position: relative}
.add_commt .btns .head_small {float: left;margin-top: -10px;height: 44px;width: 44px;position: relative;vertical-align: top}
.add_commt .btns .head_small i {display: block;background: url(../images/wwdc2015/base.png) no-repeat;background-position: -74px -120px;height: 44px;width: 44px;position: absolute;top: 0;left: 0}
.add_commt .btns .show_name {display: none;float: left;font-size: 16px;line-height: 44px;margin: -10px 0 0 10px}
.add_commt .btns .show_name input {margin: 0 5px 0 10px}
.add_commt .btns .show_name label {vertical-align: top}
.add_commt .btns .name_mail {float: left;margin-top: -10px;vertical-align: top}
.add_commt .btns .net_name {display: inline;float: left;border: 1px solid #cacaca;margin: 5px 0 0 5px;outline: 0;line-height: 25px;padding: 5px 0 5px 5px;height: 25px;width: 130px;vertical-align: top}
.add_commt .btns .msg_login {float: left;color: #c7c7c7;border: none;background: url(../images/wwdc2015/base.png) no-repeat left top;background-position: -42px -194px;margin: 5px 0 0 10px;padding-left: 16px;height: 39px;width: 139px;cursor: pointer}
.add_commt .btns .msg_login:hover {background: url(../images/wwdc2015/base.png) no-repeat;background-position: -181px -194px;text-decoration: underline;}
.add_commt .btns .code_verify {float: left}
.add_commt .btns .code_verify label {float: left;line-height: 34px;padding-right: 0;margin-top: 5px;height: 34px}
.add_commt .btns .code_verify input {display: inline;float: left;border: 1px solid #cacaca;margin: 5px 0 0;outline: 0;line-height: 22px;padding: 5px 0 5px 5px;height: 22px;width: 98px;vertical-align: top}
.add_commt .btns .code_verify a {display: inline-block;margin: 5px 0 0 5px;height: 34px;width: 99px}
.add_commt .btns .submit,.comment_reply_box .submit {background: #ff3238;color: #fff;border: 0;border-radius: 3px;cursor: pointer;line-height: 34px;height: 34px;width: 100px}
.add_commt .btns .submit:hover {background: #fa5b61}
.add_commt .pic {height: 32px;width: 32px;left: 0;top: 0}
.add_commt .pic i {background: url(../images/wwdc2015/write_msg_header.png) no-repeat;height: 32px;width: 32px;position: absolute}
.add_commt .name {display: inline-block;color: #676767;margin-right: 14px;padding: 0 14px;height: 30px;left: 30px}
.add_commt .name a {color: #24aaff;padding-right: 10px}
.add_commt .name input {margin-right: 5px;vertical-align: middle}
.report_box {background: #f4f4f4;width: 660px;padding: 20px}
.pager {border: 1px solid #E4E4E4;border-width: 1px 0;position: relative;padding: 12px 0;*zoom:1}
.page_list {color: #333;font-size: 0;padding: 0 10px;text-align: center}
.page_list .current, .page_list .more, .page_list .next, .page_list .page_jump, .page_list .prev, .page_list a {display: inline-block;border-radius: 3px;color: #000;font: 14px/22px Arial;margin-left: 10px;padding: 0 7px;height: 22px;vertical-align: top}
.page_list .current, .page_list a:hover {background-color: #ff3238;color: #fff}
.page_list .more, .page_list .page_jump {background: 0 0;border: 0;box-shadow: none;line-height: 15px}
.page_list .page_jump {margin-left: 10px}
.page_list .page_jump input {background: #fff;border: 1px solid #bbb;box-shadow: 0 1px 0 #fff;color: #333;margin: 0 4px;padding: 4px;height: 14px;width: 44px;vertical-align: middle}
.page_list .next, .page_list .prev {background-color: #EEEEF0;font-family: Arial;font-style: normal;margin: -2px 0 0;padding: 2px 10px;position: absolute;left: 10px}
.page_list .next {left: auto;right: 10px}
.page_list .next:hover, .page_list .prev:hover {background-color: #EEEEF0;color: #FF3238}
.page_list .disabled.next, .page_list .disabled.next:hover, .page_list .disabled.prev, .page_list .disabled.prev:hover {background-color: #EEEEF0;color: #000}
.page_list .next .arrow, .page_list .prev .arrow {display: inline-block;border-color: transparent #333;border-style: dashed solid;border-width: 5px 5px 5px 0;margin: -3px 4px 0 -2px;cursor: pointer;height: 0;width: 0;overflow: hidden;vertical-align: middle;*margin-top:0}
.page_list .next .arrow {border-width: 5px 0 5px 5px;margin-left: 4px;margin-right: -2px}
.page_list .next:hover .arrow, .page_list .prev:hover .arrow {border-color: transparent #FF3238}
.page_list .disabled .arrow, .page_list .disabled:hover .arrow {border-color: transparent #333;cursor: default}


/*评论弹窗*/
.comment_reply_box{background: #fff;border:6px solid #A5A5A5;padding: 10px;width: 600px;position:absolute;}
.comment_reply_box .comments {width:570px;background-color: #fff;margin:20px auto 50px;padding: 0 20px;}
.comment_reply_box .comments ul li {clear: both;font-size: 14px;line-height: 32px;padding: 5px 0;}
.comment_reply_box .add_commt li {clear: both;color: #666;font-size: 14px;line-height: 32px;padding: 5px 0;}
.comment_reply_box .comments li a {color: #666;}
.comment_reply_box .comments ul li input,.comment_reply_box .comments ul li label {display: inline-block;height: 32px;vertical-align: middle;}
.comment_reply_box .comments ul li label{display: inline-block;height: 32px;vertical-align: middle;}
.comment_reply_box .add_comment_field{padding-top: 10px;padding-bottom: 10px;}
.comment_reply_box .add_commt .write_msg{line-height: 39px;text-align: right;position: relative;}
.comment_reply_box .add_commt .prompt{line-height: 39px;text-align: right;}
.comment_reply_box .user_header{float: left;margin-top: -10px;height: 44px;width: 44px;position: relative;vertical-align: top;}
.comment_reply_box .user_header  i{display: block;background: url(../images/wwdc2015/base.png) no-repeat;background-position: -74px -120px;height: 44px;width: 44px;position: absolute;top: 0;left: 0;}
.comment_reply_box .text_content{background: #fff;border: 1px solid #cacaca;margin-top: 5px;height: 128px;padding: 10px;width: 100%;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: auto;resize: vertical;_width: 97%;_margin-top: 0;}
.msg_top .prompt{line-height: 39px;text-align: right;display:inline-block; float:right;}
.comment_reply_box .anonymous li input, .comment_reply_box .anonymous li label{display: inline-block;height: 32px;vertical-align: middle;}
.comment_reply_box .anonymous label{display: inline-block;height: 32px;vertical-align: middle;}
.user_name{display: none;/*float: left;*/
font-size: 16px;line-height: 44px;margin: -10px 0 0 10px;}
.no_name {font-size: 16px;line-height: 44px;}
.comment_reply_box .close{background: url(../images/wwdc2015/tip_bg.png) no-repeat 0 5px;height: 22px;width: 22px; position:absolute; top:5px; right:5px; text-indent:-999em;}
/* 一个小提示 */
.tip_info, .tip_info_err{ background:#ebf7ff; font-size:0; border:1px solid #99bddf; color:#0199ff; padding:3px 40px 3px 5px; position:absolute; border-radius:5px; overflow:hidden; line-height:1.5 !important;}
.tip_info a, .tip_info_err a{ background:url(../images/wwdc2015/tip_bg.png) no-repeat; height:17px; width:17px; text-indent:-9999em; position:absolute; right:4px; top:4px; overflow:hidden;}
.tip_info_err{ background:#ffebeb; border-color:#df9999; color:#ff0101;}
.tip_info_err a{ background-position:0 -17px;}