body{ background-color:#fff; font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}

.headerWrapper{height:547px; background:url(https://img.zcool.cn/event-resource/skoda-go/images/topBg.jpg) no-repeat center top; position:relative;z-index:1;margin-top:-3px;}

.layouts{width:1083px;margin-left:auto;margin-right:auto;}

.mainBox{margin-top:-30px; position:relative;z-index:2;}

.qTitle{font-weight:bold;color:#4ba82e;font-size:24px;}









.normalTb th{padding:15px 10px; font-size:14px; vertical-align:middle; text-align:left;}
.normalTb th.vlt{}
.normalTb td{padding:15px 10px;}


.uploadBox{ display:inline-block; width:61px;height:28px; position:relative; overflow:hidden; background:url(https://img.zcool.cn/event-resource/skoda-go/images/ups.png); cursor:pointer;}
.uploadBox input{ opacity:0; position:absolute;right:0;top:0; filter:alpha(opacity=0);font-size:100px; cursor:pointer;}


.txt{height:36px;border:1px solid #ccc;line-height:36px;width:250px;}
.txt.wide{width:380px;}
.area{border:1px solid #ddd;padding:5px;width:500px;height:200px;}

.buttons,a.buttons{height:41px;color:#fff; background:#017f01; border-radius:5px;font-size:18px; font-weight:bold; cursor:pointer;border:0;font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";padding:0 20px; display:inline-block; text-decoration:none;line-height:41px;}
.buttons:hover,a.buttons:hover{ background:#4ba82e;}

.buttons.mini{height:32px;line-height:32px;font-size:14px; border-radius:5px;}

.buttons.gray,.buttons.gray:hover{ background:#d8d9db; cursor:default;}
.buttons.gray.pointer{ cursor:pointer;}


.con{ position:absolute;z-index:2;color:#363c42;line-height:24px;font-size:14px;}
.topic{height:572px;width:1083px; position:relative; background:url(https://img.zcool.cn/event-resource/skoda-go/images/top.png);}
.tc1{width:290px;height:140px;left:30px;top:35px;}
.tc2{width:460px;height:200px;left:530px;top:110px;}
.tc3{width:290px;height:60px;left:100px;top:500px;}
.tc4{width:290px;height:60px;left:530px;top:445px;}


.titleS{ display:inline-block;height:37px; background:url(https://img.zcool.cn/event-resource/skoda-go/images/titleBg.png) no-repeat right bottom; position:relative;padding-right:22px;}
.titleS span{ display:inline-block;height:37px;background:url(https://img.zcool.cn/event-resource/skoda-go/images/titleBg.png) no-repeat left top;color:#fff;line-height:37px;font-size:18px; text-align:center;font-weight:bold; padding:0 10px 0 22px;}



.bannerUl{width:1081px;height:460px; background:#e7e7e7; position:relative;}
.bannerSlide{width:1081px;position:relative;}
.conNavi{margin-top:20px; text-align:center;}
.conNavi a{ display:inline-block;width:14px;height:14px; border-radius:20px; background:#a7a9a6;margin:0 20px;}
.conNavi a.active{ background:#4ba82e;}


.sdkTxt{font-size:14px; color:#363c42;height:123px; background:url(https://img.zcool.cn/event-resource/skoda-go/images/d.png) no-repeat left top;padding:25px 0 0 30px;line-height:24px;}

.topBox{width:1081px;height:684px; background:url(https://img.zcool.cn/event-resource/skoda-go/images/topbox.png) no-repeat ; position:relative;}
.numberone{ position:absolute;top:394px;left:30px;}
.topBox .proList{width:540px; position:absolute;left:550px;top:190px;}
.topBox .proList li{margin:10px 10px 0 0;}


.commentsBox textarea{width:1033px;padding:5px; height:90px;background:#f9f9f9;border:1px solid #ccc;}


a.facespan{color:#1b87d4;font-size:12px;}


.commentsBox{ background:#e9e9e9;padding:20px;font-size:14px;}

.commentsUl{margin:0 auto;}
.commentsUl li{border-bottom:1px solid #ccc;padding:10px;margin:0 auto;}

.commentsUlLeft{width:48px;float:left;padding:3px 0 0 0; }
.commentsUlRight{margin-left:65px;color:#666;}

.commentsUlRight a{color:#80b754;}
.commentsUlRight a.buttons{color:#fff;}
.commentsUlRight a.buttons.gray{color:#000;}
.commentsUlRight a.buttons.gray:hover{ background:#ccc;}
.date{margin-left:10px;}
.commentsUlRight p{padding-top:5px;}

.commentsUlRight textarea{width:940px;}

.page a,.page span{ display:inline-block;padding:0 5px;}
.page span{color:#999;}
.page a:link,.page a:visited{color:#999; text-decoration:none;}
.page a:hover,.page a:active{color:#f59900; text-decoration:none;}

.page a.selected:link,.page a.selected:visited{color:#f59900; text-decoration:none;font-weight:bold;}
.page a.selected:hover,.page a.selected:active{color:#f59900; text-decoration:none;font-weight:bold;}



a.c666{color:#666;}




.fBox{ background:#f3f3f3;border:1px solid #f3f3f3; position:relative;margin-top:10px;padding:10px;}
.fBox:before{content:""; display:inline-block; position:absolute;width:13px;height:8px; background:url(https://img.zcool.cn/event-resource/skoda-go/images/flag.png);top:-7px;left:10px;}


.arrs{ display:inline-block;}
.leftArr{ display:inline-block;margin-right:1px;width:48px;height:88px; background: url(https://img.zcool.cn/event-resource/skoda-go/images/arrow.png) left top; position:absolute;left:-60px;top:50%;margin-top:-44px;}
.leftArr:hover{background: url(https://img.zcool.cn/event-resource/skoda-go/images/arrow.png) left bottom;} 
.rightArr{ display:inline-block;margin-right:1px;width:48px;height:88px; background: url(https://img.zcool.cn/event-resource/skoda-go/images/arrow.png) right top;position:absolute;right:-60px;top:50%;margin-top:-44px;}
.rightArr:hover{background: url(https://img.zcool.cn/event-resource/skoda-go/images/arrow.png) right bottom;}


.imgDes{ background:#4ba82e;color:#fff;height:40px;line-height:40px;padding:0 0 0 10px;}

.imgTop{width:250px;height:188px; position:relative; overflow:hidden;}
.imgTopDes{ position:absolute;height:64px;bottom:-64px;left:0;width:250px; background:#4ba82e;z-index:2;-webkit-transition:500ms ease all;transition:300ms ease all;}
.imgTop:hover .imgTopDes{bottom:0;}

.imgTopDesImg{float:left;width:72px; text-align:center;padding-top:10px;}
.imgTopDesCon{margin-left:72px;color:#fff001;padding-top:10px;line-height:150%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.imgTopDesCon > a{color:#fff001;font-weight:bold;font-size:16px; }
.imgTopDesCon a:hover{color:#fff}
.imgTopDesCon p{padding-top:5px;color:#fff}
.imgTopDesCon p a{color:#fff;}

.proListWrapper{width:108400px; position:relative;}
.proList{width:1084px; position:relative; overflow:hidden;float:left;}
.proList ul{margin-right:-27px;}
.proList li{width:250px;float:left;margin-right:1px;margin-top:20px;margin-right:27px;height:229px;}

.b1{ background:#f1f1f1 url(https://img.zcool.cn/event-resource/skoda-go/images/b1.jpg) no-repeat left -3px;width:1083px;}
.b2{ background:#f1f1f1 url(https://img.zcool.cn/event-resource/skoda-go/images/b2.jpg) no-repeat left -5px;width:1083px;}

.w100{width:100px;}

.numberone .imgTop{width:461px;height:258px;}
.numberone .imgDes{ background:#4ba82e;color:#fff;height:40px;line-height:40px;padding:0 0 0 10px; position:relative;margin-top:-40px;z-index:2;}
.numberone .imgTop .imgTopDes{width:461px;}
.numberone .imgTop:hover .imgTopDes{bottom:40px;}