.goodsDetail,.goodsListBox,.slideBox .hd li.on,.userInfo,body{background:#fff}body{-webkit-tap-highlight-color:transparent}.slideBox{position:relative;overflow:hidden}.slideBox .hd{position:absolute;bottom:15px;width:100%;text-align:center;z-index:1}.slideBox .hd li{display:inline-block;width:6px;height:6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #fff;text-indent:-9999px;overflow:hidden;margin:-4px 7px}.slideBox .bd li img{vertical-align:top;width:100%;max-height:426px}.tempWrap{max-height:426px}.slideBox .bd li .tit{display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;color:#fff;text-align:left}.userInfo{width:100%;height:72px}.userInfo .leftSpan{float:left;display:block;height:100%}.userInfo .leftSpan.avator a{display:block;height:55px;width:55px;margin-top:8px;margin-left:15px}.userInfo .leftSpan.avator a img{display:block;height:100%;width:100%;border-radius:50%}.userInfo .leftSpan.username{margin-left:5px}.userInfo .leftSpan.username .first{font-size:16px;color:#202020;margin-top:20px;display:block;width:141px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userInfo .leftSpan.username .first.nologin{line-height:55px;margin-top:10px}.userInfo .leftSpan.username .first.nologin a{font-size:16px;color:#202020}.userInfo .leftSpan.username .second{font-size:12px;color:#aaa;margin-top:5px}.userInfo .rightSpan{float:right;height:100%}.userInfo .rightSpan b{font-size:16px;line-height:72px;color:#202020}.userInfo .rightSpan img{height:14px;width:14px;margin-right:16px;position:relative;top:2px}.goodsListBox{width:100%;border-top:1px solid #eee}.goodsListBox .goodsSpan{float:left;width:49.6%;position:relative;border-bottom:1px solid #eee;padding-bottom:10px;height:180px}.goodsListBox .goodsSpan.haveBorder{border-right:1px solid #eee}.goodsListBox .goodsSpan .icon{position:absolute;background:#f3364c;color:#fff;width:33px;height:16px;text-align:center;line-height:16px;font-size:12px;top:9px;left:0}.goodsListBox .goodsSpan img{width:100%;display:block}.goodsListBox .goodsSpan img.endimg{width:30%;display:block;position:absolute;top:20%;left:35%}.goodsListBox .goodsSpan .goodsTitle{width:80%;display:block;margin:15px auto auto;text-align:left;font-size:16px;color:#202020;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goodsDetail .goodsPrice,.goodsDetail .goodsTitle{margin:5px auto auto;font-size:16px;text-align:left;color:#202020}.goodsListBox .goodsSpan .goodsPrice{width:80%;display:block;margin:5px auto auto;font-size:12px;color:#202020;text-align:left}.goodsListBox .goodsSpan .goodsPrice .first{color:#f3364c;font-size:16px}.goodsListBox .goodsSpan .goodsPrice .second{color:#aaa;text-decoration:line-through}.goodsDetail{height:100%;width:100%;top:0;left:-100%;position:fixed;z-index:99}.goodsDetail .closeBtn{display:block;height:15px;width:15px;position:absolute;top:15px;left:15px}.goodsDetail .closeBtn img{height:100%;width:100%}.goodsDetail .timeList{width:200px;margin:10% auto auto;height:40px;text-align:center}.goodsDetail .timeList span{margin-right:5px;float:left}.goodsDetail .timeList span.day{margin-left:20px;margin-right:20px}.goodsDetail .timeList span p{font-size:24px;color:#202020}.goodsDetail .timeList span b{font-size:12px;color:#999}.goodsDetail .goodsImg{display:block;margin:5% auto auto;height:50%;max-width:95%}.goodsDetail .goodsTitle{width:90%;display:block;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goodsDetail .goodsPrice{width:90%;display:block}.goodsDetail .goodsPrice .first,.masklayer .mask.mask1 .app{color:#f3364c}.goodsDetail .goodsPrice .second{color:#aaa;text-decoration:line-through}.goodsDetail .goodsDescribe{font-size:12px;width:90%;margin:10px auto auto;color:#aaa;line-height:20px;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.goodsDetail .exChange,.goodsDetail .submitChage{height:50px;width:150px;text-align:center;margin:20px auto auto;line-height:50px;font-size:16px;color:#fff;border-radius:30px;display:block}.goodsDetail .exChange.red,.goodsDetail .submitChage.red{background:#f3364c}.goodsDetail .exChange.grey,.goodsDetail .submitChage.grey{background:#eaeaea;color:#aaa}.masklayer{position:fixed;height:100%;width:100%;z-index:100;top:0;left:0;background:rgba(0,0,0,.5)}.masklayer .mask{background:#fff;width:80%;margin:40% auto auto;position:relative;padding-top:30px}.masklayer .mask .closeBtn{position:absolute;top:10px;right:10px}.masklayer .mask .errorIcon{width:47px;height:47px;margin:auto;display:block}.masklayer .mask p{font-size:16px;text-align:center;margin-top:10px;color:#202020}.masklayer .mask div{width:100%;border-top:1px solid #eee;margin-top:15px;height:50px}.masklayer .mask div a{display:block;width:49.8%;float:left;height:100%;text-align:center;line-height:50px;font-size:12px}.masklayer .mask div a.second{border-left:1px solid #eee}.masklayer .mask2,.masklayer .mask3{padding-bottom:30px}@-webkit-keyframes goodsSpanHide{from{opacity:1}to{opacity:.3}}@-webkit-keyframes goodsDetailShow{from{left:200%}to{left:0}}@-webkit-keyframes goodsSpanShow{from{opacity:.3}to{opacity:1}}@-webkit-keyframes goodsDetailHide{from{left:0}to{left:200%}}