body, html { background-color: #f0f0f0; } .coin-mall-c { img { width: 100%; } .eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .coin-pic { width: 60px; height: 60px; display: inline-block; margin-right: 20px; background-size: 100% 100%; } .coin-pic.yohobuy { display: none; } .coin-pic.yohonow { background-image: url("img/home/family/yoho.png") !important; } .coin-pic.mars { background-image: url("img/home/family/mars-s.png") !important; } .coin-pic-s { width: 34px; height: 34px; background: url("img/home/family/yoho-s.png"); display: inline-block; margin-right: 5px; background-size: 100% 100%; } .tab-fixed { width: 750px; height: 100px; position: relative; clear: both; } .tab { background-color: #fff; float: left; .tab-item { width: 375px; float: left; line-height: 100px; font-size: 30px; color: #b0b0b0; text-align: center; } .tab-item.active { color: #000; } &.fixed { position: fixed; top: 0; left: 0; z-index: 1; } } .coin { background-color: #fff; font-size: 50px; text-align: center; color: #000; line-height: 160px; height: 160px; clear: both; display: flex; justify-content: center; align-items: center; } .coin.now { color: #fece02; } .btn-c { background-color: #fff; padding: 0 44px 60px; float: left; margin-bottom: 20px; a { display: block; width: 270px; height: 58px; background-color: #1a1a1a; color: #fff; line-height: 58px; text-align: center; font-size: 26px; float: left; margin: 0 30px; } } .act-list { clear: both; .act-item { margin-bottom: 20px; .pic { position: relative; width: 100%; height: 300px; img { width: 100%; height: 100%; } .bg { width: 270px; height: 50px; line-height: 50px; background-color: #000; position: absolute; top: 0; right: 0; opacity: 0.5; display: none; } .title { font-size: 26px; width: 270px; height: 50px; line-height: 50px; color: #fff; position: absolute; top: 0; right: 0; text-align: center; display: none; } .level { width: 160px; height: 46px; line-height: 46px; text-align: center; background-color: #000; color: #fff; font-size: 26px; position: absolute; top: 0; right: 0; display: none; } } .info { padding: 20px 30px; height: 170px; background-color: #fff; .left { width: 560px; float: left; } .name { font-size: 30px; line-height: 50px; } .num { font-size: 30px; line-height: 50px; color: #fece02; display: flex; align-items: center; } .old-price { color: #b0b0b0; font-size: 24px; text-decoration: line-through; margin-left: 8px; display: none; } .discount { font-size: 22px; color: #89b374; border: solid 1px #89b374; line-height: 35px; padding: 0 10px; margin-left: 10px; display: none; } .remain { color: #b0b0b0; font-size: 20px; line-height: 30px; } .right { width: 130px; float: right; } .go-btn { width: 130px; height: 58px; line-height: 58px; text-align: center; color: #fff; font-size: 28px; background-color: #b0b0b0; display: block; margin-top: 25px; } .usable { background-color: #000; } .no-store { background-color: #b0b0b0; } } } } .convert-tip { position: absolute; top: 0; height: 100%; width: 100%; } .no-more { text-align: center; margin-bottom: 20px; line-height: 50px; height: 50px; } .show-more { text-align: center; margin-bottom: 20px; line-height: 50px; height: 50px; } .tip-app { position: fixed; top: 0; width: 100%; height: 100%; z-index: 5; .close-tip { display: block; width: 360px; height: 220px; position: relative; top: 81%; left: 200px; } } .now-tip { background-image: url("img/home/family/now-tip.png"); background-size: 100%; } .mars-tip { background-image: url("img/home/family/mars-tip.png"); background-size: 100%; } } #mars { .go-btn.yohonow { display: none; } .coin-pic-s { background-image: url("img/home/family/mars-s.png") !important; } .act-item { .pic { .level { display: block !important; border-radius: 23px 0 0 23px; } } .info { .num { color: #000 !important; } .old-price { display: block !important; } .discount { display: block !important; } } } } #yohonow { .go-btn.mars { display: none; } .act-item { .pic { .bg { display: block !important; } .title { display: block !important; } } } } .is-now-app { #mars-tab { .go-btn { background-color: #ccc; color: #fff; } } } .is-mars-app { #yohonow-tab { .go-btn { background-color: #ccc; color: #fff; } } }