html,body{background-color:#FC8831} .tar{text-align: right} #content-item{margin-bottom:50px} .weui-cell{border: 1px #ccc solid;background-color: #FFF;margin-bottom: 5px} .weui-cell::before {border-top:none;} .weui-footer{height:50px;padding: 10px 0px} .weui-footer a {color:#FFF} .weui-footer__text{color:#F3F3F3} /* 尼尔 */ .page2{background:#EF592B;margin:30px 20px 0px;border-radius: 10px;padding:40px 20px 20px;position: relative;} .page2 .timelogo{position:absolute;left:10px;top:-20px;width:80px;height:80px;} .page2 .timelogo img{height:80px;} .page2 .timetitle{text-align: center;position:absolute;left:10px;top:0px;right: 0px;height:40px;line-height: 40px;color: #FFF} .page2 .endtime{background: #FFF;border-radius: 10px;padding:10px;text-align: center} .page3{position: relative;} .page3 .untitle{background:#F56842;border:4px #FFF1BE solid;border-radius: 10px;padding:1px 5px;text-align: center;font-size: 22px;font-weight: 600;color:#FFF;margin: 15px 50px;} .page3 .untips{text-align: center;font-size: 14px;color: #FFF;} .page3 .unname{text-align: center;text-align: center;font-size: 22px;font-weight: 600;color:#333;margin:2px;} .page3 .uncontent{background: #FFF;margin: 10px 20px;border-radius: 10px;padding: 10px;position: relative;} .page3 .order{position: absolute;top:5px;right:5px;width:50px;height:25px;line-height: 25px;font-size: 14px;text-align: center;background:#12B7F5;color: #FFF;border-radius: 10px;} .page3 .okpass{background:#CCC;color: #FFF;} .notes{color: #666} /* 工具条 */ #toobar{position:fixed;top:0px;left:0px;right:0px;z-index: 10;background:#7E4419 url('bbs.png') no-repeat 0px center;background-size:30px 30px;height: 40px;line-height:40px;background-color: rgba(0,0,0,.7);} #toobar .info{position: absolute;color: #FFF;font-size: 14px;float: left;margin-left:30px;} #toobar .info span{margin:0px 5px} #toobar #music{position: absolute;right: 0px;;margin: 5px;float:right;width: 30px;height: 30px;background-image: url(music_on.png);background-size: contain;} #toobar .rotate {-webkit-animation: rotating 1.2s linear infinite;-moz-animation: rotating 1.2s linear infinite;-o-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite} @-webkit-keyframes rotating {from { -webkit-transform: rotate(0) }to { -webkit-transform: rotate(360deg)}} @keyframes rotating {from { transform: rotate(0) }to { transform: rotate(360deg)}} @-moz-keyframes rotating {from { -moz-transform: rotate(0) }to { -moz-transform: rotate(360deg)}} #content-item img{width: 100%;margin: 0px;padding: 0px;vertical-align: top;} /* 用户排行榜 */ .user{clear: both;} .user li{display: block;height: 50px;margin-bottom:20px} .user li:last-child{margin-bottom:0px} .user li .user-img{float: left;width: 50px;height: 50px;border-radius: 50%} .user li .user-img img{width: 50px;height: 50px;border-radius: 50%} .user li .user-name{float: left;font-size: 14px;margin-left:5px;color: #666} .user li .user-name .h1{font-size: 16px;} .user li .user-name .h2{font-size: 14px;font-weight: 600;} .user li .user-name .h3{font-size: 14px;font-weight: 600;color: #FF0000} .user li .money{float: right;line-height: 50px;font-size: 14px;font-weight: 600;color: #FF0000} .user li .time{float: right;line-height: 50px;font-size: 14px;color:#ccc} /* 商家联盟 */ .store{clear: both;} .store li{display:flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;position: relative;margin-bottom:10px;border: 1px #fc8831 solid;padding: 5px;border-radius: 5px;} .store li:last-child{margin-bottom: 5px} .store li .store-img{width:70px;height:70px;border-radius:5px} .store li .store-img img{width:70px;height: 70px;border-radius:5px} .store li .store-name{flex: 1;margin-left:5px;line-height: 20px;color: #333} .store li .store-name .h1{font-size: 14px;padding-bottom:2px;font-weight: 600;} .store li .store-name .h2{font-size: 14px;padding-left:25px;height: 22px;line-height: 22px;overflow:hidden;text-overflow:ellipsis;} .store li .store-name .tel{background: url('tel.png') no-repeat left center;background-size:20px 20px;} .store li .store-name .address{background: url('address.png') no-repeat left center;background-size:20px 20px;} .store li .store-text{margin-top: 5px;line-height: 20px;font-size: 14px;color: #888;width: 100%;border-top: 1px #CCC solid;padding-top: 5px;} .store a{display: block;color: #333} /*购物车和订单结算工具栏*/ #item-btm{position: fixed;left: 0;bottom: 0;width: 100%;height: 50px;;z-index:5;background-color: rgb(247, 247, 250);display: -webkit-flex;box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);} #item-btm::before {content:"";position: absolute;left: 0px;top: 0px;right: 0px;height: 1px;color: rgb(192, 191, 196);transform-origin: 0px 0px 0px;transform: scaleY(0.5);border-top: 1px solid rgb(192, 191, 196);} #item-btm .btn{display: block;background: #F53833;color: #fff;text-align: center;width: 100%;height: 50px;line-height: 50px;font-size: 16px;font-weight: 600} #item-btm .btn-total{flex:2;display: block;line-height: 40px;font-size: 1em;line-height: 50px;text-align: center;color: #ff5722;} #item-btm .btn-gray{background: #fff;color: #c0bfc4;} #item-btm .btn a{color: #FFF;display: block} #item-btm .btn-gray a{color: #666} /* 浮动层 */ .slidebar {position: fixed;z-index:9;top: 60%;right: 0;} .slidebar li {padding: 5px;margin-bottom: 10px;border: 1px solid #eee;border-right: 0;background-color: #fff;border-radius: 50px 0 0 50px;display: block;} .slidebar li.item1 .icon {background-color: #12B7F5;} .slidebar li.item1 span {color: #12B7F5;} .slidebar li.item2 .icon {background-color: #f56e12;} .slidebar li.item2 span {color: #f56e12;} .slidebar li.item3 .icon {background-color: #4b0;} .slidebar li.item3 span {color: #4b0;} .slidebar span {display: inline-block;width: 30px;font-size: 12px;line-height: 1.2;text-align: center;vertical-align: middle;} .slidebar span img{width: 100%} .slidebar .icon {display: inline-block;width: 32px;height: 32px;padding: 6px;vertical-align: middle;border-radius: 50%;} /* 加入联盟 */ .gounmarket{ padding: 20px 30px;background: #FFF}