|
/*商品详情页面*/
|
|
/*顶部外框*/
|
.topwai{ width: 100%; height: 3.2rem; background-color: #E5005C; }
|
/*logo图标*/
|
.topimg{ width: 4.5rem; height: 1.5rem; margin: 0 1rem; display: block; }
|
.topimg>img{ width: 100%; height: 100%; }
|
/*输入外框*/
|
.topruwai{ height: 2rem; margin-right: 1rem; border-radius: 1rem; background-color: white; }
|
.topjing{ width: 1.2rem; height: 1.2rem; margin-left: 0.8rem; margin-right: 0.5rem; }
|
.topinput{ margin-right: 1rem; border: none; outline: none; }
|
input::-webkit-input-placeholder{ color: #B2B2B2; }
|
|
/*图片区域*/
|
.sptuwai{ width: 100%; height: 100vw; position: relative; overflow: hidden; }
|
/*右上角图片数量提示*/
|
.sptunumwai{ height: 2rem; padding: 0 1rem; position: absolute; right: 1rem; top: 1rem; border-radius: 1rem; background-color: rgba(0,0,0,0.6); color: white; z-index: 5; }
|
/*商品标题*/
|
.sptutitlewai{ width: 94%; min-height: 4rem; padding: 0.7rem 3%; position: absolute; left: 0; bottom: 0; background-color: rgba(255,255,255,0.9); z-index: 5; }
|
/*红色字体*/
|
.sptujiared{ color: #E30054; }
|
|
/*淘口令区域*/
|
.taoklwai{ width: 100%; height: 17rem; border-top: solid 2px #FFA774; background-color: white; }
|
/*口令显示区*/
|
.taokl{ width: 78%; padding: 0.8rem 1rem; margin: 0 auto; margin-top: 0.5rem; border: solid 2px #FFA774; color: #FF7541; }
|
/*复制按钮*/
|
.touklbtnwai{ width: 100%; padding: 1.5rem 0; position: fixed; left: 0; bottom: 0; z-index: 15; }
|
.touklbtn{ height: 2.6rem; padding: 0 3rem; border-radius: 1.3rem; color: white; background-color: #FF5E03; opacity: 0.8; }
|
|
|
|
/*首页页面*/
|
|
/*顶部轮播图*/
|
.homelunboimg{ width: 100%; height: 44vw; }
|
|
/*猜你喜欢*/
|
.homecaiwai{ width: 100%; height: 2.5rem; margin-top: 2vw; background-color: white; }
|
.homecaiimg{ width: 1rem; height: 0.5rem; }
|
|
/*商品单框*/
|
.homespdan{ width: 49.5%; margin-bottom: 1vw; padding-bottom: 0.4rem; position: relative; background-color: white; }
|
.homespcon{ width: 94%; margin-left: 3%; margin-top: 0.7rem; position: relative; overflow: hidden; }
|
/*商品图片*/
|
.homespimg{ width: 100%; height: 49.5vw; }
|
.homespimg>img{ width: 94%; height: 94%; display: block; }
|
/*商品标题*/
|
.homesptitle{ line-height: 1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
|
.homesptitle1{ line-height: 1.2rem; padding: 0 0.3rem; position: absolute; left: 0; top: 0.1rem; border-radius: 0.2rem; background-color: #FF4400; color: white; }
|
.homesptitle2{ line-height: 1.2rem; padding: 0 0.3rem; position: absolute; left: 0; top: 0.1rem; border-radius: 0.2rem; background-color: #E51267; color: white; }
|
/*商品价格-券后价数字*/
|
.homespjianum{ font-size: 1.3rem; line-height: 1.3rem; font-weight: bold; }
|
/*商品券*/
|
.homespquan1{ width: 34%; height: 100%; background-image: url(../img/list_ka1.png); background-size: 100% 100%; }
|
.homespquan1>div{ width: 87%; height: 100%; color: white; }
|
.homespquan2{ width: 66%; height: 100%; background-image: url(../img/list_ka2.png); background-size: 100% 100%; }
|
.homespquan2>div{ width: 91%; height: 100%; color: #E72B58; }
|
.textover{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
/*APP下载*/
|
.homeappwai{ width: 94%; height: 3.5rem; padding: 0 3%; position: fixed; left: 0; bottom: 0.5rem; background-color: rgba(0,0,0,0.75); z-index: 50; color: white; }
|
.homeappimg{ width: 2.5rem; height: 2.5rem; margin-right: 0.3rem; }
|
.homeappgo{ width: 4rem; height: 2rem; border-radius: 1rem; background-color: #E5005C; text-decoration: none; color: white; }
|
|
/*回到顶部火箭*/
|
.homeback{ width: 3rem; height: 3rem; position: fixed; right: 1rem; bottom: 5rem; z-index: 50; border-radius: 50%; box-shadow: 0 0 0.5rem dimgray; animation: animt_back 0.5s; }
|
.homeback>img{ width: 100%; height: 100%; }
|
@keyframes animt_back{ from{opacity: 0;} to{opacity: 1;} }
|
|
|
|
/*搜索页面*/
|
|
/*顶部搜索框*/
|
.seatopwai{ width: 100%; height: auto; }
|
/*热门卡片*/
|
.seahotdan{ line-height: 2rem; padding: 0 1rem; margin-right: 1rem; margin-bottom: 1rem; border-radius: 1rem; background-color: white; }
|
/*筛选处*/
|
.seasaiwai{ width: 100%; height: 2.4rem; background-color: #F9F9F9; border-bottom: 1px solid #E9E8E6; }
|
.seasaiwai input{ width: 4rem; padding: 0.2rem 0.4rem; margin-left: 0.4rem; border-radius: 0.3rem; border: solid 1px #B7B7B7; outline: none; }
|
/*单个选项*/
|
.seasaidan{ border-left: 1px solid #F9F9F9; border-right: 1px solid #F9F9F9; }
|
.seasaidanxuan{ border-left: 1px solid #E9E8E6; border-right: 1px solid #E9E8E6; color: #E7015B; background-color: white; }
|
.seasaiimg{ width: 0.6rem; height: 1rem; margin-left: 0.5rem; }
|
/*确定按钮*/
|
.seasaiok{ width: 4rem; height: 1.7rem; margin-left: 2rem; line-height: 1.7rem; border-radius: 0.5rem; color: white; background-color: #E7015B; text-align: center; }
|
