@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;/*background-color: #FAFAFA;*/}
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;}
.footer_wrap .wrap{margin: 0 auto; width: 1200px; position:relative;}

.wrap-bg{ margin: 0 auto; width: 1000px; position:relative;background-color: #fff;padding: 20px 0;}
.wrap-bg2{ margin: 0 auto; width: 1000px; position:relative;background-color: #fff;padding: 20px 0;height: auto;overflow: hidden;}
/* 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/2017WWDC/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:#282a36; height:643px; width:100%;background: url("../images/2017WWDC/banner.png") no-repeat top center;}
.f_topicBanner .topic-img{ display:block;width: 198px;height: 84px; margin: 300px auto 10px;}
.weifeng-reports{font-size: 32px;color: #666;text-align: center;margin: 10px 0;}
.f_topicBanner .address{ color: #333; font-size: 18px; font-weight: 400; line-height: 40px; height: 40px; text-align: center;color: #666;}
.f_topicBanner .address span{margin-left: 20px;}

h3.subtitle{ font-weight: 400; margin: 18px 0; text-align: center;}
h3.subtitle a{ color: #038AFA;font-size: 18px;}
h3.subtitle a:hover{ color:#038AFA;}
h3.subtitle a i{ display: inline-block; background:#f6f6f6 url(../images/2017WWDC/video_icon.jpg) no-repeat; margin: 5px 0 0 5px; height: 15px; width: 15px; vertical-align: top;}
h3.subtitle span.dot{ padding: 0 5px;color: #038AFA;}

.shareBox{ height: 30px; line-height: 30px; text-align: center;} 
.shareBox .bdsharebuttonbox { display: inline-block; height: 30px; vertical-align: top;}
.shareBox .bdsharebuttonbox a { display: inline; float: left; margin:0; margin-right: 10px; padding:0; height: 30px; width: 30px;font-size: 0;text-indent: -999;}
.bdsharebuttonbox a.bds_weixin { background: url(../images/2017WWDC/weixin-ico.png) no-repeat; vertical-align: top;}
.bdsharebuttonbox a.bds_tsina { background: url(../images/2017WWDC/sina-ico.png) no-repeat; vertical-align: top;}
.shareBox .label {color: #999; font-size: 16px; margin:0 0 10px;}


.topic_moduleOne{ width: 100%;height: 1266px; background: url("../images/2017WWDC/banner2.png") no-repeat top center;}
.topic_moduleOne h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-top: 45px; 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 .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 .name{ background: url(../images/2017WWDC/titlerepeat_bg.png) repeat; color: #fff; line-height: 25px; padding: 4px 15px; height: 50px; width: 176px; position: absolute; left: 1px; bottom: 0;  word-break: break-all;}
.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/2017WWDC/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/2017WWDC/dot_icon_hover.jpg) no-repeat;}


.topic_moduleThree{ /*background-color: #f6f6f6; padding: 45px 0;*/ background-color: #FAFAFA;}
.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;}
p.line{ background-color: #111; height: 3px; width: 50px; margin-bottom: 16px;}

.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: 300px; width: 604px;border: 1px solid #ececec; overflow: hidden;background-color: #fff;}
.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: 300px;width: 267px;position: relative;border: 1px solid #ececec;background-color: #fff;}
.commonModule .topBox .abs .tag{ display: inline-block; background: url(../images/2017WWDC/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: 24px 0 20px 0; height: 84px; width: 100%; overflow: hidden;position: relative;}
.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/2017WWDC/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/2017WWDC/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: 298px; width: 246px; position: relative;border: 1px solid #ececec;background-color: #fff;}
.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: 245px; 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/2017WWDC/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/2017WWDC/purple.png) no-repeat;}
.commonModule .bottomBox .kxj{ background: url(../images/2017WWDC/green.png) no-repeat;}
.commonModule .bottomBox .ymz{ background: url(../images/2017WWDC/blue.png) no-repeat;}


.topic_moduleFour{/* padding: 45px 0;*/background-color: #FAFAFA;}
.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: #fff;}

.commonModule .topBox .abs .tag_radio{ display: inline-block; background: url(../images/2017WWDC/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/2017WWDC/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/2017WWDC/purple_radio.png) no-repeat;}
.commonModule .bottomBox .kxj_radio{ background: url(../images/2017WWDC/green_radio.png) no-repeat;}
.commonModule .bottomBox .ymz_radio{ background: url(../images/2017WWDC/blue_radio.png) no-repeat;}

.meetBox{background-color: #FAFAFA;}
.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: 250px; position: relative;border: 1px solid #ececec;}
.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: 10px 0; padding-right: 20px; height: 50px; width: 232px;}
.meetBox .newsBox ul li h2.title a{ display: inline-block; 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/2017WWDC/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{ display: inline-block; 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/2017WWDC/leftArrow.png) no-repeat; left:-38px; top:40px;}
.controller .next{ background:url(../images/2017WWDC/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/2017WWDC/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: 248px; 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/2017WWDC/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{ display: inline-block; 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: #FAFAFA;}
.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;}

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


.wallPic{height: 415px; width: 980px; overflow: hidden;margin:0 auto 45px;}
.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{ background-color: #f6f6f6; 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/2017WWDC/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/2017WWDC/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/2017WWDC/backTopBtn_hover.png) no-repeat;}


.width-auto { overflow: hidden; width: 1000px; height: auto; margin: 0 auto; }
.module-one { overflow: hidden; height: auto;/* padding: 50px 0;*/ background-color: #121212; }
.module-one h3.subtitle { margin-bottom: 50px; text-align: center; }
.module-one h3.subtitle a { font-size: 14px; color: #999; }
.module-one h3.subtitle a:hover { color: #f61e3b; }
.module-one h3.subtitle a i { display: inline-block; width: 16px; height: 16px; margin: 2px 0 0 5px; vertical-align: top; background: url(../images/2017WWDC/play.png) no-repeat; }
.module-one h3.subtitle span.dot { padding: 0 5px; color: #fff; }
.title img {
    display: block;
    margin: 0 auto 30px;
}

.left-shuffing {
    position: relative;
    float: left;
    overflow: hidden;
    width: 1000px;
    height: 330px;
}
.left-shuffing ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 330px;
}
.left-shuffing ul li {
    position: relative;
    float: left;
    width: 1000px;
    height: 330px;
}
.left-shuffing ul li .imgbox{ width: 660px; float: left; }
.left-shuffing ul li img {
    display: block;
    width: 660px;
    height: 330px;
}
.toggle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 660px;
    height: 5px;
}
.toggle a {
    display: inline-block;
    width: 220px;
    height: 5px;
    opacity: .7;
    background-color: #000;
    filter: alpha(opacity=70);
}
.toggle a.active, .toggle a:hover {
    opacity: 1;
    background-color: #ec373b;
    filter: alpha(opacity=100);
}
.module-one .right {
    position: relative;
    float: right;
    width: 340px;
}
.module-one .right-bg {
    position: absolute;
    top: 0;
    left: -10px;
    width: 350px;
    height: 122px;
    background: url(../images/2017WWDC/right-bg.jpg) no-repeat top center;
}
.module-one .right-intro {
    position: relative;
    overflow: hidden;
    width: 320px;
    height: auto;
    padding: 15px;
}
.module-one span.line {
    display: block;
    width: 30px;
    height: 4px;
    margin-bottom: 10px;
    background-color: #fff;
}
.module-one .name {
    font-size: 30px;
    line-height: 40px;
    display: block;
    overflow: hidden;
    height: 80px;
    color: #000;
}
.cont-article {
    overflow: hidden;
    width: 280px;
    height: auto;
    margin-top: 152px;
    padding: 0 30px;
}
.desc {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    width: 100%;
    height: 94px;
    margin-bottom: 30px;
    color: #999;
}
.bottomIct {
    color: #fff;
}
.bottomIct span {
    color: #999;
}
.bottomIct .two-tu {
    float: right;
    width: 150px;
    text-align: right;
}
.two-tu .view {
    display: inline;
    margin-right: 12px;
    color: #999;
}
.two-tu .view i {
    display: inline-block;
    width: 16px;
    height: 12px;
    margin: 3px 4px 0 0;
    vertical-align: top;
    background: url(../images/2017WWDC/view_icon.jpg) no-repeat;
}
.two-tu .msg {
    color: #999;
}
.two-tu .msg i {
    display: inline-block;
    width: 16px;
    height: 12px;
    margin: 4px 4px 0 0;
    vertical-align: top;
    background: url(../images/2017WWDC/msg_icon.jpg) no-repeat;
}
.tu-three {
    overflow: hidden;
    width: 1000px;
    height: auto;
}
.tu-three ul {
    margin-top: 20px;
}
.tu-three ul li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 318px;
    height: 230px;
    margin-right: 15px;
}
.article-view {
    position: absolute;
    top: 230px;
    left: 0;
    overflow: hidden;
    width: 278px;
    height: 230px;
    padding: 0 20px;
    transition: top 1s;
    opacity: .7;
    background: #000;
}
.article-view h2.name {
    font-size: 18px;
    line-height: 25px;
    overflow: hidden;
    height: 50px;
    margin: 10px 0;
    color: #fff;
}
.article-view h2.name:hover {
    color: #f61e3b;
}
.tu-three ul li:hover .article-view {
    top: 130px;
}
.topic_newsbox {
    width: 100%;
    margin: 40px 0;
}
.topic_newsbox .newsBox {
    overflow: hidden;
    width: 100%;
    height: 60px;
}
.topic_newsbox .newsBox ul {
    margin-left: -30px;
}
.topic_newsbox .newsBox ul li {
    font-size: 16px;
    display: inline;
    float: left;
    width: 310px;
    height: 30px;
    margin-left: 30px;
    *margin-left: 20px;
}
.topic_newsbox .newsBox ul li a {
    line-height: 28px;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #fff;
}
.topic_newsbox .newsBox ul li a i.dot {
    display: inline-block;
    width: 2px;
    height: 28px;
    margin-right: 5px;
    vertical-align: top;
    background: url(../images/2017WWDC/dot_icon.png) no-repeat;
}
.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/2017WWDC/dot_icon_hover.png) no-repeat;
}
.module-one.module-two {
    background-color: #000;
}
.right-shuffing {
    float: right;
}
.module-two .right {
    float: left;
    width: 446px;
    padding-bottom: 15px;
    background-color: #121212;
}
.module-two .right .right-bg {
    position: relative;
    top: 0;
    left: 0;
    width: 340px;
    background: none;
}
.module-two .right-intro {
    width: 390px;
    padding: 25px;
}
.module-two .cont-article {
    width: 380px;
    margin-top: 20px;
}
.module-two .right .name:hover, .four-other ul li .four-equipment h3:hover, .conference .name:hover {
    color: #f61e3b;
}
.tu-three.tu-three-h ul li {
    height: 290px;
}
.tu-three.tu-three-h ul li .tu {
    width: 318px;
    height: 190px;
}
.article-view.article-show {
    position: relative;
    top: 0;
    left: 0;
    width: 278px;
    height: 100px;
    padding: 0 20px;
    opacity: 1;
    background-color: #121212;
}
.tu-three.tu-three-h ul li:hover .article-view {
    top: 0;
}
.right-shuffing.fl-left {
    float: left;
}
.four-other ul li {
    float: left;
    overflow: hidden;
    width: 240px;
    height: auto;
    margin-right: 10px;
}
.four-other ul li .four-equipment img {
    display: block;
    width: 240px;
    height: 180px;
}
.four-other ul li .four-equipment h3 {
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
    height: 50px;
    padding: 10px;
    color: #fff;
    background-color: #121212;
}
.module-one.module-two.module-three {
    width: 100%;
    /*padding: 50px 0;*/
    background-color: #FAFAFA;
}
.module-one.module-two.module-three .right {
    background-color: #fff;
    border: 1px solid #ececec;
}
.module-four {
    width: 100%;
    padding: 50px 0;
    background-color: #000;
}

.module-three .out-three {
    position: relative;
    overflow: visible;
    width: 1000px;
    height: 180px;
    margin:0 auto;
    clear: both;
    padding: 0 50px;
}
.module-three .warp_contain {
    position: relative;
    overflow: hidden;
    width: 1000px;
    height: 180px;
    margin: 0 auto;
}
.warp_contain .bg-tu {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 10000px;
    height: auto;
    background-color: #fff;
}
.warp_contain .bg-tu li {
    position: relative;
    float: left;
    float: left;
    width: 240px;
    height: 180px;
    margin-right: 10px;
}
.warp_contain .bg-tu .conference {
    position: relative;
    display: block;
    float: left;
    width: 240px;
    height: 180px;
}
.conference .img-conference {
    display: block;
    width: 240px;
    height: 180px;
}
.conference .name {
    font-size: 16px;
    line-height: 28px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 230px;
    height: 55px;
    padding: 5px;
    opacity: .7;
    color: #fff;
    background-color: #000;
    filter: alpha(opacity=70);
}
.module-three .out-three .left {
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    width: 44px;
    height: 82px;
    font-size: 0;
    text-indent: -999em;
    background: url(../images/2017WWDC/left1.png) no-repeat top center;
}
.module-three .out-three .left:hover {
    display: block;
    width: 44px;
    height: 82px;
    background: url(../images/2017WWDC/left2.png) no-repeat top center;
}
.module-one.module-two.module-three .out-three .right {
    position: absolute;
    top: 50px;
    right: 0;
    display: block;
    width: 44px;
    height: 82px;
    font-size: 0;
    text-indent: -999em;
    background: url(../images/2017WWDC/right1.png) no-repeat top center;
    border: none;
}
.module-one.module-two.module-three .out-three .right:hover {
    display: block;
    width:44px;
    height: 82px;
    background: url(../images/2017WWDC/right2.png) no-repeat top center;
}

.fixedBackTop {
    position: fixed;
    z-index: 999;
    bottom: 120px;
    left: 50%;
    display: none;
    float: right;
    width: 50px;
    height: 50px;
    margin-left: 520px;
    -webkit-transition: all .32s linear;
    -moz-transition: all .32s linear;
    -ms-transition: all .32s linear;
    transition: all .32s linear;
    text-indent: -999em;
    background: url(../images/2017WWDC/backTopBtn.png) no-repeat;
    _background: url(../images/2017WWDC/backTopBtn.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="backTopBtn.png");
}
.fixedBackTop:hover {
    background: url(../images/2017WWDC/backTopBtn_hover.png) no-repeat;
}
.right-weiwei {
    position: fixed;
    z-index: 999;
    right: 30px;
    bottom: 120px;
    width: 125px;
    height: 260px;
    background: url(../images/2017WWDC/right-weiwei-bg.png) no-repeat top center;
}
.right-weiwei .erwema {
    display: block;
    width: 100px;
    height: 100px;
    margin: 93px auto 0;
}
.right-weiwei .please-s {
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    color: #333;
}
.right-weiwei .weiquan {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #f76160;
}

h1.title.col1{color: #d52f4b;margin-top: 10px;}
h1.title.col2{color: #2aa895;margin-top: -30px;}
h1.title.col3{color: #e0a83f;}
h1.title.col4{color: #2aa895;}
h1.title.col5{color: #3B5D6E;}
h1.title.col6{color: #d52f4b;}
h1.title.col7{color: #e0a83f;}
h1.title.col8{color: #3b5d6e;}
h1.title.col9{color: #d52f4b;margin-top: 20px;}
h1.title.col10{color: #E0A83F;}
.view-msg{color:#d52f4b;font-size: 16px;text-align: center; height: 16px;line-height: 16px;margin-top: -28px;margin-bottom: 30px;}
.view-msg img{display: inline-block;vertical-align: middle;margin: 0 5px;}
.view-msg .mrg-r{margin-right: 30px;}
/*评论*/
.comment{background-color:#fff;margin:10px auto 50px;width:980px}.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; padding: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/2017WWDC/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-bottom: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/2017WWDC/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/2017WWDC/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/2017WWDC/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/2017WWDC/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/2017WWDC/base.png) no-repeat;background-position:-298px -164px}.commt_btns .agree{float:right}.commt_btns .agree i{display:inline-block;background:url(../images/2017WWDC/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/2017WWDC/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/2017WWDC/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/2017WWDC/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 #EEEEF0;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/2017WWDC/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/2017WWDC/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/2017WWDC/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/2017WWDC/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/2017WWDC/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/2017WWDC/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/2017WWDC/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 .comment{width:570px}.comment_reply_box .comment 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 .comment li a{color:#666}.comment_reply_box .comment ul li input,.comment_reply_box .comment ul li label{display:inline-block;height:32px;vertical-align:middle}.comment_reply_box .comment 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/2017WWDC/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;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/2017WWDC/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/2017WWDC/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}

/*评论模块*/
.comments {
	width: 100%;
	min-width: 654px;
	border-top: 3px solid #000;
	padding-top: 22px;
	margin-bottom: 30px;
	overflow: hidden;
}
.comments .topBar {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 10px;
	height: 45px;
	width: 100%;
}
.comments .topBar .title {
	float: left;
	background:url(../images/2017WWDC/topbar_tel.png) no-repeat;
	background-position: -72px -50px;
	height: 35px;
	width: 158px;
	text-indent: -999em;
	font-size: 0;
	vertical-align: top;
}
.comments .topBar .totalbar {
	float: right;
}
.comments .topBar .partIn,.comments .topBar .threat {
	float: left;
	margin: -8px 0 0 20px;
	position: relative;
	vertical-align: top;
}
.comments .topBar .partIn b,.comments .topBar .threat b {
	display: block;
	color: #ed0000;
	font-size: 30px;
	font-weight: 500;
	text-align: right;
}
.comments .topBar .partIn em,.comments .topBar .threat em {
	display: block;
	color: #999;
	font-size: 12px;
	position: relative;
	margin-top: -4px;
	text-align: right;
}
.comments .commt_panel {
	padding-top: 20px;
}
/* overflow: hidden;*/
	.comments .commt_item {
	border-bottom: 1px solid #fafafa;
	margin-bottom: 10px;
}
.comments .commt_header {
	font-size: 12px;
	padding: 0 0 5px 52px;
	position: relative;
}
.comments .commt_header .report-btn {
	display: none;
	color: #9d9d9d;
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 5px;
}
.comments .commt_header .report-btn i {
	display: inline-block;
	background: url(../images/2017WWDC/report-icon.png) no-repeat;
	height: 11px;
	width: 9px;
	background-position: 0 0;
	margin-right: 4px;
	vertical-align: top;
}
.comments .commt_header .report-btn:hover {
	color: #ed0000;
}
.comments .commt_header .report-btn:hover i {
	background-position: -9px 0;
}
.comments .commt_header .date {
	padding-left: 12px;
	color: #999;
}
.comments .commt_header .userHeader {
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
}
.comments .commt_main {
	padding: 0 0 6px 0;
	word-break: break-all;
	position: relative;
}
.comments .commt_main p {
	color: #111;
	line-height: 20px;
	padding-left: 52px;
}
.comments .commt_btns {
	padding-left: 52px;
	margin-bottom: 5px;
}
.comments .commt_btns .replyBtn, .comments .commt_btns .priseBtn, .comments .commt_btns .oppositionBtn {
	display: inline-block;
	color: #969696;
	font-size: 12px;
	cursor: pointer;
	vertical-align: top;
}
.comments .commt_btns .replyBtn i,.comments .commt_btns .priseBtn i,.comments .commt_btns .priseBtn s,.comments .commt_btns .oppositionBtn i,.comments .commt_btns .oppositionBtn s {
	display: inline-block;
	background: url(../images/2017WWDC/comment_btn.png) no-repeat;
	height: 14px;
	width: 14px;
	margin: 0 6px 0 0;
	vertical-align: top;
}
.comments .commt_btns .replyBtn i {
	background-position: 0 0;
}
.comments .commt_btns .replyBtn:hover i {
	background-position: -14px 0;
}
.comments .commt_btns .priseBtn {
	position: relative;
	margin-right: 30px;
}
.comments .commt_btns .priseBtn i {
	background-position: -28px 0;
	margin-top: -1px;
}
.comments .commt_btns .priseBtn:hover i {
	background-position: -42px 0;
}
.comments .commt_btns .priseBtn.active {
	color: #ed0000;
	pointer-events: none;
}
.comments .commt_btns .priseBtn.active i {
	background-position: -56px 0;
}
.comments .commt_btns .priseBtn s {
	opacity: 0;
	filter: alpha(opacity=0);
	background-position: -56px 0;
	margin-top: -1px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.comments .commt_btns .priseBtn.active s {
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.comments .commt_btns .oppositionBtn {
	position: relative;
}
.comments .commt_btns .oppositionBtn i {
	background-position: -98px 0;
}
.comments .commt_btns .oppositionBtn:hover i {
	background-position: -70px 0;
}
.comments .commt_btns .oppositionBtn.active {
	color: #ed0000;
	pointer-events: none;
}
.comments .commt_btns .oppositionBtn.active i {
	background-position: -84px 0;
}
.comments .commt_btns .oppositionBtn s {
	opacity: 0;
	filter: alpha(opacity=0);
	background-position: -84px 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.comments .commt_btns .oppositionBtn.active s {
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.comments .commt_btns .replyBtn {
	margin-right: 30px;
}
.comments .commt_reply {
	display: none;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.comments .commt_reply .con {
	background-color: #eceff4;
	border-top: 1px solid #dadde4;
	border-bottom:1px solid #dadde4;
	padding: 15px 0 15px 0;
	margin: 15px 0;
	position: relative;
}
.comments .commt_reply.active {
	border-bottom: 1px solid #dadde4;
}
.comments .commt_reply .triangle, .commt_reply .triangle em {
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: dashed dashed solid;
	border-color: transparent transparent #dadde4;
	position: absolute;
}
.comments .commt_reply .triangle em {
	border-width: 9px;
	border-color: transparent transparent #eceff4;
	top: -8px;
	left: -9px;
}
.comments .commt_reply .triangle {
	left: 62px;
	top: -20px;
}
.comments .commt_reply .writeBox {
	padding: 0 15px 0 60px;
	position: relative;
}
.comments .commt_reply .userHeader {
	display: inline-block;
	height: 30px;
	width: 30px;
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 14px;
}
.comments .commt_reply .textarea {
	width: 100%;
}
.comments .commt_reply textarea {
	color: #999;
	border:1px solid #dadde4;
	border-radius: 5px;
	line-height: 20px;
	padding:10px 2%;
	height: 20px;
	width: 96%;
	outline: none;
}
.comments .commt_reply .textarea .bottombar {
	display: none;
	color: #8b8f97;
	line-height: 28px;
	margin: 12px 0 0 0;
	height: 30px;
	overflow: hidden;
}
.comments .commt_reply .bottombar .nameDiv {
	float: left;
	height: 30px;
	width: 448px;
	overflow: hidden;
	position: relative;
}
.comments .commt_reply .bottombar .animateBox {
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
.comments .commt_reply .oneModule,.comments .commt_reply .twoModule {
	display: inline;
	float: left;
}
.comments .commt_reply .oneModule .defaultName, .comments .commt_reply .oneModule .verification-code {
	outline:0;
	display: inline-block;
	background-color: #fff;
	color: #c0cad7;
	border: 1px solid #c0cad7;
	border-radius: 5px;
	line-height: 28px;
	margin-left: 6px;
	padding-left: 10px;
	height: 28px;
	width: 125px;
	vertical-align: top;
}
.comments .commt_reply .oneModule .verification-code {
	width: 70px;
}
.comments .commt_reply .oneModule .verificationimg img {
	height: 30px;
	width: 60px;
	vertical-align: top;
}
.comments .commt_reply .oneModule {
	margin-right: 10px;
}
.comments .commt_reply .oneModule .defaultName {
	outline: 0;
	display: inline-block;
	background-color: #fff;
	color: #c0cad7;
	border: 1px solid #c0cad7;
	border-radius: 5px;
	line-height: 28px;
	margin-right: 6px;
	padding-left: 10px;
	height: 28px;
	width: 125px;
}
.comments .commt_reply .oneModule .fengLoginBtn {
	display: inline-block;
	background: url(../images/2017WWDC/topbar_tel.png) no-repeat;
	background-position: 0 -127px;
	margin-top: 2px;
	height: 27px;
	width: 128px;
	font-size: 0;
	text-indent: -999em;
	vertical-align: top;
}
.comments .commt_reply .oneModule .fengLoginBtn:hover {
	filter: alpha(opacity=80);
	opacity: .8
}
.comments .commt_reply .twoModule .name {
	display: inline-block;
	color: #c0cad7;
	margin-right: 5px;
}
.comments .commt_reply .twoModule .noNameBtn {
	display: inline-block;
	background-color: #fff;
	color: #c0cad7;
	border: 1px solid #c0cad7;
	border-radius: 5px;
	line-height: 28px;
	padding: 0 12px;
}
.comments .commt_reply .twoModule .noNameBtn:hover {
	filter: alpha(opacity=80);
	opacity: .8
}
.comments .commt_reply .textarea .chartNum {
	float: right;
	color: #999;
}
.comments .commt_reply .textarea .oKBtn {
	float: right;
	background-color: #00c76c;
	color: #fff;
	border-radius: 5px;
	line-height: 30px;
	margin-left: 0;
	height: 30px;
	width: 64px;
	text-align: center;
}
.comments .commt_reply .textarea .cancleBtn {
	float: right;
	background-color: #fff;
	color: #000;
	border: 1px solid #c0cad7;
	border-radius: 5px;
	line-height: 28px;
	height: 28px;
	width: 78px;
	text-align: center;
}
.comments .commt_reply .textarea .oKBtn:hover,.comments .commt_reply .textarea .cancleBtn:hover {
	filter:alpha(opacity=80);
	opacity: .8;
}
.comments .commt_item .commt_item {
	background-color: #fcfcfc;
	border-bottom: 1px solid #e8e8e8;
	padding-left: 5px;
	border-left: 2px solid #4ab7db;
	padding-top: 10px;
	margin: 0 0 0 60px;
}
.comments .commt_item .commt_item .source {
	display: inline-block;
	background: url(../images/2017WWDC/topbar_tel.png) no-repeat;
	background-position: -70px 0;
	margin: 3px 6px 0;
	height: 14px;
	width: 14px;
	vertical-align: top;
}
.comments .commt_item .commt_item .commt_header .userHeader {
	display: inline-block;
	height: 30px;
	width: 30px;
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 10px;
}
.comments .collapse {
	display: inline-block;
	height: 22px;
	color: #009bd3;
	font-size: 13px;
	padding:15px 0;
	margin-left: 58px;
}
.comments .collapse .openShow,.comments .collapse .openHide {
	display: inline-block;
	background: url(../images/2017WWDC/comment-msg-downarrow.png) no-repeat left top;
	height: 20px;
	width: 22px;
	vertical-align: top;
}
.comments .collapse .openHide {
	background: url(../images/2017WWDC/comment-msg-uparrow.png) no-repeat left top;
}
.comments .catery-msgbox {
	padding-top: 15px;
	height: 22px;
	position: relative;
}
.comments .commt_item .commt_item.my-msg-cur, .comments .commt_item.my-msg-cur {
	border-left: solid 4px #4ab7db;
	margin-left: 58px;
}
.comments .catery-msgbox h2.hot, .catery-msgbox h2.new {
	color: #ed001c;
	font-size: 14px;
	font-weight: 400;
}
.comments .catery-msgbox .catery-tabNav {
	height: 22px;
	border: solid #ddd 1px;
	width: 92px;
	border-radius: 3px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	right: 0;
}
.comments .catery-msgbox .catery-tabNav a {
	float: left;
	color: #333;
	line-height: 22px;
	height: 22px;
	width: 45px;
	text-align: center;
}
.comments .catery-msgbox .catery-tabNav a.current {
	background-color: #379be9;
	color: #fff;
	border: 1px solid #379be9;
}
.comments .from-client-feng {
	color: #b6b6b6;
	margin-left: 5px;
	position: relative;
}
.comments .from-client-feng b {
	color: #666;
	font-weight: 400;
	padding-left: 2px;
}
.comments .from-client-feng .qr_pop {
	opacity: 0;
	filter: alpha(opacity=0);
	background: #fff;
	border: 1px solid #d4d4d4;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
	z-index: 9;
	left: 25px;
	top: -90px;
}
.comments .from-client-feng:hover .qr_pop {
	opacity: 1;
	filter: alpha(opacity=100);
	height: 78px;
	width: 78px;
	overflow: inherit;
}
.comments .from-client-feng .qr_pop i,.comments .from-client-feng .qr_pop em {
	display: inline-block;
	border-style: solid;
	font-size: 0;
	margin: 0;
	margin-left: -10px;
	height: 0;
	width: 0;
	border-color: #d4d4d4 transparent transparent transparent;
	position: absolute;
	left: 50%;
	_line-height: 0;
	top: 100%;
	z-index: 9;
}
.comments .from-client-feng .qr_pop i {
	border-width: 10px;
}
.comments .from-client-feng .qr_pop em {
	border-width: 8px;
	border-color: #fff transparent transparent transparent;
	left: 2px;
	top: -10px;
	z-index: 3;
}
.catery-msgbox h2.new {
	color: #1fb1e1;
}
.comUpPop {
	background-color: #434c69;
	width: 970px;
	border-top: 2px solid #00ccff;
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.2);
	-ms-box-shadow: 0 5px 8px rgba(0,0,0,.2);
	-mz-box-shadow: 0 5px 8px rgba(0,0,0,.2);
	box-shadow: 0 5px 8px rgba(0,0,0,.2);
	margin-left: -500px;
	padding: 15px;
	position: fixed;
	left: 50%;
	z-index: 99;
}
.comUpPop .con {
	font-size: 12px;
	color: #b5b5b5;
	padding-left: 56px;
	position:relative;
	cursor: pointer;
}
.comUpPop .con h2 {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 8px;
}
.comUpPop .con .userHeader {
	display: block;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
	overflow: hidden;
}
.comUpPop .con .name {
	color: #fff;
	padding-right: 20px;
}
.comUpPop .con .time {
	}
.comUpPop .con .closeBtn {
	display: block;
	background: url(../images/2017WWDC/topbar_tel.png) no-repeat;
	background-position: -84px 0;
	height: 10px;
	width: 10px;
	position: absolute;
	top: -5px;
	right: -5px;
	text-indent: -999em;
	font-size: 0;
	-moz-transition:all .32s linear;
	-ms-transition:all .32s linear;
	-webkit-transition:all .32s linear;
	transition:all .32s linear;
}
.comUpPop .con .closeBtn:hover {
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
.fixedBottomBox {
	background-color: #fbfbfb;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 15px 0;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
}
.fixedBottomBox .commentItem {
	}
.fixedBottomBox .commentItem .msgArea {
	display:inline-block;
	padding-left:50px;
	width:600px;
}
.fixedBottomBox .commentItem .msgArea .header {
	border-radius: 5px;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	font-size: 0;
}
.fixedBottomBox .msgArea .textarea {
	width: 100%;
}
.fixedBottomBox .msgArea textarea {
	color: #999;
	border:1px solid #dadde4;
	border-radius: 5px;
	line-height: 20px;
	padding:10px 2%;
	height: 20px;
	width: 96%;
	outline: none;
	resize: none;
}
.fixedBottomBox .msgArea .textarea .bottombar {
	display: none;
	color: #8b8f97;
	line-height: 28px;
	margin: 12px 0;
	height: 30px;
	overflow: hidden;
}
.fixedBottomBox .msgArea .textarea.active textarea {
	height: 100px;
}
.fixedBottomBox .msgArea .textarea.active .bottombar {
	display: block;
}
.fixedBottomBox .msgArea .nameDiv {
	float: left;
	height: 30px;
	width:456px;
	overflow: hidden;
	position: relative;
}
.fixedBottomBox .msgArea .animateBox {
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
.fixedBottomBox .msgArea .oneModule,.fixedBottomBox .msgArea .twoModule {
	display: inline;
	float: left;
}
.fixedBottomBox .msgArea .oneModule {
	margin-right: 10px;
}
.fixedBottomBox .msgArea .oneModule .defaultName, .fixedBottomBox .msgArea .oneModule .verification-code {
	outline:0;
	display: inline-block;
	background-color: #fff;
	color: #c0cad7;
	border: 1px solid #c0cad7;
	border-radius: 5px;
	line-height: 28px;
	margin-left: 6px;
	padding-left: 10px;
	height: 28px;
	width: 125px;
	vertical-align: top;
	_height: 26px;
	*height: 26px;
}
.fixedBottomBox .msgArea .oneModule .verification-code {
	margin-right: 5px;
	width: 70px;
}
.fixedBottomBox .msgArea .oneModule .verificationimg img {
	height: 30px;
	width: 60px;
	vertical-align: top;
}
.fixedBottomBox .msgArea .oneModule .fengLoginBtn {
	display: inline-block;
	background: url(../images/2017WWDC/topbar_tel.png) no-repeat;
	background-position: 0 -127px;
	margin-top: 2px;
	height: 27px;
	width: 128px;
	font-size: 0;
	text-indent: -999em;
	vertical-align: top;
	_float: left;
	*float: left;
}
.fixedBottomBox .msgArea .oneModule .fengLoginBtn:hover {
	filter: alpha(opacity=80);
	opacity: .8
}
.fixedBottomBox .msgArea .twoModule .name {
	display: inline-block;
	color: #c0cad7;
	margin-right: 5px;
}
.fixedBottomBox .msgArea .twoModule .noNameBtn {
	display: inline-block;
	background-color: #fff;
	color: #c0cad7;
	border: 1px solid #c0cad7;
	border-radius: 5px;
	line-height: 28px;
	padding: 0 12px;
}
.fixedBottomBox .msgArea .twoModule .noNameBtn:hover {
	filter: alpha(opacity=80);
	opacity: .8
}
.fixedBottomBox .msgArea .textarea .chartNum {
	float: right;
	color: #999;
}
.fixedBottomBox .msgArea .textarea .oKBtn {
	float: right;
	background-color: #00c76c;
	color: #fff;
	border-radius: 5px;
	line-height: 30px;
	margin-left: 12px;
	height: 30px;
	width: 70px;
	text-align: center;
}
.fixedBottomBox .msgArea .textarea .cancleBtn {
	float: right;
	background-color: #fff;
	color: #000;
	border: 1px solid #c0cad7;
	border-radius: 5px;
	line-height: 28px;
	height: 28px;
	width: 78px;
	text-align: center;
}
.fixedBottomBox .msgArea .textarea .oKBtn:hover,.comments .commt_reply .textarea .cancleBtn:hover {
	filter:alpha(opacity=80);
	opacity: .8;
}
.fixedBottomBox .commentItem .shareModule {
	position: absolute;
	right: 35px;
	top: 0;
	width: 278px;
	height: 42px;
	line-height: 42px;
}
.fixedBottomBox .commentItem .shareModule .label {
	display: inline-block;
	color: #969696;
	margin-top: 4px;
}
.fixedBottomBox .commentItem .shareModule .bdsharebuttonbox {
	float: right;
	height: 42px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a {
	display: inline-block;
	height: 42px;
	margin: 0;
	padding: 0 22px;
	background: url(../images/2017WWDC/index_ico.png) no-repeat;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_weixin {
	background-position: 16px -462px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_qzone {
	background-position: -26px -462px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_tsina {
	background-position: -64px -462px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_tqq {
	background-position: -103px -462px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_renren {
	background-position: -62px -418px;
}
.fixedBottomBox .commentItem .shareBox {
	margin-bottom: 20px;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	height: 46px;
	line-height: 46px;
}
.fixedBottomBox .commentItem .shareBox .bdsharebuttonbox {
	float: right;
	height: 46px;
}
.fixedBottomBox .commentItem .shareBox .bdsharebuttonbox a {
	float: left;
	height: 46px;
	border-left: 1px solid #e5e5e5;
	margin: 0;
	padding: 0 30px;
	background: url(../images/2017WWDC/index_ico.png) no-repeat;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_weixin:hover {
	opacity: 1;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_weixin {
	background-position: 8px -462px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_qzone {
	background-position: -32px -462px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_tsina {
	background-position: -70px -462px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_tqq {
	background-position: -108px -462px;
}
.fixedBottomBox .commentItem .bdsharebuttonbox a.bds_renren {
	background-position: -67px -418px;
}
.fixedBottomBox .commentItem .shareBox .label {
	float: right;
	display: inline;
	margin-right: 10px;
	color: #969696;
}
.fixedBottomBox .msgOffBtn,.fixedBottomBox .msgOnBtn {
	background-color: #434c69;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	padding-top: 3px;
	height: 32px;
	width: 35px;
	text-align: center;
	position: absolute;
	top: 6px;
	right: 0;
	cursor: pointer;
	-webkit-text-shadow:0 0 1px rgba(0,0,0,.1);
	text-shadow:0 0 1px rgba(0,0,0,.1);
}
.fixedBottomBox .msgOffBtn:hover {
	background-color: #3f4761;
}
.fixedBottomBox .msgOnBtn {
	background-color: #00c76c;
}
.fixedBottomBox .msgOnBtn:hover {
	background-color: #01b563;
}
.new-icon-msg {
	display: inline-block;
	background: url(../images/2017WWDC/new-icon.png) no-repeat;
	margin-left: 5px;
	height: 18px;
	width: 34px;
	vertical-align: top;
}
.hot-icon-msg {
	display: inline-block;
	background: url(../images/2017WWDC/hot-icon.png) no-repeat;
	margin-left: 5px;
	height: 16px;
	width: 13px;
	vertical-align: top;
}
.msgPopHint {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	border: 1px solid #dadde4;
	font-size: 16px;
	color: #8f959e;
	opacity: 0;
	filter: alpha(opacity=0);
	padding:20px 0;
	text-align: center;
	width: 998px;
	position: fixed;
	left: 50%;
	z-index: 8;
	top: -40px;
	margin-left: -499px;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.msgPopHint.error {
	color: #e50000;
}
.qq-sina-icon {
	display: inline-block;
	height: 28px;
	vertical-align: top;
}
.qq-sina-icon a {
	display: inline-block;
	background: url(../images/2017WWDC/qq-sina-icon.png) no-repeat;
	font-size: 0;
	margin-left: 10px;
	height: 28px;
	width: 110px;
	vertical-align: top;
	text-indent: -999em;
}
.qq-sina-icon a.sina {
	background-position: 0 0;
}
.qq-sina-icon a.qq {
	background-position: 0 -28px;
}
.qq-sina-icon a:hover {
	opacity: .8;
}
.bind-sina-qq {
	display: none;
	color: #8b8f97;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	vertical-align: top;
}
.bind-sina-qq input {
	height: 16px;
	width: 16px;
	vertical-align: top;
	margin: 4px 2px 0 0;
}
.bind-sina-qq .synchronousbinding {
	display: inline-block;
	margin-right: 15px;
}
.share_wx {
	position: relative;
}
.share_wx .upPopwx {
	visibility: hidden;
	background: url(../images/2017WWDC/qr-share-wx.png) no-repeat;
	height: 228px;
	width: 217px;
	position: absolute;
	left: -86px;
	top: -216px;
}
.share_wx .upPopwx img {
	height: 200px;
	width: 200px;
	margin: 8px;
}
.share_wx:hover .upPopwx {
	visibility: visible;
}
/*分享*/
/* 微信分享弹层样式 */
.towdimcodelayer{position:absolute;left:-50px;top:-260px;z-index:10000;margin-top:0;opacity:0;filter:alpha(opacity=0);}
.js-transition{transition:margin-top .15s ease,opacity .12s linear;-webkit-transition:margin-top .15s ease,opacity .12s linear;-moz-transition:margin-top .18s ease,opacity .15s linear;-ms-transition:margin-top .15s ease,opacity .12s linear;-o-transition:margin-top .15s ease,opacity .12s linear;}
.towdimcodelayer .arrow{position:absolute;width:0;height:0;border-width:8px;border-style:solid;_display:none;}
.towdimcodelayer .js-arrow-up{left:72px;top:-15px;border-color:transparent transparent #191919 transparent;}
.towdimcodelayer .js-arrow-down{left:72px;bottom:-15px;border-color:#191919 transparent transparent transparent;}
.towdimcodelayer .layerbd{width: 125px; height: 186px; padding: 30px 40px 20px 26px;background:#191919;box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;}
.towdimcodelayer .codebg{width: 120px; height: 120px; padding: 10px; background: #fff;}
.towdimcodelayer .codebg img{width: 100%;}
.towdimcodelayer .codett{height: 22px; line-height: 22px; margin-top: 10px; color: #888; font-size: 12px; text-align: center;}
.js-show-up{margin-top:15px;opacity:1;filter:alpha(opacity=100);}
.js-show-down{margin-top:-15px;opacity:1;filter:alpha(opacity=100);}
.f-pr{position:relative;}
.detail_bottom .share{width: 100%; margin-bottom: 20px; border-top: solid 1px  #e5e5e5; border-bottom: solid 1px  #e5e5e5; height: 46px; line-height: 46px;}
.detail_bottom .share .label{float: left; display: inline; margin-right: 10px; color: #969696; width: 53%; text-align: right;}
.detail_bottom .share ul{float: right; margin:0; padding:0; height: 46px; line-height: 46px;}
.share ul li{float:left; margin:0; padding:0; list-style: none;}
.share .wb1,.share .wb2,.share .wb3,.share .wb4,.share .wb5{background:url(../images/2017WWDC/index_ico.png) no-repeat center; display: inline-block; height: 46px; border-left: 1px solid #ededed; margin: 0; padding: 0 28px; width: 0px; text-align: center; text-indent:-999px; overflow: hidden;}
.share .wb1{background-position: -28px -462px;}
.share .wb2{background-position: -66px -462px;}
.share .wb3{background-position: -26px -422px;}
.share .wb4{background-position: 12px -422px;}
.share .wb5{background-position: 14px -462px;}


.fixedBottomBox .commentItem .share{border:none; border-bottom: none; float: right;}
.fixedBottomBox .commentItem .share .label{float: left; display: inline; margin-right: 10px; color: #969696; line-height: 46px;}
.fixedBottomBox .share ul{float: left;}
.fixedBottomBox .share ul a{border:none;}
.fixedBottomBox .share a{padding:0 27px;}