12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- 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}
|