You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11346 lines
269 KiB
11346 lines
269 KiB
@charset "UTF-8"; |
|
/*每个页面公共css */ |
|
@font-face{font-family:"iconfont";src:url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2')} |
|
.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} |
|
.icon-jingpintuijian:before{content:"\E60D"} |
|
.icon-xiaolian:before{content:"\E60F"} |
|
.icon-yuandianxiao:before{content:"\E82F"} |
|
.icon-xiazai5:before{content:"\E605"} |
|
.icon-icon34:before{content:"\E62B"} |
|
.icon-dadianhua01:before{content:"\E623"} |
|
.icon-webicon318:before{content:"\E6C2"} |
|
.icon-iconfontguanbi:before{content:"\E643"} |
|
.icon-icon25201:before{content:"\E70D"} |
|
.icon-cuxiaoguanli:before{content:"\E60E"} |
|
.icon-miaosha:before{content:"\E6C3"} |
|
.icon-huiyuan:before{content:"\E60B"} |
|
.icon-caigou-xianxing:before{content:"\E887"} |
|
.icon-caigou:before{content:"\E888"} |
|
.icon-yingyongchengxu-xianxing:before{content:"\E8A1"} |
|
.icon-yingyongchengxu:before{content:"\E8A2"} |
|
.icon-ziyuan-xianxing:before{content:"\E8A4"} |
|
.icon-shouye-xianxing:before{content:"\E8BA"} |
|
.icon-shouye:before{content:"\E8B9"} |
|
.icon-yonghu-xianxing:before{content:"\E8C8"} |
|
.icon-yonghu:before{content:"\E8C9"} |
|
.icon-ditu:before{content:"\E906"} |
|
.icon-sousuo2:before{content:"\E757"} |
|
.icon-2:before{content:"\E684"} |
|
.icon-dizhi:before{content:"\E608"} |
|
.icon-huangguan:before{content:"\E624"} |
|
.icon-huangguan1:before{content:"\E625"} |
|
.icon-huangguan2:before{content:"\E626"} |
|
.icon-wuliu:before{content:"\E6F2"} |
|
.icon-xuanzhong:before{content:"\E615"} |
|
.icon-xinpin:before{content:"\E610"} |
|
.icon-arrow:before{content:"\E627"} |
|
.icon-yuezhifu:before{content:"\E65E"} |
|
.icon-bianji:before{content:"\E6CC"} |
|
.icon-wenti:before{content:"\E758"} |
|
.icon-qiandai:before{content:"\E6B1"} |
|
.icon-xiangyou:before{content:"\E679"} |
|
.icon-paihang:before{content:"\E73E"} |
|
.icon-weizhi:before{content:"\E62D"} |
|
.icon-remen:before{content:"\E67C"} |
|
.icon-tuandui:before{content:"\E685"} |
|
.icon-yuezhifu1:before{content:"\E61A"} |
|
.icon-yonghu2:before{content:"\E60A"} |
|
.icon-hebingxingzhuang:before{content:"\E656"} |
|
.icon-gouwuche1:before{content:"\E642"} |
|
.icon-liulan:before{content:"\E629"} |
|
.icon-jinbi1:before{content:"\E655"} |
|
.icon-guanbi2:before{content:"\E61C"} |
|
.icon-sousuo:before{content:"\E67D"} |
|
.icon-weixin:before{content:"\E600"} |
|
.icon-weixin3:before{content:"\E618"} |
|
.icon-paihang1:before{content:"\E633"} |
|
.icon-tongji:before{content:"\E687"} |
|
.icon-caidan:before{content:"\E62A"} |
|
.icon-erweima:before{content:"\E607"} |
|
.icon-shoucang:before{content:"\E606"} |
|
.icon-jian:before{content:"\E621"} |
|
.icon-jia:before{content:"\E7E0"} |
|
.icon-guanbi:before{content:"\E62F"} |
|
.icon-xiangshang1:before{content:"\E622"} |
|
.icon-shuoming:before{content:"\E630"} |
|
.icon-xiala:before{content:"\E67F"} |
|
.icon-pailie:before{content:"\E61B"} |
|
.icon-fenxiang:before{content:"\E603"} |
|
.icon-yinhangqia:before{content:"\E72C"} |
|
.icon-sousuo1:before{content:"\E64C"} |
|
.icon-duihao:before{content:"\E64E"} |
|
.icon-dingdan:before{content:"\E61E"} |
|
.icon-tupianpailie:before{content:"\E620"} |
|
.icon-chongzhi:before{content:"\E602"} |
|
.icon-shezhi:before{content:"\E619"} |
|
.icon-shuoming1:before{content:"\E673"} |
|
.icon-duihao2:before{content:"\E601"} |
|
.icon-complete:before{content:"\E646"} |
|
.icon-weixin1:before{content:"\E66E"} |
|
.icon-xianxiazhifu:before{content:"\E6E1"} |
|
.icon-tianjiadizhi:before{content:"\E640"} |
|
.icon-weixin2:before{content:"\E604"} |
|
.icon-gouwuche:before{content:"\E669"} |
|
.icon-jiazai:before{content:"\E62C"} |
|
.icon-huabanfuben:before{content:"\E654"} |
|
.icon-kefu_o:before{content:"\EB63"} |
|
.icon-liwu_o:before{content:"\EB65"} |
|
.icon-anniu_jiantouzhankai_o:before{content:"\EB89"} |
|
.icon-jiantou_xiayiye_o:before{content:"\EB8F"} |
|
.icon-jiantou_shangxiaqiehuan_o:before{content:"\EB90"} |
|
.icon-shangxiazhankai_o:before{content:"\EB9A"} |
|
.icon-huobiliu_o:before{content:"\EB9F"} |
|
.icon-jinbi_o:before{content:"\EBA1"} |
|
.icon-gerentouxiang_o:before{content:"\EBAC"} |
|
.icon-qunzu_o:before{content:"\EBAD"} |
|
.icon-dianhua_o:before{content:"\EBAF"} |
|
.icon-shoucang_o:before{content:"\EBAE"} |
|
.icon-yunshangchuan_o:before{content:"\EBB3"} |
|
.icon-bingtu_o:before{content:"\EBB4"} |
|
.icon-baoguo_huanbaohe_o:before{content:"\EBB6"} |
|
.icon-baoguo_quxiaoshouhuo_o:before{content:"\EBB7"} |
|
.icon-baoguo_shouhuo_o:before{content:"\EBB8"} |
|
.icon-baoguo_lingjian_o:before{content:"\EBB9"} |
|
.icon-baoguo_shouna_o:before{content:"\EBBE"} |
|
.icon-didiandingwei_o:before{content:"\EBBA"} |
|
.icon-zhekou:before{content:"\E790"} |
|
.icon-laba:before{content:"\E612"} |
|
.icon-quanxianguanlisuozi:before{content:"\E6D2"} |
|
.icon-youjian:before{content:"\E677"} |
|
.icon-xiala1:before{content:"\E609"} |
|
.icon-weixinzhifu:before{content:"\E632"} |
|
.icon-jingyanzhi:before{content:"\E62E"} |
|
.icon-up:before{content:"\E617"} |
|
.icon-kefu:before{content:"\E6B2"} |
|
.icon-shenhezhong:before{content:"\E6CE"} |
|
.icon-kanjia1:before{content:"\E613"} |
|
.icon-shanchu1:before{content:"\E611"} |
|
.icon-zhifubao:before{content:"\E61D"} |
|
.icon-yonghu1:before{content:"\E644"} |
|
.icon-suozi:before{content:"\E631"} |
|
.icon-jiantou:before{content:"\E641"} |
|
.icon-kanjia:before{content:"\E69B"} |
|
.icon-pintuan:before{content:"\E60C"} |
|
.icon-bianji1:before{content:"\E614"} |
|
.icon-youhuiquan:before{content:"\E6E4"} |
|
.icon-xiangxia:before{content:"\E8CA"} |
|
.icon-shanchu:before{content:"\E628"} |
|
.icon-guanbi3:before{content:"\E6C5"} |
|
.icon-weixuanzhong:before{content:"\E6F0"} |
|
.icon-xuanzhong1:before{content:"\E6EF"} |
|
.icon-zhuangshixian:before{content:"\E6F1"} |
|
.icon-jishuzhichi:before{content:"\E6F3"} |
|
.icon-biankuang:before{content:"\E6F4"} |
|
.icon-guanbi1:before{content:"\E6F5"} |
|
.icon-xiangshang:before{content:"\EBBB"} |
|
.icon-icon-test:before{content:"\E6F6"} |
|
.icon-mingxi:before{content:"\E6F7"} |
|
.icon-tishengfenzhi:before{content:"\E6F8"} |
|
.icon-pintuanchenggong:before{content:"\E6F9"} |
|
.icon-pintuanshibai:before{content:"\E6FA"} |
|
.icon-kongxinxing:before{content:"\E6FC"} |
|
.icon-shitixing:before{content:"\E6FB"} |
|
.icon-yituikuan:before{content:"\E6FD"} |
|
.icon-tuikuanzhong:before{content:"\E6FE"} |
|
.icon-lingxing:before{content:"\E6FF"} |
|
.icon-xiangzuo:before{content:"\EBBC"} |
|
.icon-icon_im_face:before{content:"\EB96"} |
|
.icon-icon_im_keyboard:before{content:"\EB97"} |
|
.icon-shoucang1:before{content:"\E714"} |
|
.icon-dianhau:before{content:"\E634"} |
|
.icon-zhinengkefu-:before{content:"\E616"} |
|
.icon-code_:before{content:"\E723"} |
|
.icon-code_1:before{content:"\E724"} |
|
.icon-phone_:before{content:"\E725"} |
|
.icon-shijian:before{content:"\E635"} |
|
.icon-xiangxia2:before{content:"\EBBD"} |
|
.icon-xuanzhong2:before{content:"\E731"} |
|
.icon-shujutongji:before{content:"\E732"} |
|
.icon-xiangxishuju:before{content:"\E733"} |
|
.icon-gengduo:before{content:"\E734"} |
|
.icon-yshop:before{content:"\E735"} |
|
.icon-yshop1:before{content:"\E739"} |
|
.icon-haibao:before{content:"\E73B"} |
|
.icon-tupian-:before{content:"\E73F"} |
|
.icon-xiugai:before{content:"\E61F"} |
|
.icon-pintuan-copy:before{content:"\EBBF"} |
|
.icon-tonghua:before{content:"\E740"} |
|
/** |
|
*相关初始化 |
|
*/ |
|
.font-color-red { |
|
color: #73CBB6 !important; |
|
} |
|
.bg-color-red { |
|
background-color: #73CBB6 !important; |
|
} |
|
.icon-color { |
|
color: #73CBB6; |
|
} |
|
.cart-color { |
|
color: #73CBB6 !important; |
|
border: 1px solid #73CBB6 !important; |
|
} |
|
/* padding20 */ |
|
.padding20 { |
|
padding: 20rpx; |
|
} |
|
/* pad20 */ |
|
.pad20 { |
|
padding: 0 20rpx; |
|
} |
|
/* padding30 */ |
|
.padding30 { |
|
padding: 30rpx; |
|
} |
|
/*pad30 */ |
|
.pad30 { |
|
padding: 0 30rpx; |
|
} |
|
/* layout */ |
|
.acea-row { |
|
display: -webkit-box; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-wrap: wrap; |
|
flex-wrap: wrap; |
|
/* 辅助类 */ |
|
} |
|
.acea-row.row-middle { |
|
-webkit-box-align: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
.acea-row.row-top { |
|
-webkit-box-align: start; |
|
-webkit-align-items: flex-start; |
|
align-items: flex-start; |
|
} |
|
.acea-row.row-bottom { |
|
-webkit-box-align: end; |
|
-webkit-align-items: flex-end; |
|
align-items: flex-end; |
|
} |
|
.acea-row.row-center { |
|
-webkit-box-pack: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
} |
|
.acea-row.row-right { |
|
-webkit-box-pack: end; |
|
-webkit-justify-content: flex-end; |
|
justify-content: flex-end; |
|
} |
|
.acea-row.row-left { |
|
-webkit-box-pack: start; |
|
-webkit-justify-content: flex-start; |
|
justify-content: flex-start; |
|
} |
|
.acea-row.row-between { |
|
-webkit-box-pack: justify; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
} |
|
.acea-row.row-around { |
|
-webkit-justify-content: space-around; |
|
justify-content: space-around; |
|
} |
|
.acea-row.row-column-around { |
|
-webkit-box-orient: vertical; |
|
-webkit-box-direction: normal; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-justify-content: space-around; |
|
justify-content: space-around; |
|
} |
|
.acea-row.row-column { |
|
-webkit-box-orient: vertical; |
|
-webkit-box-direction: normal; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
} |
|
.acea-row.row-column-between { |
|
-webkit-box-orient: vertical; |
|
-webkit-box-direction: normal; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-box-pack: justify; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
} |
|
/* 上下左右垂直居中 */ |
|
.acea-row.row-center-wrapper { |
|
-webkit-box-align: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-box-pack: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
} |
|
/* 上下两边居中对齐 */ |
|
.acea-row.row-between-wrapper { |
|
-webkit-box-align: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-box-pack: justify; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
} |
|
/* 轮播图 */ |
|
.slider-banner { |
|
position: relative; |
|
width: 100%; |
|
/* height:750rpx; */ |
|
overflow: hidden; |
|
} |
|
.slider-banner .swiper-container { |
|
height: 100%; |
|
} |
|
.slider-banner image { |
|
display: block; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.start { |
|
width: 122rpx; |
|
height: 30rpx; |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/start.png"); |
|
background-repeat: no-repeat; |
|
background-size: 122rpx auto; |
|
} |
|
.start.star5 { |
|
background-position: 0 3rpx; |
|
} |
|
.start.star4 { |
|
background-position: 0 -30rpx; |
|
} |
|
.start.star3 { |
|
background-position: 0 -70rpx; |
|
} |
|
.start.star2 { |
|
background-position: 0 -105rpx; |
|
} |
|
.start.star1 { |
|
background-position: 0 -140rpx; |
|
} |
|
.start.star0 { |
|
background-position: 0 -175rpx; |
|
} |
|
/* 单选框和多选框 */ |
|
.checkbox-wrapper { |
|
position: relative; |
|
} |
|
.checkbox-wrapper input { |
|
display: none; |
|
} |
|
.checkbox-wrapper .icon { |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
display: inline-block; |
|
width: 18px; |
|
height: 18px; |
|
border: 1px solid #cccccc; |
|
border-radius: 50%; |
|
-webkit-transform: translate(0, -50%); |
|
transform: translate(0, -50%); |
|
} |
|
.checkbox-wrapper input:checked + .icon { |
|
background-color: #e93323; |
|
border-color: #e93323; |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/enter.png"); |
|
background-size: 21rpx 15rpx; |
|
background-repeat: no-repeat; |
|
background-position: center center; |
|
} |
|
.Loads { |
|
height: 80rpx; |
|
font-size: 25rpx; |
|
color: #000; |
|
} |
|
.Loads .iconfont { |
|
font-size: 30rpx; |
|
margin-right: 10rpx; |
|
height: 32rpx; |
|
line-height: 32rpx; |
|
} |
|
/*加载动画*/ |
|
@-webkit-keyframes load { |
|
from { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
to { |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
} |
|
@keyframes load { |
|
from { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
to { |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
} |
|
.loadingpic { |
|
-webkit-animation: load 3s linear 1s infinite; |
|
animation: load 3s linear 1s infinite; |
|
} |
|
.loading { |
|
-webkit-animation: load linear 1s infinite; |
|
animation: load linear 1s infinite; |
|
} |
|
input { |
|
line-height: normal; |
|
box-sizing: border-box; |
|
} |
|
@font-face { |
|
font-family: 'GuildfordProBook 5'; |
|
src: url('https://h5.dayouqiantu.cn/static/iconfont/GuildfordProBook5.otf'); |
|
} |
|
[v-cloak] { |
|
display: none; |
|
} |
|
.iconfont { |
|
font-size: 36rpx; |
|
} |
|
/* 一像素边框 */ |
|
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { |
|
.border-1px::after { |
|
-webkit-transform: scaleY(0.7); |
|
transform: scaleY(0.7); |
|
} |
|
.border-1px::before { |
|
-webkit-transform: scaleY(0.7); |
|
transform: scaleY(0.7); |
|
} |
|
} |
|
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { |
|
.border-1px::after { |
|
-webkit-transform: scaleY(0.5); |
|
transform: scaleY(0.5); |
|
} |
|
.border-1px::before { |
|
-webkit-transform: scaleY(0.5); |
|
transform: scaleY(0.5); |
|
} |
|
} |
|
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { |
|
.border-1px::after { |
|
-webkit-transform: scaleY(0.33); |
|
transform: scaleY(0.33); |
|
} |
|
.border-1px::before { |
|
-webkit-transform: scaleY(0.33); |
|
transform: scaleY(0.33); |
|
} |
|
} |
|
.line1 { |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
width: 100%; |
|
} |
|
.line2 { |
|
word-break: break-all; |
|
display: -webkit-box; |
|
-webkit-line-clamp: 2; |
|
-webkit-box-orient: vertical; |
|
overflow: hidden; |
|
} |
|
.mask { |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
bottom: 0; |
|
z-index: 55; |
|
background-color: rgba(0, 0, 0, 0.5); |
|
} |
|
.newsList .newsSwitch .van-hairline--top-bottom::after { |
|
border: 0; |
|
} |
|
.newsList .newsSwitch .van-tab { |
|
font-size: 32rpx; |
|
padding: 0; |
|
-webkit-flex-basis: unset !important; |
|
flex-basis: unset !important; |
|
margin-right: 46rpx; |
|
} |
|
.newsList .newsSwitch .van-tabs__wrap { |
|
padding: 0 30rpx; |
|
} |
|
.newsList .newsSwitch.van-tabs--line { |
|
padding-top: 90rpx; |
|
} |
|
#footer { |
|
position: fixed; |
|
width: 100%; |
|
height: 100rpx; |
|
bottom: 0; |
|
left: 0; |
|
background-color: #fff; |
|
border-top: 1px solid #eee; |
|
z-index: 9999; |
|
} |
|
#footer.iphonex-footer { |
|
height: 100rpx; |
|
padding-bottom: 68rpx; |
|
} |
|
.footer-bg { |
|
height: 100rpx; |
|
} |
|
.iphonex-footer-bg { |
|
height: 168rpx; |
|
} |
|
#footer .item { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
text-align: center; |
|
font-size: 20rpx; |
|
color: #282828; |
|
} |
|
#footer .item.on { |
|
color: #73CBB6; |
|
} |
|
#footer .item .iconfont { |
|
font-size: 45rpx; |
|
height: 55rpx; |
|
line-height: 55rpx; |
|
} |
|
.goodList .item { |
|
position: relative; |
|
padding-left: 30rpx; |
|
background-color: #fff; |
|
} |
|
.goodList .item .pictrue { |
|
width: 180rpx; |
|
height: 180rpx; |
|
position: relative; |
|
} |
|
.goodList .item .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.goodList .item .pictrue .numPic { |
|
position: absolute; |
|
left: 7rpx; |
|
top: 7rpx; |
|
width: 50rpx; |
|
height: 50rpx; |
|
border-radius: 50%; |
|
} |
|
.goodList .item .underline { |
|
padding: 30rpx 30rpx 30rpx 0; |
|
border-bottom: 1px solid #f5f5f5; |
|
} |
|
.goodList .item:nth-last-child(1) .underline { |
|
border-bottom: 0; |
|
} |
|
.goodList .item .text { |
|
font-size: 30rpx; |
|
color: #222; |
|
width: 489rpx; |
|
text-align: left; |
|
} |
|
.goodList .item .text .money .num { |
|
font-size: 34rpx; |
|
} |
|
.goodList .item .text .vip-money { |
|
font-size: 24rpx; |
|
color: #282828; |
|
font-weight: bold; |
|
margin-top: 10rpx; |
|
} |
|
.goodList .item .text .vip-money .vip { |
|
margin-right: 22rpx; |
|
text-decoration: line-through; |
|
} |
|
.goodList .item .text .vip-money .image { |
|
width: 46rpx; |
|
height: 21rpx; |
|
margin-left: 5rpx; |
|
} |
|
.goodList .item .text .vip-money .num { |
|
font-size: 22rpx; |
|
color: #aaa; |
|
font-weight: normal; |
|
margin: -2rpx 0 0 0; |
|
} |
|
.goodList .item .iconfont { |
|
position: absolute; |
|
right: 30rpx; |
|
width: 50rpx; |
|
height: 50rpx; |
|
border-radius: 50%; |
|
font-size: 30rpx; |
|
bottom: 38rpx; |
|
} |
|
.promotionGood { |
|
padding: 0 30rpx; |
|
background-color: #fff; |
|
} |
|
.promotionGood .item { |
|
border-bottom: 1px solid #eee; |
|
height: 250rpx; |
|
} |
|
.promotionGood .item .pictrue { |
|
width: 188rpx; |
|
height: 188rpx; |
|
} |
|
.promotionGood .item .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 8rpx; |
|
} |
|
.promotionGood .item .text { |
|
font-size: 24rpx; |
|
color: #999; |
|
width: 472rpx; |
|
text-align: left; |
|
} |
|
.promotionGood .item .text .name { |
|
font-size: 30rpx; |
|
color: #333; |
|
} |
|
.promotionGood .item .text .sp-money { |
|
margin: 34rpx 0 20rpx 0; |
|
} |
|
.promotionGood .item .text .sp-money .moneyCon { |
|
padding: 0 18rpx; |
|
background-color: #73CBB6; |
|
height: 46rpx; |
|
line-height: 46rpx; |
|
background-image: -webkit-linear-gradient(left, #73CBB6 0%, #73CBB6 100%); |
|
background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); |
|
font-size: 20rpx; |
|
color: #fff; |
|
background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); |
|
border-radius: 24rpx 3rpx 24rpx 3rpx; |
|
} |
|
.promotionGood .item .text .sp-money .moneyCon .num { |
|
font-size: 24rpx; |
|
} |
|
.promotionGood .item .text .money { |
|
text-decoration: line-through; |
|
} |
|
.recommend { |
|
background-color: #fff; |
|
} |
|
.recommend .title { |
|
height: 135rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.recommend .title .name { |
|
margin: 0 28rpx; |
|
} |
|
.recommend .title .iconfont { |
|
font-size: 170rpx; |
|
color: #454545; |
|
height: 50rpx; |
|
line-height: 50rpx; |
|
} |
|
.recommend .title .iconfont.lefticon { |
|
-webkit-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
} |
|
.recommend .recommendList { |
|
padding: 0 30rpx; |
|
} |
|
.recommend .recommendList .item { |
|
width: 335rpx; |
|
margin-bottom: 30rpx; |
|
} |
|
.recommend .recommendList .item .pictrue { |
|
width: 100%; |
|
height: 335rpx; |
|
} |
|
.recommend .recommendList .item .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.recommend .recommendList .item .name { |
|
font-size: 28rpx; |
|
color: #282828; |
|
margin-top: 20rpx; |
|
} |
|
.recommend .recommendList .item .money { |
|
font-size: 20rpx; |
|
margin-top: 3rpx; |
|
} |
|
.recommend .recommendList .item .money .num { |
|
font-size: 28rpx; |
|
} |
|
.noCommodity { |
|
padding-top: 75rpx; |
|
} |
|
.noCommodity .noPictrue { |
|
width: 414rpx; |
|
height: 336rpx; |
|
margin: 0 auto 30rpx auto; |
|
} |
|
.noCommodity .noPictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
/*产品详情轮播*/ |
|
.product-bg { |
|
height: 750rpx; |
|
} |
|
.product-bg swiper { |
|
height: 750rpx; |
|
} |
|
.product-bg .slide-image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.product-bg .pages { |
|
position: absolute; |
|
background-color: #fff; |
|
height: 34rpx; |
|
padding: 0 10rpx; |
|
border-radius: 3rpx; |
|
right: 30rpx; |
|
bottom: 30rpx; |
|
line-height: 34rpx; |
|
font-size: 24rpx; |
|
color: #050505; |
|
z-index: 9; |
|
} |
|
/*评价列表公共*/ |
|
.evaluateWtapper .evaluateItem { |
|
background-color: #fff; |
|
padding-bottom: 25rpx; |
|
} |
|
.evaluateWtapper .evaluateItem ~ .evaluateItem { |
|
border-top: 1px solid #f5f5f5; |
|
} |
|
.evaluateWtapper .evaluateItem .pic-text { |
|
font-size: 26rpx; |
|
color: #282828; |
|
height: 95rpx; |
|
padding: 0 30rpx; |
|
} |
|
.evaluateWtapper .evaluateItem .pic-text .pictrue { |
|
width: 56rpx; |
|
height: 56rpx; |
|
margin-right: 20rpx; |
|
} |
|
.evaluateWtapper .evaluateItem .pic-text .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
} |
|
.evaluateWtapper .evaluateItem .pic-text .name { |
|
max-width: 450rpx; |
|
margin-right: 15rpx; |
|
} |
|
.evaluateWtapper .evaluateItem .time { |
|
font-size: 24rpx; |
|
color: #82848f; |
|
padding: 0 30rpx; |
|
} |
|
.evaluateWtapper .evaluateItem .evaluate-infor { |
|
font-size: 28rpx; |
|
color: #282828; |
|
margin-top: 19rpx; |
|
padding: 0 30rpx; |
|
} |
|
.evaluateWtapper .evaluateItem .imgList { |
|
padding: 0 30rpx 0 15rpx; |
|
margin-top: 25rpx; |
|
} |
|
.evaluateWtapper .evaluateItem .imgList .pictrue { |
|
width: 156rpx; |
|
height: 156rpx; |
|
margin: 0 0 15rpx 15rpx; |
|
} |
|
.evaluateWtapper .evaluateItem .imgList .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.evaluateWtapper .evaluateItem .reply { |
|
font-size: 26rpx; |
|
color: #454545; |
|
background-color: #f7f7f7; |
|
border-radius: 5rpx; |
|
margin: 20rpx 30rpx 0 30rpx; |
|
padding: 30rpx; |
|
position: relative; |
|
} |
|
.evaluateWtapper .evaluateItem .reply::before { |
|
content: ""; |
|
width: 0; |
|
height: 0; |
|
border-left: 10rpx solid transparent; |
|
border-right: 10rpx solid transparent; |
|
border-bottom: 20rpx solid #f7f7f7; |
|
position: absolute; |
|
top: -20rpx; |
|
left: 100rpx; |
|
} |
|
/*优惠券列表公共*/ |
|
.coupon-list { |
|
padding: 0 30rpx; |
|
margin-top: 25rpx; |
|
} |
|
.coupon-list .item { |
|
box-sizing: border-box; |
|
width: 100%; |
|
height: 170rpx; |
|
margin-bottom: 16rpx; |
|
} |
|
.coupon-list .item .money { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/coupon1.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 240rpx; |
|
height: 100%; |
|
color: #fff; |
|
font-size: 36rpx; |
|
font-weight: bold; |
|
text-align: center; |
|
line-height: 170rpx; |
|
} |
|
.coupon-list .item .money.moneyGray { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/coupon2.png'); |
|
} |
|
.coupon-list .item .money .num { |
|
font-size: 60rpx; |
|
} |
|
.coupon-list .item .text { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
padding: 0 17rpx 0 24rpx; |
|
background-color: #fff; |
|
} |
|
.coupon-list .item .text .condition { |
|
font-size: 30rpx; |
|
color: #282828; |
|
height: 93rpx; |
|
line-height: 93rpx; |
|
border-bottom: 1px solid #f0f0f0; |
|
} |
|
.coupon-list .item .text .data { |
|
font-size: 20rpx; |
|
color: #999; |
|
height: 76rpx; |
|
} |
|
.coupon-list .item .text .data .bnt { |
|
width: 136rpx; |
|
height: 44rpx; |
|
border-radius: 22rpx; |
|
font-size: 22rpx; |
|
color: #fff; |
|
text-align: center; |
|
line-height: 44rpx; |
|
} |
|
.coupon-list .item .text .data .bnt.gray { |
|
background-color: #ccc; |
|
} |
|
/*优惠券列表弹窗*/ |
|
.coupon-list-window { |
|
position: fixed; |
|
bottom: 0; |
|
left: 0; |
|
width: 100%; |
|
background-color: #f5f5f5; |
|
border-radius: 16rpx 16rpx 0 0; |
|
z-index: 111; |
|
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
} |
|
.coupon-list-window.on { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
.coupon-list-window .title { |
|
height: 124rpx; |
|
width: 100%; |
|
text-align: center; |
|
line-height: 124rpx; |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
position: relative; |
|
color: #333; |
|
} |
|
.coupon-list-window .title .iconfont { |
|
position: absolute; |
|
right: 30rpx; |
|
top: 50%; |
|
-webkit-transform: translateY(-50%); |
|
transform: translateY(-50%); |
|
font-size: 35rpx; |
|
color: #8a8a8a; |
|
font-weight: normal; |
|
} |
|
.coupon-list-window .coupon-list { |
|
margin: 0 0 50rpx 0; |
|
height: 550rpx; |
|
overflow: auto; |
|
} |
|
.coupon-list-window .pictrue { |
|
width: 414rpx; |
|
height: 336rpx; |
|
margin: 0 auto 50rpx auto; |
|
} |
|
.coupon-list-window .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
/*详情首页弹窗*/ |
|
.product-window { |
|
position: fixed; |
|
bottom: 0; |
|
width: 100%; |
|
left: 0; |
|
background-color: #fff; |
|
z-index: 88; |
|
border-radius: 16rpx 16rpx 0 0; |
|
padding-bottom: 140rpx; |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
} |
|
.product-window.on { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
.product-window .textpic { |
|
padding: 0 130rpx 0 30rpx; |
|
margin-top: 29rpx; |
|
position: relative; |
|
} |
|
.product-window .textpic .pictrue { |
|
width: 150rpx; |
|
height: 150rpx; |
|
} |
|
.product-window .textpic .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 10rpx; |
|
} |
|
.product-window .textpic .text { |
|
width: 410rpx; |
|
font-size: 32rpx; |
|
color: #202020; |
|
} |
|
.product-window .textpic .text .money { |
|
font-size: 24rpx; |
|
margin-top: 40rpx; |
|
} |
|
.product-window .textpic .text .money .num { |
|
font-size: 36rpx; |
|
} |
|
.product-window .textpic .text .money .stock { |
|
color: #999; |
|
margin-left: 18rpx; |
|
} |
|
.product-window .textpic .iconfont { |
|
position: absolute; |
|
right: 30rpx; |
|
top: -5rpx; |
|
font-size: 35rpx; |
|
color: #8a8a8a; |
|
} |
|
.product-window .productWinList { |
|
max-height: 395rpx; |
|
overflow: auto; |
|
margin-top: 36rpx; |
|
} |
|
.product-window .productWinList .item ~ .item { |
|
margin-top: 36rpx; |
|
} |
|
.product-window .productWinList .item .title { |
|
font-size: 30rpx; |
|
color: #999; |
|
padding: 0 30rpx; |
|
} |
|
.product-window .productWinList .item .listn { |
|
padding: 0 30rpx 0 16rpx; |
|
} |
|
.product-window .productWinList .item .listn .itemn { |
|
border: 1px solid #bbb; |
|
font-size: 26rpx; |
|
color: #282828; |
|
padding: 7rpx 33rpx; |
|
border-radius: 6rpx; |
|
margin: 14rpx 0 0 14rpx; |
|
} |
|
.product-window .productWinList .item .listn .itemn.on { |
|
color: #fff; |
|
background-color: #73CBB6; |
|
border-color: #73CBB6; |
|
} |
|
.product-window .cart { |
|
margin-top: 36rpx; |
|
padding: 0 30rpx; |
|
} |
|
.product-window .cart .title { |
|
font-size: 30rpx; |
|
color: #999; |
|
} |
|
.product-window .cart .carnum { |
|
height: 54rpx; |
|
margin-top: 24rpx; |
|
} |
|
.product-window .cart .carnum .item { |
|
border: 1px solid #a4a4a4; |
|
width: 84rpx; |
|
text-align: center; |
|
height: 100%; |
|
line-height: 54rpx; |
|
color: #a4a4a4; |
|
font-size: 45rpx; |
|
} |
|
.product-window .cart .carnum .reduce { |
|
border-right: 0; |
|
border-radius: 6rpx 0 0 6rpx; |
|
line-height: 48rpx; |
|
} |
|
.product-window .cart .carnum .reduce.on { |
|
border-color: #e3e3e3; |
|
color: #dedede; |
|
} |
|
.product-window .cart .carnum .plus { |
|
border-left: 0; |
|
border-radius: 0 6rpx 6rpx 0; |
|
line-height: 46rpx; |
|
} |
|
.product-window .cart .carnum .plus.on { |
|
border-color: #e3e3e3; |
|
color: #dedede; |
|
} |
|
.product-window .cart .carnum .num { |
|
color: #282828; |
|
font-size: 28rpx; |
|
} |
|
/*产品详情的分享红包*/ |
|
.sharing-packets { |
|
position: fixed; |
|
left: 30rpx; |
|
bottom: 150rpx; |
|
z-index: 5; |
|
-webkit-transition: all 0.3s ease-in-out 0s; |
|
transition: all 0.3s ease-in-out 0s; |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
.sharing-packets.on { |
|
-webkit-transform: scale(0); |
|
transform: scale(0); |
|
opacity: 0; |
|
} |
|
.sharing-packets .iconfont { |
|
width: 44rpx; |
|
height: 44rpx; |
|
border-radius: 50%; |
|
background-color: #999; |
|
font-size: 20rpx; |
|
color: #fff; |
|
margin: 0 auto; |
|
padding-left: 1rpx; |
|
} |
|
.sharing-packets .line { |
|
width: 2rpx; |
|
height: 40rpx; |
|
background-color: #999; |
|
margin: 0 auto; |
|
} |
|
.sharing-packets .sharing-con { |
|
width: 187rpx; |
|
height: 210rpx; |
|
position: relative; |
|
} |
|
.sharing-packets .sharing-con .image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.sharing-packets .sharing-con .text { |
|
position: absolute; |
|
top: 20rpx; |
|
font-size: 20rpx; |
|
width: 100%; |
|
text-align: center; |
|
} |
|
.sharing-packets .sharing-con .text .money { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
} |
|
.sharing-packets .sharing-con .text .money .label { |
|
font-size: 20rpx; |
|
} |
|
.sharing-packets .sharing-con .text .tip { |
|
font-size: 18rpx; |
|
color: #999; |
|
} |
|
.sharing-packets .sharing-con .text .shareBut { |
|
font-size: 22rpx; |
|
color: #fff; |
|
margin-top: 27rpx; |
|
height: 50rpx; |
|
line-height: 50rpx; |
|
} |
|
/*订单产品*/ |
|
.orderGoods { |
|
background-color: #fff; |
|
margin-top: 12rpx; |
|
} |
|
.orderGoods .total { |
|
box-sizing: border-box; |
|
width: 100%; |
|
height: 86rpx; |
|
padding: 0 30rpx; |
|
border-bottom: 1rpx solid #eee; |
|
font-size: 30rpx; |
|
color: #282828; |
|
line-height: 86rpx; |
|
} |
|
.goodWrapper .item { |
|
margin-left: 30rpx; |
|
padding-right: 30rpx; |
|
border-bottom: 2rpx solid #f0f0f0; |
|
height: 180rpx; |
|
} |
|
.goodWrapper .item .pictrue { |
|
width: 130rpx; |
|
height: 130rpx; |
|
} |
|
.goodWrapper .item .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.goodWrapper .item .text { |
|
width: 537rpx; |
|
position: relative; |
|
} |
|
.goodWrapper .item .text .name { |
|
font-size: 28rpx; |
|
color: #282828; |
|
width: 453rpx; |
|
} |
|
.goodWrapper .item .text .num { |
|
font-size: 26rpx; |
|
color: #868686; |
|
} |
|
.goodWrapper .item .text .attr { |
|
font-size: 20rpx; |
|
color: #868686; |
|
margin-top: 7rpx; |
|
} |
|
.goodWrapper .item .text .money { |
|
font-size: 26rpx; |
|
margin-top: 17rpx; |
|
} |
|
.goodWrapper .item .text .evaluate { |
|
position: absolute; |
|
width: 114rpx; |
|
height: 46rpx; |
|
border: 1px solid #e93323; |
|
color: #e93323; |
|
border-radius: 4rpx; |
|
text-align: center; |
|
line-height: 46rpx; |
|
right: 0; |
|
bottom: -10rpx; |
|
} |
|
.goodWrapper .item .text .evaluate.userEvaluated { |
|
font-size: 26rpx; |
|
color: #aaa; |
|
background-color: #f7f7f7; |
|
border-color: #f7f7f7; |
|
} |
|
/*地址弹窗*/ |
|
.address-window { |
|
background-color: #fff; |
|
position: fixed; |
|
bottom: 0; |
|
left: 0; |
|
width: 100%; |
|
z-index: 99; |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
} |
|
.address-window.on { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
.address-window .title { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
text-align: center; |
|
height: 123rpx; |
|
line-height: 123rpx; |
|
position: relative; |
|
color: #333; |
|
} |
|
.address-window .title .iconfont { |
|
position: absolute; |
|
right: 30rpx; |
|
color: #8a8a8a; |
|
font-size: 35rpx; |
|
} |
|
.address-window .list { |
|
max-height: 600rpx; |
|
overflow-y: auto; |
|
overflow-x: hidden; |
|
} |
|
.address-window .list .item { |
|
margin-left: 30rpx; |
|
padding-right: 30rpx; |
|
border-bottom: 1px solid #eee; |
|
height: 129rpx; |
|
font-size: 25rpx; |
|
color: #333; |
|
} |
|
.address-window .list .item .iconfont { |
|
font-size: 37rpx; |
|
color: #2c2c2c; |
|
} |
|
.address-window .list .item .iconfont.icon-complete { |
|
font-size: 30rpx; |
|
color: #fff; |
|
} |
|
.address-window .list .item .addressTxt { |
|
width: 560rpx; |
|
} |
|
.address-window .list .item .addressTxt .name { |
|
font-size: 28rpx; |
|
font-weight: bold; |
|
color: #282828; |
|
margin-bottom: 4rpx; |
|
} |
|
.address-window .list .item .addressTxt .name .phone { |
|
margin-left: 18rpx; |
|
} |
|
.address-window .addressBnt { |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
color: #fff; |
|
width: 690rpx; |
|
height: 86rpx; |
|
border-radius: 43rpx; |
|
text-align: center; |
|
line-height: 86rpx; |
|
margin: 85rpx auto; |
|
} |
|
.address-window .pictrue { |
|
width: 414rpx; |
|
height: 336rpx; |
|
margin: 80rpx auto; |
|
} |
|
.address-window .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
/*轮播图*/ |
|
.swiper { |
|
height: 282rpx; |
|
} |
|
.swiper .slide-image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.swiper .swiper-pagination { |
|
text-align: right; |
|
padding-right: 40rpx; |
|
bottom: 10rpx; |
|
width: 100%; |
|
} |
|
.swiper .swiper-pagination-bullet { |
|
width: 12rpx; |
|
height: 12rpx; |
|
border: 2rpx solid #fff; |
|
border-radius: 50%; |
|
background-color: rgba(0, 0, 0, 0); |
|
opacity: 1; |
|
} |
|
.swiper .swiper-pagination-bullet ~ .swiper-pagination-bullet { |
|
margin-left: 12rpx; |
|
} |
|
.swiper .swiper-pagination-bullet-active { |
|
border-color: #e93323; |
|
background-color: #e93323; |
|
} |
|
/**/ |
|
.goodsStyle { |
|
background-color: #fff; |
|
padding: 22rpx 30rpx; |
|
} |
|
.goodsStyle .pictrue { |
|
width: 120rpx; |
|
height: 120rpx; |
|
} |
|
.goodsStyle .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.goodsStyle .text { |
|
width: 545rpx; |
|
font-size: 28rpx; |
|
color: #999; |
|
} |
|
.goodsStyle .text .name { |
|
width: 360rpx; |
|
color: #282828; |
|
} |
|
.goodsStyle .text .money { |
|
text-align: right; |
|
} |
|
.goodsStyle .text .money .num { |
|
margin-top: 7rpx; |
|
} |
|
/*所有推广头部样式*/ |
|
.promoterHeader { |
|
width: 100%; |
|
height: 220rpx; |
|
} |
|
.promoterHeader .headerCon { |
|
width: 100%; |
|
height: 100%; |
|
padding: 0 88rpx 0 55rpx; |
|
font-size: 28rpx; |
|
color: #fff; |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/transparent.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
} |
|
.promoterHeader .headerCon .name { |
|
margin-bottom: 2rpx; |
|
} |
|
.promoterHeader .headerCon .num { |
|
font-size: 50rpx; |
|
} |
|
.promoterHeader .headerCon .iconfont { |
|
font-size: 125rpx; |
|
} |
|
/*首页优惠券弹窗*/ |
|
.coupon-window { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/coupon-window.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 630rpx; |
|
height: 649rpx; |
|
position: fixed; |
|
top: 20%; |
|
z-index: 99; |
|
left: 50%; |
|
margin-left: -305rpx; |
|
-webkit-transform: translate3d(0, -200%, 0); |
|
transform: translate3d(0, -200%, 0); |
|
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
} |
|
.coupon-window.on { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
.coupon-window .couponWinList { |
|
width: 480rpx; |
|
margin: 157rpx 0 0 60rpx; |
|
height: 415rpx; |
|
overflow: auto; |
|
} |
|
.coupon-window .couponWinList .item { |
|
width: 100%; |
|
height: 120rpx; |
|
background-color: #fff; |
|
position: relative; |
|
margin-bottom: 17rpx; |
|
} |
|
.coupon-window .couponWinList .item::after { |
|
content: ''; |
|
position: absolute; |
|
width: 18rpx; |
|
height: 18rpx; |
|
border-radius: 50%; |
|
background-color: #73CBB6; |
|
left: 25.5%; |
|
bottom: 0; |
|
margin-bottom: -9rpx; |
|
} |
|
.coupon-window .couponWinList .item::before { |
|
content: ''; |
|
position: absolute; |
|
width: 18rpx; |
|
height: 18rpx; |
|
border-radius: 50%; |
|
background-color: #73CBB6; |
|
left: 25.5%; |
|
top: 0; |
|
margin-top: -9rpx; |
|
} |
|
.coupon-window .couponWinList .item .money { |
|
width: 130rpx; |
|
border-right: 1px dashed #ddd; |
|
height: 100%; |
|
text-align: center; |
|
line-height: 120rpx; |
|
font-size: 26rpx; |
|
font-weight: bold; |
|
} |
|
.coupon-window .couponWinList .item .money .num { |
|
font-size: 40rpx; |
|
} |
|
.coupon-window .couponWinList .item .text { |
|
width: 349rpx; |
|
font-size: 22rpx; |
|
color: #999; |
|
padding: 0 29rpx; |
|
} |
|
.coupon-window .couponWinList .item .text .name { |
|
font-size: 26rpx; |
|
color: #282828; |
|
font-weight: bold; |
|
margin-bottom: 9rpx; |
|
} |
|
.coupon-window .lid { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/coupon-window2.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 573rpx; |
|
height: 224rpx; |
|
position: fixed; |
|
left: 50%; |
|
top: 20%; |
|
margin: 424rpx 0 0 -296rpx; |
|
} |
|
.coupon-window .lid .bnt { |
|
font-size: 29rpx; |
|
width: 440rpx; |
|
height: 80rpx; |
|
border-radius: 40rpx; |
|
background-color: #f9f1d3; |
|
text-align: center; |
|
line-height: 80rpx; |
|
font-weight: bold; |
|
margin: 98rpx auto 0 auto; |
|
} |
|
.coupon-window .lid .iconfont { |
|
color: #fff; |
|
font-size: 60rpx; |
|
text-align: center; |
|
margin-top: 87rpx; |
|
} |
|
/*首页*/ |
|
.index .header { |
|
height: 98rpx; |
|
width: 100%; |
|
padding: 0 30rpx; |
|
box-sizing: border-box; |
|
} |
|
.index .header .logo { |
|
width: 127rpx; |
|
height: 45rpx; |
|
margin-right: 25rpx; |
|
} |
|
.index .header .logo image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
.index .header .search { |
|
width: 100%; |
|
box-sizing: border-box; |
|
height: 64rpx; |
|
background-color: #f7f7f7; |
|
border-radius: 50rpx; |
|
padding: 0 28rpx; |
|
font-size: 28rpx; |
|
color: #bbb; |
|
} |
|
.index .header .search .iconfont { |
|
font-size: 34rpx; |
|
margin-right: 16rpx; |
|
} |
|
.index .banner { |
|
height: 375rpx; |
|
} |
|
.index .banner swiper { |
|
height: 375rpx; |
|
} |
|
.index .banner image { |
|
width: 100%; |
|
height: 375rpx; |
|
} |
|
.index .banner .swiper-pagination { |
|
bottom: 7rpx; |
|
} |
|
.index .banner .swiper-pagination-bullet { |
|
width: 20rpx; |
|
height: 4rpx; |
|
border-radius: 3rpx; |
|
background-color: #fff; |
|
opacity: 0.6; |
|
} |
|
.index .banner .swiper-pagination-bullet-active { |
|
opacity: 1; |
|
} |
|
.index .nav { |
|
padding-top: 26rpx; |
|
} |
|
.index .nav .item { |
|
width: 25%; |
|
text-align: center; |
|
font-size: 26rpx; |
|
margin-bottom: 35rpx; |
|
} |
|
.index .nav .item .pictrue { |
|
width: 90rpx; |
|
height: 90rpx; |
|
margin: 0 auto 15rpx auto; |
|
} |
|
.index .nav .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
} |
|
.index .news { |
|
height: 77rpx; |
|
border-top: 1px solid #f4f4f4; |
|
padding: 0 30rpx; |
|
box-shadow: 0 10rpx 30rpx #f5f5f5; |
|
-moz-box-shadow: 0 10rpx 30rpx #f5f5f5; |
|
-o-box-shadow: 0 10rpx 30rpx #f5f5f5; |
|
} |
|
.index .news .pictrue { |
|
width: 124rpx; |
|
height: 28rpx; |
|
border-right: 1px solid #ddd; |
|
padding-right: 23rpx; |
|
box-sizing: content-box; |
|
-moz-box-sizing: content-box; |
|
} |
|
.index .news .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
.index .news .new-banner { |
|
width: 523rpx; |
|
overflow: hidden; |
|
height: 77rpx; |
|
} |
|
.index .news .new-banner .swiper-wrapper { |
|
height: 77rpx; |
|
width: 100%; |
|
} |
|
.index .news .new-banner .swiper-slide { |
|
height: 77rpx; |
|
width: 100%; |
|
} |
|
.index .news .new-banner .swiper-slide .swiper-item { |
|
height: 77rpx; |
|
width: 100%; |
|
} |
|
.index .news .new-banner .text { |
|
width: 480rpx; |
|
height: 77rpx; |
|
} |
|
.index .news .new-banner .text .label { |
|
font-size: 20rpx; |
|
color: #73CBB6; |
|
width: 68rpx; |
|
height: 34rpx; |
|
border-radius: 20rpx; |
|
text-align: center; |
|
line-height: 34rpx; |
|
border: 2rpx solid #73CBB6; |
|
} |
|
.index .news .new-banner .text .newsTitle { |
|
width: 397rpx; |
|
font-size: 24rpx; |
|
color: #666; |
|
} |
|
.index .news .new-banner .iconfont { |
|
font-size: 28rpx; |
|
color: #888; |
|
} |
|
.index .specialArea { |
|
padding: 30rpx; |
|
} |
|
.index .specialArea .assemble { |
|
width: 260rpx; |
|
height: 260rpx; |
|
position: relative; |
|
} |
|
.index .specialArea .assemble image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 5rpx; |
|
} |
|
.index .specialArea .assemble .text { |
|
position: absolute; |
|
top: 37rpx; |
|
left: 22rpx; |
|
} |
|
.index .specialArea .name { |
|
font-size: 30rpx; |
|
color: #fff; |
|
} |
|
.index .specialArea .infor { |
|
font-size: 22rpx; |
|
color: rgba(255, 255, 255, 0.8); |
|
margin-top: 5rpx; |
|
} |
|
.index .specialArea .list { |
|
height: 260rpx; |
|
width: 416rpx; |
|
} |
|
.index .specialArea .item { |
|
width: 100%; |
|
height: 124rpx; |
|
position: relative; |
|
} |
|
.index .specialArea .item image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.index .specialArea .item .text { |
|
position: absolute; |
|
top: 23rpx; |
|
left: 28rpx; |
|
} |
|
.index .wrapper .title { |
|
border-top: 1px solid #eee; |
|
padding-top: 34rpx; |
|
margin: 0 30rpx; |
|
} |
|
.index .wrapper.hot + .wrapper { |
|
border-top: 0; |
|
} |
|
.index .wrapper .goodList { |
|
margin-bottom: 34rpx; |
|
} |
|
.index .wrapper .title .text { |
|
font-size: 24rpx; |
|
color: #999; |
|
width: 530rpx; |
|
text-align: left; |
|
} |
|
.index .wrapper .title .text .name { |
|
color: #282828; |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
margin-bottom: 5rpx; |
|
position: relative; |
|
} |
|
.index .wrapper .title .text .name .new { |
|
position: absolute; |
|
top: 2rpx; |
|
left: 130rpx; |
|
font-size: 16rpx; |
|
font-weight: bold; |
|
} |
|
.index .wrapper .title .more { |
|
font-size: 26rpx; |
|
color: #333; |
|
} |
|
.index .wrapper .title .more .iconfont { |
|
margin-left: 2rpx; |
|
font-size: 26rpx; |
|
} |
|
.index .wrapper .scroll-product { |
|
white-space: nowrap; |
|
margin-top: 38rpx; |
|
padding: 0 30rpx 37rpx 30rpx; |
|
overflow: hidden; |
|
} |
|
.index .wrapper .scroll-product .swiper-slide { |
|
width: 180rpx; |
|
display: inline-block; |
|
margin-right: 19rpx; |
|
border-bottom: 4rpx solid #47b479; |
|
box-shadow: 0 15rpx 15rpx -10rpx #eee; |
|
-moz-box-shadow: 0 15rpx 15rpx -10rpx #eee; |
|
-o-box-shadow: 0 15rpx 15rpx -10rpx #eee; |
|
} |
|
.index .wrapper .scroll-product .swiper-slide:nth-of-type(3n) { |
|
border-bottom: 4rpx solid #ff6960; |
|
} |
|
.index .wrapper .scroll-product .swiper-slide:nth-of-type(3n-1) { |
|
border-bottom: 4rpx solid #579afe; |
|
} |
|
.index .wrapper .scroll-product .swiper-slide:nth-last-child(1) { |
|
margin-right: 0; |
|
} |
|
.index .wrapper .scroll-product .swiper-slide .img-box { |
|
width: 100%; |
|
height: 180rpx; |
|
} |
|
.index .wrapper .scroll-product .swiper-slide .img-box image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx 6rpx 0 0; |
|
} |
|
.index .wrapper .scroll-product .swiper-slide .pro-info { |
|
font-size: 24rpx; |
|
color: #282828; |
|
text-align: center; |
|
height: 60rpx; |
|
line-height: 60rpx; |
|
border: 1px solid #f5f5f5; |
|
border-bottom: 0; |
|
border-top: 0; |
|
padding: 0 10rpx; |
|
} |
|
.index .wrapper .boutique { |
|
width: 690rpx; |
|
height: 290rpx; |
|
margin: 28rpx auto 0 auto; |
|
} |
|
.index .wrapper .boutique { |
|
width: 690rpx; |
|
height: 290rpx; |
|
margin: 28rpx auto 0 auto; |
|
} |
|
.index .wrapper .boutique image { |
|
width: 100%; |
|
height: 260rpx; |
|
} |
|
.index .wrapper .boutique .swiper-pagination { |
|
bottom: -8rpx; |
|
width: 100%; |
|
} |
|
.index .wrapper .boutique .swiper-pagination-bullet { |
|
width: 7rpx; |
|
height: 7rpx; |
|
border-radius: 50%; |
|
background-color: #fc4141; |
|
opacity: 0.3; |
|
} |
|
.index .wrapper .boutique .swiper-pagination-bullet ~ .swiper-pagination-bullet { |
|
margin-left: 10rpx; |
|
} |
|
.index .wrapper .boutique .swiper-pagination-bullet-active { |
|
width: 20rpx; |
|
height: 7rpx; |
|
border-radius: 3.5rpx; |
|
opacity: 1; |
|
} |
|
.index .hotList .hot-bg { |
|
width: 100%; |
|
height: 215rpx; |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/index-bg.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
padding: 0 30rpx; |
|
font-size: 24rpx; |
|
color: #fff; |
|
margin-top: 15rpx; |
|
} |
|
.index .hotList .hot-bg .title { |
|
height: 87rpx; |
|
} |
|
.index .hotList .hot-bg .title .text { |
|
width: 575rpx; |
|
} |
|
.index .hotList .hot-bg .title .text .label { |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
margin-right: 20rpx; |
|
} |
|
.index .hotList .hot-bg .title .more { |
|
font-size: 26rpx; |
|
color: #fff; |
|
} |
|
.index .hotList .hot-bg .title .more .iconfont { |
|
font-size: 25rpx; |
|
vertical-align: 2rpx; |
|
margin-left: 10rpx; |
|
} |
|
.index .hotList .list { |
|
width: 690rpx; |
|
height: 330rpx; |
|
border-radius: 20rpx; |
|
background-color: #fff; |
|
margin: -128rpx auto 0 auto; |
|
padding: 0 22rpx; |
|
box-shadow: 0 0 20rpx -10rpx #aaa; |
|
-moz-box-shadow: 0 0 20rpx -10rpx #aaa; |
|
-o-box-shadow: 0 0 20rpx -10rpx #aaa; |
|
} |
|
.index .hotList .list .item { |
|
width: 200rpx; |
|
text-align: left; |
|
} |
|
.index .hotList .list .item ~ .item { |
|
margin-left: 23rpx; |
|
} |
|
.index .hotList .list .item .pictrue { |
|
width: 100%; |
|
height: 200rpx; |
|
position: relative; |
|
} |
|
.index .hotList .list .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 10rpx; |
|
} |
|
.index .hotList .list .item .pictrue .numPic { |
|
width: 50rpx; |
|
height: 50rpx; |
|
border-radius: 50%; |
|
position: absolute; |
|
top: 7rpx; |
|
left: 7rpx; |
|
} |
|
.index .hotList .list .item .name { |
|
font-size: 26rpx; |
|
color: #282828; |
|
margin-top: 12rpx; |
|
} |
|
.index .hotList .list .item .money { |
|
font-size: 20rpx; |
|
font-weight: bold; |
|
margin-top: 2rpx; |
|
} |
|
.index .hotList .list .item .money .num { |
|
font-size: 28rpx; |
|
} |
|
.index .adver { |
|
width: 100%; |
|
height: 180rpx; |
|
margin-top: 37rpx; |
|
} |
|
.index .adver image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
.index .hot { |
|
position: relative; |
|
background: none; |
|
} |
|
.index .hot .title { |
|
position: relative; |
|
z-index: 9; |
|
} |
|
.index .hot .title .text .name { |
|
color: #fff; |
|
} |
|
.index .hot .title .more { |
|
color: #fff; |
|
} |
|
.index .hot .title .more .iconfont { |
|
color: #fff; |
|
} |
|
.index .hot .bg { |
|
width: 100%; |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
right: 0; |
|
} |
|
.index .wrapper.hot .newProducts .newProductsItem { |
|
border: 0; |
|
} |
|
.index .wrapper.hot .newProducts { |
|
white-space: nowrap; |
|
padding: 0 30rpx; |
|
margin: 35rpx; |
|
overflow: hidden; |
|
background-color: #fff; |
|
padding: 30rpx; |
|
z-index: 99; |
|
position: relative; |
|
margin-bottom: 0; |
|
border-radius: 20rpx; |
|
box-shadow: 0 0 20rpx -10rpx #aaa; |
|
} |
|
.index .wrapper .newProducts { |
|
white-space: nowrap; |
|
padding: 0 30rpx; |
|
margin: 35rpx 0 42rpx 0; |
|
overflow: hidden; |
|
} |
|
.index .wrapper .newProducts .swiper-wrapper { |
|
height: 350rpx; |
|
} |
|
.index .wrapper.hot .newProducts .newProductsItem { |
|
width: 240rpx; |
|
margin-right: 20rpx; |
|
} |
|
.index .wrapper .newProducts .newProductsScroll { |
|
display: -webkit-box; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-box-orient: horizontal; |
|
-webkit-box-direction: normal; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
} |
|
.index .wrapper.hot .newProducts .newProductsItem image { |
|
width: 240rpx; |
|
height: 240rpx; |
|
} |
|
.index .wrapper .newProducts .newProductsItem { |
|
border: 1rpx solid #eee; |
|
width: 240rpx; |
|
border-radius: 12rpx; |
|
overflow: hidden; |
|
margin-right: 20rpx; |
|
} |
|
.index .wrapper .newProducts .img-box { |
|
width: 100%; |
|
height: 240rpx; |
|
} |
|
.index .wrapper.hot .newProducts .img-box { |
|
width: 240rpx; |
|
} |
|
.index .wrapper .newProducts .img-box image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 12rpx 12rpx 0 0; |
|
} |
|
.index .wrapper.hot .newProducts .img-box image { |
|
border-radius: 12rpx; |
|
} |
|
.index .wrapper .newProducts .pro-info { |
|
font-size: 28rpx; |
|
color: #333; |
|
text-align: center; |
|
padding: 15rpx 10rpx 0 10rpx; |
|
} |
|
.index .wrapper .newProducts .money { |
|
padding: 0 10rpx 18rpx 10rpx; |
|
text-align: center; |
|
font-size: 26rpx; |
|
font-weight: bold; |
|
} |
|
.index .wrapper.hot .newProducts .pro-info { |
|
text-align: left; |
|
} |
|
.index .wrapper.hot .newProducts .money { |
|
text-align: left; |
|
} |
|
/*商品列表*/ |
|
.productList .search { |
|
width: 100%; |
|
height: 86rpx; |
|
padding-left: 23rpx; |
|
position: fixed; |
|
left: 0; |
|
top: 0; |
|
z-index: 5; |
|
} |
|
.productList .search .input { |
|
width: 640rpx; |
|
height: 60rpx; |
|
background-color: #fff; |
|
border-radius: 50rpx; |
|
padding: 0 20rpx; |
|
} |
|
.productList .search .input input { |
|
width: 548rpx; |
|
height: 100%; |
|
font-size: 26rpx; |
|
} |
|
.productList .search .input input::-webkit-input-placeholder { |
|
color: #999; |
|
} |
|
.productList .search .input input::placeholder { |
|
color: #999; |
|
} |
|
.productList .search .input .iconfont { |
|
font-size: 35rpx; |
|
color: #555; |
|
} |
|
.productList .search .icon-pailie, |
|
.productList .search .icon-tupianpailie { |
|
margin: 0 auto; |
|
color: #fff; |
|
width: 40rpx; |
|
font-size: 40rpx; |
|
height: 86rpx; |
|
line-height: 86rpx; |
|
} |
|
.productList .nav { |
|
height: 86rpx; |
|
color: #454545; |
|
position: fixed; |
|
left: 0; |
|
width: 100%; |
|
font-size: 28rpx; |
|
background-color: #fff; |
|
top: 86rpx; |
|
z-index: 5; |
|
} |
|
.productList .nav .item { |
|
width: 25%; |
|
text-align: center; |
|
} |
|
.productList .nav .item.font-color { |
|
font-weight: bold; |
|
} |
|
.productList .nav .item image { |
|
width: 15rpx; |
|
height: 19rpx; |
|
margin-left: 10rpx; |
|
} |
|
.productList .list { |
|
padding: 0 20rpx; |
|
margin-top: 172rpx; |
|
} |
|
.productList .list.on { |
|
background-color: #fff; |
|
border-top: 1px solid #f6f6f6; |
|
} |
|
.productList .list .item { |
|
width: 345rpx; |
|
margin-top: 20rpx; |
|
background-color: #fff; |
|
border-radius: 10rpx; |
|
} |
|
.productList .list .item.on { |
|
width: 100%; |
|
display: -webkit-box; |
|
display: -webkit-flex; |
|
display: flex; |
|
border-bottom: 1px solid #f6f6f6; |
|
padding: 30rpx 0; |
|
margin: 0; |
|
} |
|
.productList .list .item .pictrue { |
|
width: 100%; |
|
height: 345rpx; |
|
} |
|
.productList .list .item .pictrue.on { |
|
width: 180rpx; |
|
height: 180rpx; |
|
} |
|
.productList .list .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 10rpx 10rpx 0 0; |
|
} |
|
.productList .list .item .pictrue ._img.on { |
|
border-radius: 6rpx; |
|
} |
|
.productList .list .item .text { |
|
padding: 20rpx 17rpx 26rpx 17rpx; |
|
font-size: 30rpx; |
|
color: #222; |
|
text-align: left; |
|
} |
|
.productList .list .item .text.on { |
|
width: 508rpx; |
|
padding: 0 0 0 22rpx; |
|
} |
|
.productList .list .item .text .money { |
|
font-size: 26rpx; |
|
font-weight: bold; |
|
margin-top: 8rpx; |
|
} |
|
.productList .list .item .text .money.on { |
|
margin-top: 40rpx; |
|
} |
|
.productList .list .item .text .money .num { |
|
font-size: 34rpx; |
|
} |
|
.productList .list .item .text .vip { |
|
font-size: 22rpx; |
|
color: #aaa; |
|
margin-top: 7rpx; |
|
} |
|
.productList .list .item .text .vip.on { |
|
margin-top: 11rpx; |
|
} |
|
.productList .list .item .text .vip .vip-money { |
|
font-size: 24rpx; |
|
color: #282828; |
|
font-weight: bold; |
|
text-decoration: line-through; |
|
} |
|
.productList .list .item .text .vip .vip-money image { |
|
width: 46rpx; |
|
height: 21rpx; |
|
margin-left: 4rpx; |
|
} |
|
/*购物车*/ |
|
.shoppingCart .labelNav { |
|
box-sizing: border-box; |
|
height: 76rpx; |
|
padding: 0 30rpx; |
|
font-size: 22rpx; |
|
color: #8c8c8c; |
|
position: fixed; |
|
left: 0; |
|
width: 100%; |
|
background-color: #f5f5f5; |
|
z-index: 5; |
|
top: 0; |
|
} |
|
.shoppingCart .labelNav .item .iconfont { |
|
font-size: 25rpx; |
|
margin-right: 10rpx; |
|
} |
|
.shoppingCart .nav { |
|
box-sizing: border-box; |
|
width: 100%; |
|
height: 80rpx; |
|
background-color: #fff; |
|
padding: 0 30rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
position: fixed; |
|
left: 0; |
|
z-index: 5; |
|
top: 76rpx; |
|
border-bottom: 1px solid #f5f5f5; |
|
} |
|
.shoppingCart .nav .administrate { |
|
font-size: 26rpx; |
|
color: #282828; |
|
width: 110rpx; |
|
height: 46rpx; |
|
border-radius: 6rpx; |
|
border: 1px solid #868686; |
|
} |
|
.shoppingCart .noCart { |
|
margin-top: 171rpx; |
|
background-color: #fff; |
|
padding: 78rpx 0 56rpx 0; |
|
} |
|
.shoppingCart .noCart .pictrue { |
|
width: 414rpx; |
|
height: 336rpx; |
|
margin: 0 auto; |
|
} |
|
.shoppingCart .noCart .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.shoppingCart .list { |
|
margin-top: 171rpx; |
|
} |
|
.shoppingCart .list .item { |
|
padding: 25rpx 30rpx; |
|
background-color: #fff; |
|
margin-bottom: 15rpx; |
|
} |
|
.shoppingCart .list .item .picTxt { |
|
width: 627rpx; |
|
position: relative; |
|
} |
|
.shoppingCart .list .item .picTxt .pictrue { |
|
width: 160rpx; |
|
height: 160rpx; |
|
} |
|
.shoppingCart .list .item .picTxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.shoppingCart .list .item .picTxt .text { |
|
width: 444rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
text-align: left; |
|
} |
|
.shoppingCart .list .item .picTxt .text .infor { |
|
font-size: 24rpx; |
|
color: #868686; |
|
margin-top: 16rpx; |
|
} |
|
.shoppingCart .list .item .picTxt .text .money { |
|
font-size: 32rpx; |
|
color: #282828; |
|
margin-top: 26rpx; |
|
} |
|
.shoppingCart .list .item .picTxt .carnum { |
|
height: 44rpx; |
|
position: absolute; |
|
bottom: 7rpx; |
|
right: 0; |
|
} |
|
.shoppingCart .list .item .picTxt .carnum view { |
|
border: 1px solid #a4a4a4; |
|
width: 66rpx; |
|
text-align: center; |
|
height: 100%; |
|
line-height: 44rpx; |
|
font-size: 28rpx; |
|
color: #a4a4a4; |
|
} |
|
.shoppingCart .list .item .picTxt .carnum .reduce { |
|
border-right: 0; |
|
border-radius: 3rpx 0 0 3rpx; |
|
line-height: 39rpx; |
|
} |
|
.shoppingCart .list .item .picTxt .carnum .reduce.on { |
|
border-color: #e3e3e3; |
|
color: #dedede; |
|
} |
|
.shoppingCart .list .item .picTxt .carnum .plus { |
|
border-left: 0; |
|
border-radius: 0 3rpx 3rpx 0; |
|
line-height: 38rpx; |
|
} |
|
.shoppingCart .list .item .picTxt .carnum .num { |
|
color: #282828; |
|
} |
|
.shoppingCart .invalidGoods { |
|
background-color: #fff; |
|
} |
|
.shoppingCart .invalidGoods .goodsNav { |
|
box-sizing: border-box; |
|
width: 100%; |
|
height: 66rpx; |
|
padding: 0 30rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.shoppingCart .invalidGoods .goodsNav .iconfont { |
|
color: #424242; |
|
font-size: 28rpx; |
|
margin-right: 17rpx; |
|
} |
|
.shoppingCart .invalidGoods .goodsNav .del { |
|
font-size: 26rpx; |
|
color: #999; |
|
} |
|
.shoppingCart .invalidGoods .goodsNav .del .icon-shanchu1 { |
|
color: #999; |
|
font-size: 33rpx; |
|
vertical-align: -2rpx; |
|
margin-right: 8rpx; |
|
} |
|
.shoppingCart .invalidGoods .goodsList .item { |
|
padding: 20rpx 30rpx; |
|
border-top: 1px solid #f5f5f5; |
|
} |
|
.shoppingCart .invalidGoods .goodsList .item .invalid { |
|
font-size: 22rpx; |
|
color: #fff; |
|
width: 70rpx; |
|
height: 36rpx; |
|
background-color: #aaa; |
|
border-radius: 3rpx; |
|
} |
|
.shoppingCart .invalidGoods .goodsList .item .pictrue { |
|
width: 140rpx; |
|
height: 140rpx; |
|
} |
|
.shoppingCart .invalidGoods .goodsList .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.shoppingCart .invalidGoods .goodsList .item .text { |
|
width: 433rpx; |
|
font-size: 28rpx; |
|
color: #999; |
|
height: 140rpx; |
|
text-align: left; |
|
} |
|
.shoppingCart .invalidGoods .goodsList .item .text .infor { |
|
font-size: 24rpx; |
|
} |
|
.shoppingCart .invalidGoods .goodsList .item .text .end { |
|
font-size: 26rpx; |
|
color: #bbb; |
|
} |
|
.shoppingCart .footer { |
|
box-sizing: border-box; |
|
width: 100%; |
|
height: 96rpx; |
|
background-color: #fafafa; |
|
position: fixed; |
|
bottom: 0; |
|
padding: 0 30rpx; |
|
border-top: 1px solid #eee; |
|
} |
|
.shoppingCart .iphonex-footer { |
|
bottom: 168rpx; |
|
} |
|
.shoppingCart .footer .checkAll { |
|
font-size: 28rpx; |
|
color: #282828; |
|
margin-left: 60rpx; |
|
} |
|
.shoppingCart .footer .money { |
|
font-size: 30rpx; |
|
} |
|
.shoppingCart .footer .placeOrder { |
|
color: #fff; |
|
font-size: 30rpx; |
|
width: 226rpx; |
|
height: 70rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 70rpx; |
|
margin-left: 22rpx; |
|
} |
|
.shoppingCart .footer .button .bnt { |
|
font-size: 28rpx; |
|
color: #999; |
|
border-radius: 50rpx; |
|
border: 1px solid #999; |
|
width: 160rpx; |
|
height: 60rpx; |
|
text-align: center; |
|
line-height: 60rpx; |
|
} |
|
.shoppingCart .footer .button .bnt ~ .bnt { |
|
margin-left: 17rpx; |
|
} |
|
/*个人中心*/ |
|
.user .header { |
|
padding: 0 30rpx; |
|
height: 190rpx; |
|
position: relative; |
|
} |
|
.user .header:after { |
|
position: absolute; |
|
left: 0; |
|
right: 0; |
|
bottom: -98rpx; |
|
z-index: -1; |
|
content: ''; |
|
height: 100rpx; |
|
width: 100%; |
|
border-radius: 0 0 50% 50%; |
|
background-color: #73CBB6; |
|
} |
|
.user .header .picTxt .pictrue { |
|
width: 120rpx; |
|
height: 120rpx; |
|
} |
|
.user .header .picTxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
border: 3rpx solid #f5f5f5; |
|
} |
|
.user .header .picTxt .text { |
|
width: 434rpx; |
|
color: #ffffff; |
|
margin-left: 35rpx; |
|
text-align: left; |
|
} |
|
.user .header .picTxt .text .name { |
|
font-size: 32rpx; |
|
max-width: 260rpx; |
|
width: unset; |
|
} |
|
.user .header .picTxt .text .member { |
|
padding: 0 10rpx; |
|
height: 36rpx; |
|
background-color: rgba(0, 0, 0, 0.2); |
|
font-size: 20rpx; |
|
border-radius: 30rpx; |
|
margin-left: 17rpx; |
|
} |
|
.user .header .picTxt .text .member image { |
|
width: 28rpx; |
|
height: 28rpx; |
|
font-size: 20rpx; |
|
margin-right: 8rpx; |
|
} |
|
.user .header .picTxt .text .id { |
|
color: rgba(255, 255, 255, 0.6); |
|
font-size: 26rpx; |
|
margin-top: 15rpx; |
|
} |
|
.user .header .picTxt .text .id .iconfont { |
|
font-size: 30rpx; |
|
margin-left: 12rpx; |
|
} |
|
.user .header .icon-shezhi { |
|
font-size: 36rpx; |
|
color: #fff; |
|
margin-top: -52rpx; |
|
} |
|
.user .wrapper { |
|
padding: 0 20rpx; |
|
} |
|
.user .wrapper .nav { |
|
background-color: #fff; |
|
border-radius: 6rpx; |
|
height: 140rpx; |
|
} |
|
.user .wrapper .nav .item { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
text-align: center; |
|
font-size: 26rpx; |
|
color: #aaa; |
|
position: relative; |
|
} |
|
.user .wrapper .nav .item text { |
|
display: block; |
|
} |
|
.user .wrapper .nav .item ~ .item:after { |
|
position: absolute; |
|
content: ''; |
|
left: 0; |
|
width: 1px; |
|
height: 70rpx; |
|
background-color: #eee; |
|
top: 50%; |
|
margin-top: -35rpx; |
|
} |
|
.user .wrapper .nav .item .num { |
|
margin-top: 10rpx; |
|
font-size: 36rpx; |
|
color: #282828; |
|
} |
|
.user .wrapper .myOrder { |
|
background-color: #fff; |
|
border-radius: 10rpx; |
|
margin-top: 15rpx; |
|
} |
|
.user .wrapper .myOrder .title, |
|
.user .wrapper .myService .title { |
|
height: 88rpx; |
|
padding: 0 30rpx; |
|
border-bottom: 1px dashed #eee; |
|
font-size: 30rpx; |
|
color: #282828; |
|
} |
|
.user .wrapper .myOrder .title .allOrder { |
|
font-size: 26rpx; |
|
color: #666; |
|
} |
|
.user .wrapper .myOrder .title .allOrder .iconfont { |
|
font-size: 25rpx; |
|
margin-left: 7rpx; |
|
} |
|
.user .wrapper .myOrder .orderState { |
|
height: 160rpx; |
|
} |
|
.user .wrapper .myOrder .orderState .item { |
|
font-size: 26rpx; |
|
color: #454545; |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
text-align: center; |
|
} |
|
.user .wrapper .myOrder .orderState .item .pictrue { |
|
width: 49rpx; |
|
height: 42rpx; |
|
margin: 0 auto 18rpx auto; |
|
} |
|
.user .wrapper .myOrder .orderState .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.user .wrapper .myService { |
|
background-color: #fff; |
|
margin-top: 15rpx; |
|
border-radius: 10rpx; |
|
} |
|
.user .wrapper .myService .serviceList { |
|
padding: 8rpx 0 27rpx 0; |
|
} |
|
.user .wrapper .myService .serviceList .item { |
|
width: 25%; |
|
text-align: center; |
|
font-size: 26rpx; |
|
color: #333; |
|
margin-top: 30rpx; |
|
} |
|
.user .wrapper .myService .serviceList .item .pictrue { |
|
width: 52rpx; |
|
height: 52rpx; |
|
margin: 0 auto 16rpx auto; |
|
} |
|
.user .wrapper .myService .serviceList .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.user .support { |
|
width: 219rpx; |
|
height: 74rpx; |
|
margin: 54rpx auto; |
|
display: block; |
|
} |
|
/*所有产品的详情公用部分*/ |
|
.product-con .wrapper { |
|
background-color: #fff; |
|
} |
|
.product-con .wrapper .share { |
|
margin: 0 30rpx; |
|
padding-top: 25rpx; |
|
} |
|
.product-con .wrapper .share .money { |
|
font-size: 28rpx; |
|
font-weight: bold; |
|
} |
|
.product-con .wrapper .share .money .num { |
|
font-size: 48rpx; |
|
} |
|
.product-con .wrapper .share .money .vip-money { |
|
color: #282828; |
|
margin-left: 13rpx; |
|
} |
|
.product-con .wrapper .share .money .image { |
|
width: 46rpx; |
|
height: 21rpx; |
|
margin-left: 7rpx; |
|
} |
|
.product-con .wrapper .share .money .vip-money { |
|
color: #282828; |
|
margin-left: 13rpx; |
|
} |
|
.product-con .wrapper .share .iconfont { |
|
color: #515151; |
|
font-size: 40rpx; |
|
margin-bottom: 10rpx; |
|
} |
|
.product-con .wrapper .introduce { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
margin: 10rpx 30rpx 0 30rpx; |
|
} |
|
.product-con .wrapper .label { |
|
margin: 22rpx 30rpx 0 30rpx; |
|
font-size: 24rpx; |
|
color: #82848f; |
|
padding-bottom: 25rpx; |
|
} |
|
.product-con .wrapper .coupon { |
|
padding: 0 30rpx; |
|
border-top: 1px solid #f5f5f5; |
|
height: 80rpx; |
|
font-size: 26rpx; |
|
color: #82848f; |
|
} |
|
.product-con .wrapper .coupon .hide { |
|
width: 540rpx; |
|
height: 80rpx; |
|
line-height: 80rpx; |
|
} |
|
.product-con .wrapper .coupon .activity { |
|
height: 40rpx; |
|
padding: 0 20rpx; |
|
border: 1px solid #f2857b; |
|
color: #e93323; |
|
font-size: 24rpx; |
|
line-height: 40rpx; |
|
position: relative; |
|
margin: 19rpx 0 19rpx 15rpx; |
|
} |
|
.product-con .wrapper .coupon .activity:before { |
|
content: ' '; |
|
position: absolute; |
|
width: 7rpx; |
|
height: 10rpx; |
|
border-radius: 0 7rpx 7rpx 0; |
|
border: 1px solid #f2857b; |
|
background-color: #fff; |
|
bottom: 50%; |
|
left: -2rpx; |
|
margin-bottom: -7rpx; |
|
border-left-color: #fff; |
|
} |
|
.product-con .wrapper .coupon .activity:after { |
|
content: ' '; |
|
position: absolute; |
|
width: 7rpx; |
|
height: 10rpx; |
|
border-radius: 7rpx 0 0 7rpx; |
|
border: 1px solid #f2857b; |
|
background-color: #fff; |
|
right: -2rpx; |
|
bottom: 50%; |
|
margin-bottom: -5rpx; |
|
border-right-color: #fff; |
|
} |
|
.product-con .wrapper .coupon .iconfont { |
|
color: #7a7a7a; |
|
font-size: 28rpx; |
|
} |
|
.product-con .attribute { |
|
background-color: #fff; |
|
padding: 0 30rpx; |
|
font-size: 26rpx; |
|
color: #82848f; |
|
margin-top: 20rpx; |
|
height: 80rpx; |
|
} |
|
.product-con .attribute .atterTxt { |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.product-con .attribute .iconfont { |
|
font-size: 28rpx; |
|
color: #7a7a7a; |
|
} |
|
.product-con .userEvaluation { |
|
margin-top: 20rpx; |
|
background-color: #fff; |
|
} |
|
.product-con .userEvaluation .title { |
|
height: 86rpx; |
|
border-bottom: 1px solid #eee; |
|
font-size: 28rpx; |
|
color: #282828; |
|
margin-left: 30rpx; |
|
padding-right: 30rpx; |
|
} |
|
.product-con .userEvaluation .title .praise { |
|
font-size: 28rpx; |
|
color: #808080; |
|
} |
|
.product-con .userEvaluation .title .praise .iconfont { |
|
color: #7a7a7a; |
|
font-size: 28rpx; |
|
vertical-align: 1rpx; |
|
margin-left: 8rpx; |
|
} |
|
.product-con .product-intro { |
|
margin-top: 20rpx; |
|
} |
|
.product-con .product-intro .title { |
|
font-size: 30rpx; |
|
color: #282828; |
|
height: 86rpx; |
|
width: 100%; |
|
background-color: #fff; |
|
text-align: center; |
|
line-height: 86rpx; |
|
} |
|
.product-con .product-intro .conter { |
|
width: 100%; |
|
} |
|
.product-con .product-intro .conter image { |
|
width: 100% !important; |
|
display: block !important; |
|
} |
|
/*产品详情*/ |
|
.product-con .footer { |
|
box-sizing: border-box; |
|
padding: 0 20rpx 0 30rpx; |
|
position: fixed; |
|
bottom: 0; |
|
width: 100%; |
|
height: 100rpx; |
|
background-color: #fff; |
|
z-index: 99; |
|
border-top: 1px solid #f0f0f0; |
|
} |
|
.product-con .footer .item { |
|
font-size: 18rpx; |
|
color: #666; |
|
margin-top: 7rpx; |
|
} |
|
.product-con .footer .item .iconfont { |
|
text-align: center; |
|
font-size: 40rpx; |
|
height: 40rpx; |
|
line-height: 40rpx; |
|
} |
|
.product-con .footer .item .iconfont.icon-gouwuche1 { |
|
position: relative; |
|
} |
|
.product-con .footer .item .iconfont.icon-gouwuche1 .num { |
|
color: #fff; |
|
position: absolute; |
|
font-size: 18rpx; |
|
border-radius: 200rpx; |
|
top: -10rpx; |
|
right: 0; |
|
height: 30rpx; |
|
line-height: 30rpx; |
|
padding: 0 8rpx; |
|
min-width: 30rpx; |
|
} |
|
.product-con .footer .bnt { |
|
width: 444rpx; |
|
height: 76rpx; |
|
color: #fff; |
|
font-size: 28rpx; |
|
} |
|
.product-con .footer .bnt > view { |
|
width: 222rpx; |
|
text-align: center; |
|
line-height: 76rpx; |
|
} |
|
.product-con .footer .bnt .joinCart { |
|
border-radius: 50rpx 0 0 50rpx; |
|
background-image: -webkit-linear-gradient(left, #fea10f 0%, #fea10f 100%); |
|
background-image: linear-gradient(to right, #fea10f 0%, #fea10f 100%); |
|
background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); |
|
} |
|
.product-con .footer .bnt .buy { |
|
border-radius: 0 50rpx 50rpx 0; |
|
background-image: -webkit-linear-gradient(left, #73CBB6 0%, #73CBB6 100%); |
|
background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); |
|
background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); |
|
} |
|
/*订单提交*/ |
|
.order-submission .line { |
|
width: 100%; |
|
height: 3rpx; |
|
} |
|
.order-submission .line image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
.order-submission .address { |
|
padding: 28rpx 30rpx; |
|
background-color: #fff; |
|
} |
|
.order-submission .address .addressCon { |
|
width: 610rpx; |
|
font-size: 26rpx; |
|
color: #666; |
|
} |
|
.order-submission .address .addressCon .name { |
|
font-size: 30rpx; |
|
color: #282828; |
|
font-weight: bold; |
|
margin-bottom: 10rpx; |
|
} |
|
.order-submission .address .addressCon .name .phone { |
|
margin-left: 50rpx; |
|
} |
|
.order-submission .address .addressCon .default { |
|
margin-right: 12rpx; |
|
} |
|
.order-submission .address .addressCon .setaddress { |
|
color: #333; |
|
font-size: 28rpx; |
|
} |
|
.order-submission .address .iconfont { |
|
font-size: 35rpx; |
|
color: #707070; |
|
} |
|
.order-submission .wrapper { |
|
background-color: #fff; |
|
margin-top: 13rpx; |
|
} |
|
.order-submission .wrapper .item { |
|
padding: 27rpx 30rpx; |
|
font-size: 30rpx; |
|
color: #282828; |
|
border-bottom: 1px solid #f0f0f0; |
|
} |
|
.order-submission .wrapper .item .discount { |
|
font-size: 30rpx; |
|
color: #999; |
|
width: 500rpx; |
|
text-align: right; |
|
} |
|
.order-submission .wrapper .item .discount .integral { |
|
margin-right: 40rpx; |
|
} |
|
.order-submission .wrapper .item .discount .checkbox-wrapper .icon { |
|
right: 0; |
|
left: unset; |
|
} |
|
.order-submission .wrapper .item .discount .iconfont { |
|
color: #515151; |
|
font-size: 30rpx; |
|
margin-left: 15rpx; |
|
} |
|
.order-submission .wrapper .item .discount .num { |
|
font-size: 32rpx; |
|
margin-right: 20rpx; |
|
} |
|
.order-submission .wrapper .item textarea { |
|
box-sizing: border-box; |
|
background-color: #f9f9f9; |
|
width: 100%; |
|
height: 140rpx; |
|
border-radius: 3rpx; |
|
margin-top: 30rpx; |
|
padding: 25rpx 28rpx; |
|
} |
|
.order-submission .wrapper .item textarea::-webkit-input-placeholder { |
|
color: #ccc; |
|
} |
|
.order-submission .wrapper .item textarea::placeholder { |
|
color: #ccc; |
|
} |
|
.order-submission .wrapper .item .list { |
|
margin-top: 35rpx; |
|
} |
|
.order-submission .wrapper .item .list .payItem { |
|
border: 1px solid #eee; |
|
border-radius: 6rpx; |
|
height: 86rpx; |
|
width: 100%; |
|
margin-top: 20rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.order-submission .wrapper .item .list .payItem.on { |
|
border-color: #fc5445; |
|
color: #e93323; |
|
} |
|
.order-submission .wrapper .item .list .payItem .name { |
|
width: 50%; |
|
text-align: center; |
|
border-right: 1px solid #eee; |
|
} |
|
.order-submission .wrapper .item .list .payItem .name .iconfont { |
|
width: 44rpx; |
|
height: 44rpx; |
|
border-radius: 50%; |
|
text-align: center; |
|
line-height: 44rpx; |
|
background-color: #fe960f; |
|
color: #fff; |
|
font-size: 30rpx; |
|
margin-right: 15rpx; |
|
} |
|
.order-submission .wrapper .item .list .payItem .name .iconfont.icon-weixin2 { |
|
background-color: #41b035; |
|
} |
|
.order-submission .wrapper .item .list .payItem .name .iconfont.icon-yinhangqia { |
|
background-color: #73CBB6; |
|
} |
|
.order-submission .wrapper .item .list .payItem .tip { |
|
width: 49%; |
|
text-align: center; |
|
font-size: 26rpx; |
|
color: #aaa; |
|
} |
|
.order-submission .moneyList { |
|
margin-top: 12rpx; |
|
background-color: #fff; |
|
padding: 30rpx; |
|
} |
|
.order-submission .moneyList .item { |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.order-submission .moneyList .item ~ .item { |
|
margin-top: 20rpx; |
|
} |
|
.order-submission .moneyList .item .money { |
|
color: #868686; |
|
} |
|
.order-submission .footer { |
|
box-sizing: border-box; |
|
width: 100%; |
|
height: 100rpx; |
|
background-color: #fff; |
|
padding: 0 30rpx; |
|
font-size: 28rpx; |
|
color: #333; |
|
position: fixed; |
|
bottom: 0; |
|
left: 0; |
|
} |
|
.order-submission .footer .settlement { |
|
font-size: 30rpx; |
|
color: #fff; |
|
width: 240rpx; |
|
height: 70rpx; |
|
background-color: #e93323; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 70rpx; |
|
} |
|
/*地址管理*/ |
|
.address-management .line { |
|
width: 100%; |
|
height: 3rpx; |
|
} |
|
.address-management .line image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
.address-management .item { |
|
background-color: #fff; |
|
padding: 0 30rpx; |
|
margin-bottom: 12rpx; |
|
} |
|
.address-management .item .address { |
|
padding: 30rpx 0; |
|
border-bottom: 1px solid #eee; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.address-management .item .address .consignee { |
|
font-size: 28rpx; |
|
font-weight: bold; |
|
margin-bottom: 8rpx; |
|
} |
|
.address-management .item .address .consignee .phone { |
|
margin-left: 25rpx; |
|
} |
|
.address-management .item .operation { |
|
height: 83rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.address-management .item .operation .default { |
|
margin-left: 10rpx; |
|
} |
|
.address-management .item .operation .iconfont { |
|
color: #2c2c2c; |
|
font-size: 30rpx; |
|
vertical-align: -2rpx; |
|
margin-right: 10rpx; |
|
} |
|
.address-management .item .operation .iconfont.icon-shanchu { |
|
margin-left: 40rpx; |
|
font-size: 33rpx; |
|
} |
|
.address-management .footer { |
|
box-sizing: border-box; |
|
position: fixed; |
|
width: 100%; |
|
background-color: #fff; |
|
bottom: 0; |
|
height: 106rpx; |
|
padding: 0 30rpx; |
|
} |
|
.address-management .footer .addressBnt { |
|
width: 330rpx; |
|
height: 76rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 76rpx; |
|
font-size: 30rpx; |
|
color: #fff; |
|
} |
|
.address-management .footer .addressBnt.on { |
|
width: 690rpx; |
|
margin: 0 auto; |
|
} |
|
.address-management .footer .addressBnt .iconfont { |
|
font-size: 35rpx; |
|
margin-right: 8rpx; |
|
vertical-align: -1rpx; |
|
} |
|
.address-management .footer .addressBnt.wxbnt { |
|
background-color: #73CBB6; |
|
} |
|
/*添加地址*/ |
|
.addAddress .list { |
|
background-color: #fff; |
|
} |
|
.addAddress .list .item { |
|
padding: 0 30rpx; |
|
min-height: 90rpx; |
|
border-top: 1rpx solid #eee; |
|
font-size: 30rpx; |
|
} |
|
.addAddress .list .item .name { |
|
width: 195rpx; |
|
color: #333; |
|
} |
|
.addAddress .list .item input { |
|
width: 475rpx; |
|
font-size: 30rpx; |
|
} |
|
.addAddress .list .item input::-webkit-input-placeholder { |
|
color: #ccc; |
|
} |
|
.addAddress .list .item input::placeholder { |
|
color: #ccc; |
|
} |
|
.addAddress .list .item .picker { |
|
width: 475rpx; |
|
} |
|
.addAddress .list .item .address { |
|
width: 410rpx; |
|
} |
|
.addAddress .list .item .picker .iconfont { |
|
font-size: 43rpx; |
|
} |
|
.addAddress .default { |
|
padding: 0 30rpx; |
|
height: 90rpx; |
|
background-color: #fff; |
|
margin-top: 23rpx; |
|
} |
|
.addAddress .default .def { |
|
margin-left: 10rpx; |
|
height: 83rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.addAddress .keepBnt { |
|
width: 690rpx; |
|
height: 86rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 86rpx; |
|
margin: 50rpx auto 30rpx auto; |
|
font-size: 32rpx; |
|
color: #fff; |
|
} |
|
.addAddress .wechatAddress { |
|
width: 690rpx; |
|
height: 86rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 86rpx; |
|
margin: 0 auto; |
|
font-size: 32rpx; |
|
color: #73CBB6; |
|
border: 1px solid #73CBB6; |
|
} |
|
/*我的订单*/ |
|
.my-order .header { |
|
height: 260rpx; |
|
padding: 0 30rpx; |
|
} |
|
.my-order .header .picTxt { |
|
height: 190rpx; |
|
} |
|
.my-order .header .picTxt .text { |
|
color: rgba(255, 255, 255, 0.8); |
|
font-size: 26rpx; |
|
font-family: 'GuildfordProBook 5'; |
|
} |
|
.my-order .header .picTxt .text .name { |
|
font-size: 34rpx; |
|
font-weight: bold; |
|
color: #fff; |
|
margin-bottom: 20rpx; |
|
} |
|
.my-order .header .picTxt .pictrue { |
|
width: 122rpx; |
|
height: 109rpx; |
|
} |
|
.my-order .header .picTxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.my-order .nav { |
|
background-color: #fff; |
|
width: 690rpx; |
|
height: 140rpx; |
|
border-radius: 6rpx; |
|
margin: -73rpx auto 0 auto; |
|
} |
|
.my-order .nav .item { |
|
text-align: center; |
|
font-size: 26rpx; |
|
color: #282828; |
|
padding: 29rpx 0 20rpx 0; |
|
} |
|
.my-order .nav .item.on { |
|
font-weight: bold; |
|
border-bottom: 5rpx solid #73CBB6; |
|
} |
|
.my-order .nav .item .num { |
|
margin-top: 10rpx; |
|
} |
|
.my-order .list { |
|
width: 690rpx; |
|
margin: 14rpx auto 0 auto; |
|
} |
|
.my-order .list .item { |
|
background-color: #fff; |
|
border-radius: 6rpx; |
|
margin-bottom: 14rpx; |
|
} |
|
.my-order .list .item .title { |
|
height: 84rpx; |
|
padding: 0 30rpx; |
|
border-bottom: 1rpx solid #eee; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.my-order .list .item .title .sign { |
|
font-size: 24rpx; |
|
padding: 0 7rpx; |
|
height: 36rpx; |
|
margin-right: 15rpx; |
|
} |
|
.my-order .list .item .item-info { |
|
padding: 0 30rpx; |
|
margin-top: 22rpx; |
|
} |
|
.my-order .list .item .item-info .pictrue { |
|
width: 120rpx; |
|
height: 120rpx; |
|
} |
|
.my-order .list .item .item-info .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.my-order .list .item .item-info .text { |
|
width: 486rpx; |
|
font-size: 28rpx; |
|
color: #999; |
|
margin-top: 6rpx; |
|
} |
|
.my-order .list .item .item-info .text .name { |
|
width: 306rpx; |
|
color: #282828; |
|
} |
|
.my-order .list .item .item-info .text .money { |
|
text-align: right; |
|
} |
|
.my-order .list .item .totalPrice { |
|
font-size: 26rpx; |
|
color: #282828; |
|
text-align: right; |
|
margin: 27rpx 0 0 30rpx; |
|
padding: 0 30rpx 30rpx 0; |
|
border-bottom: 1rpx solid #eee; |
|
} |
|
.my-order .list .item .totalPrice .money { |
|
font-size: 28rpx; |
|
font-weight: bold; |
|
} |
|
.my-order .list .item .bottom { |
|
height: 107rpx; |
|
padding: 0 30rpx; |
|
} |
|
.my-order .list .item .bottom .bnt { |
|
width: 176rpx; |
|
height: 60rpx; |
|
text-align: center; |
|
line-height: 60rpx; |
|
color: #fff; |
|
border-radius: 50rpx; |
|
font-size: 27rpx; |
|
} |
|
.my-order .list .item .bottom .bnt.cancelBnt { |
|
border: 1px solid #ddd; |
|
color: #aaa; |
|
} |
|
.my-order .list .item .bottom .bnt.default { |
|
color: #444; |
|
border: 1px solid #444; |
|
} |
|
.my-order .list .item .bottom .bnt ~ .bnt { |
|
margin-left: 17rpx; |
|
} |
|
/*订单详情*/ |
|
.order-details .header { |
|
padding: 0 30rpx; |
|
height: 150rpx; |
|
} |
|
.order-details .header.on { |
|
background-color: #666 !important; |
|
} |
|
.order-details .header .pictrue { |
|
width: 110rpx; |
|
height: 110rpx; |
|
} |
|
.order-details .header .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.order-details .header .data { |
|
color: rgba(255, 255, 255, 0.8); |
|
font-size: 24rpx; |
|
margin-left: 27rpx; |
|
} |
|
.order-details .header.on .data { |
|
margin-left: 0; |
|
} |
|
.order-details .header .data .state { |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
color: #fff; |
|
margin-bottom: 7rpx; |
|
} |
|
.order-details .header .data .time { |
|
margin-left: 20rpx; |
|
} |
|
.order-details .nav { |
|
background-color: #fff; |
|
font-size: 26rpx; |
|
color: #282828; |
|
padding: 25rpx 0; |
|
} |
|
.order-details .nav .navCon { |
|
padding: 0 40rpx; |
|
} |
|
.order-details .nav .navCon .on { |
|
font-weight: bold; |
|
color: #73CBB6; |
|
} |
|
.order-details .nav .progress { |
|
padding: 0 65rpx; |
|
margin-top: 10rpx; |
|
} |
|
.order-details .nav .progress .line { |
|
width: 100rpx; |
|
height: 2rpx; |
|
background-color: #939390; |
|
} |
|
.order-details .nav .progress .iconfont { |
|
font-size: 25rpx; |
|
color: #939390; |
|
margin-top: -2rpx; |
|
width: 30rpx; |
|
height: 30rpx; |
|
line-height: 33rpx; |
|
text-align: center; |
|
} |
|
.order-details .address { |
|
font-size: 26rpx; |
|
color: #868686; |
|
background-color: #fff; |
|
padding: 25rpx 30rpx 30rpx 30rpx; |
|
} |
|
.order-details .address .name { |
|
font-size: 30rpx; |
|
color: #282828; |
|
margin-bottom: 10rpx; |
|
} |
|
.order-details .address .name .phone { |
|
margin-left: 40rpx; |
|
} |
|
.order-details .line { |
|
width: 100%; |
|
height: 3rpx; |
|
} |
|
.order-details .line image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
.order-details .wrapper { |
|
background-color: #fff; |
|
margin-top: 12rpx; |
|
padding: 30rpx; |
|
} |
|
.order-details .wrapper .item { |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.order-details .wrapper .item ~ .item { |
|
margin-top: 20rpx; |
|
} |
|
.order-details .wrapper .item .conter { |
|
color: #868686; |
|
width: 500rpx; |
|
text-align: right; |
|
} |
|
.order-details .wrapper .item .conter .copy { |
|
font-size: 20rpx; |
|
color: #333; |
|
border-radius: 3rpx; |
|
border: 1px solid #666; |
|
padding: 3rpx 15rpx; |
|
margin-left: 24rpx; |
|
} |
|
.order-details .wrapper .actualPay { |
|
border-top: 1rpx solid #eee; |
|
margin-top: 30rpx; |
|
padding-top: 30rpx; |
|
} |
|
.order-details .wrapper .actualPay .money { |
|
font-weight: bold; |
|
font-size: 30rpx; |
|
} |
|
.order-details .footer { |
|
box-sizing: border-box; |
|
width: 100%; |
|
height: 100rpx; |
|
position: fixed; |
|
bottom: 0; |
|
left: 0; |
|
background-color: #fff; |
|
padding: 0 30rpx; |
|
border-top: 1px solid #eee; |
|
} |
|
.order-details .footer .bnt { |
|
width: 176rpx; |
|
height: 60rpx; |
|
text-align: center; |
|
line-height: 60rpx; |
|
border-radius: 50rpx; |
|
color: #fff; |
|
font-size: 27rpx; |
|
} |
|
.order-details .footer .bnt.cancel { |
|
color: #aaa; |
|
border: 1px solid #ddd; |
|
} |
|
.order-details .footer .bnt.default { |
|
color: #444; |
|
border: 1px solid #444; |
|
} |
|
.order-details .footer .bnt ~ .bnt { |
|
margin-left: 18rpx; |
|
} |
|
/*物流信息*/ |
|
.logistics .header { |
|
padding: 23rpx 30rpx; |
|
background-color: #fff; |
|
height: 166rpx; |
|
} |
|
.logistics .header .pictrue { |
|
width: 120rpx; |
|
height: 120rpx; |
|
} |
|
.logistics .header .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.logistics .header .text { |
|
width: 540rpx; |
|
font-size: 28rpx; |
|
color: #999; |
|
margin-top: 6rpx; |
|
} |
|
.logistics .header .text .name { |
|
width: 365rpx; |
|
color: #282828; |
|
} |
|
.logistics .header .text .money { |
|
text-align: right; |
|
} |
|
.logistics .logisticsCon { |
|
background-color: #fff; |
|
margin: 12rpx 0; |
|
} |
|
.logistics .logisticsCon .company { |
|
height: 120rpx; |
|
margin: 0 0 45rpx 30rpx; |
|
padding-right: 30rpx; |
|
border-bottom: 1px solid #f5f5f5; |
|
} |
|
.logistics .logisticsCon .company .picTxt { |
|
width: 520rpx; |
|
} |
|
.logistics .logisticsCon .company .picTxt .iconfont { |
|
width: 50rpx; |
|
height: 50rpx; |
|
background-color: #666; |
|
text-align: center; |
|
line-height: 50rpx; |
|
color: #fff; |
|
font-size: 35rpx; |
|
} |
|
.logistics .logisticsCon .company .picTxt .text { |
|
width: 450rpx; |
|
font-size: 26rpx; |
|
color: #282828; |
|
} |
|
.logistics .logisticsCon .company .picTxt .text .name { |
|
color: #999; |
|
} |
|
.logistics .logisticsCon .company .picTxt .text .express { |
|
margin-top: 5rpx; |
|
} |
|
.logistics .logisticsCon .company .copy { |
|
font-size: 20rpx; |
|
width: 106rpx; |
|
height: 40rpx; |
|
border-radius: 3rpx; |
|
border: 1px solid #999; |
|
} |
|
.logistics .logisticsCon .item { |
|
padding: 0 40rpx; |
|
position: relative; |
|
} |
|
.logistics .logisticsCon .item .circular { |
|
width: 20rpx; |
|
height: 20rpx; |
|
border-radius: 50%; |
|
position: absolute; |
|
top: -1rpx; |
|
left: 31.5rpx; |
|
background-color: #ddd; |
|
} |
|
.logistics .logisticsCon .item .circular.on { |
|
background-color: #73CBB6; |
|
} |
|
.logistics .logisticsCon .item .text { |
|
font-size: 26rpx; |
|
color: #666; |
|
width: 615rpx; |
|
border-left: 1px solid #e6e6e6; |
|
padding: 0 0 60rpx 38rpx; |
|
} |
|
.logistics .logisticsCon .item .text.on { |
|
border-left-color: #f8c1bd; |
|
} |
|
.logistics .logisticsCon .item .text .data { |
|
font-size: 24rpx; |
|
color: #999; |
|
margin-top: 10rpx; |
|
} |
|
.logistics .logisticsCon .item .text .data .time { |
|
margin-left: 15rpx; |
|
} |
|
/*支付状态*/ |
|
.payment-status { |
|
background-color: #fff; |
|
margin: 195rpx auto 0 auto; |
|
border-radius: 10rpx; |
|
padding: 1rpx 0 28rpx 0; |
|
width: 690rpx; |
|
left: 50%; |
|
margin-left: -345rpx; |
|
} |
|
.payment-status .iconfont { |
|
font-size: 70rpx; |
|
width: 140rpx; |
|
height: 140rpx; |
|
border-radius: 50%; |
|
color: #fff; |
|
text-align: center; |
|
line-height: 130rpx; |
|
text-shadow: 0 4px 0 #73CBB6; |
|
border: 6rpx solid #f5f5f5; |
|
margin: -76rpx auto 0 auto; |
|
background-color: #999; |
|
} |
|
.payment-status .iconfont.fail { |
|
text-shadow: 0 4px 0 #7a7a7a; |
|
} |
|
.payment-status .status { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
text-align: center; |
|
margin: 25rpx 0 37rpx 0; |
|
} |
|
.payment-status .wrapper { |
|
border: 1px solid #eee; |
|
margin: 0 30rpx 47rpx 30rpx; |
|
padding: 35rpx 0; |
|
border-left: 0; |
|
border-right: 0; |
|
} |
|
.payment-status .wrapper .item { |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.payment-status .wrapper .item ~ .item { |
|
margin-top: 20rpx; |
|
} |
|
.payment-status .wrapper .item .itemCom { |
|
color: #666; |
|
} |
|
.payment-status .returnBnt { |
|
width: 630rpx; |
|
height: 86rpx; |
|
border-radius: 50rpx; |
|
color: #fff; |
|
font-size: 30rpx; |
|
text-align: center; |
|
line-height: 86rpx; |
|
margin: 0 auto 20rpx auto; |
|
} |
|
/*个人资料*/ |
|
.personal-data .wrapper { |
|
margin: 10rpx 0; |
|
background-color: #fff; |
|
padding: 36rpx 30rpx 13rpx 30rpx; |
|
} |
|
.personal-data .wrapper .title { |
|
margin-bottom: 30rpx; |
|
font-size: 32rpx; |
|
color: #282828; |
|
} |
|
.personal-data .wrapper .wrapList .item { |
|
width: 690rpx; |
|
height: 160rpx; |
|
background-color: #f8f8f8; |
|
border-radius: 20rpx; |
|
margin-bottom: 22rpx; |
|
padding: 0 30rpx; |
|
position: relative; |
|
border: 2rpx solid #f8f8f8; |
|
} |
|
.personal-data .wrapper .wrapList .item.on { |
|
border-color: #e93323; |
|
border-radius: 20rpx; |
|
background: url("https://h5.dayouqiantu.cn/static/images/figure.png") no-repeat; |
|
background-size: 100% 100%; |
|
background-color: #fff9f9; |
|
} |
|
.personal-data .wrapper .wrapList .item .picTxt { |
|
width: 445rpx; |
|
} |
|
.personal-data .wrapper .wrapList .item .picTxt .pictrue { |
|
width: 96rpx; |
|
height: 96rpx; |
|
position: relative; |
|
} |
|
.personal-data .wrapper .wrapList .item .picTxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
} |
|
.personal-data .wrapper .wrapList .item .picTxt .pictrue .alter { |
|
width: 30rpx; |
|
height: 30rpx; |
|
border-radius: 50%; |
|
position: absolute; |
|
bottom: 0; |
|
right: 0; |
|
} |
|
.personal-data .wrapper .wrapList .item .picTxt .text { |
|
width: 325rpx; |
|
} |
|
.personal-data .wrapper .wrapList .item .picTxt .text .name { |
|
width: 100%; |
|
font-size: 30rpx; |
|
color: #282828; |
|
} |
|
.personal-data .wrapper .wrapList .item .picTxt .text .phone { |
|
font-size: 24rpx; |
|
color: #999; |
|
margin-top: 10rpx; |
|
} |
|
.personal-data .wrapper .wrapList .item .bnt { |
|
font-size: 24rpx; |
|
background-color: #fff; |
|
border-radius: 27rpx; |
|
width: 140rpx; |
|
height: 54rpx; |
|
border: 2rpx solid #e93323; |
|
} |
|
.personal-data .wrapper .wrapList .item .currentBnt { |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
font-size: 26rpx; |
|
background-color: rgba(233, 51, 35, 0.1); |
|
width: 140rpx; |
|
height: 48rpx; |
|
border-radius: 0 20rpx 0 20rpx; |
|
} |
|
.personal-data .list { |
|
background-color: #fff; |
|
} |
|
.personal-data .list .item { |
|
padding: 30rpx 30rpx 30rpx 0; |
|
border-bottom: 1px solid #f2f2f2; |
|
margin-left: 30rpx; |
|
font-size: 32rpx; |
|
color: #282828; |
|
} |
|
.personal-data .list .item .pictrue { |
|
width: 88rpx; |
|
height: 88rpx; |
|
} |
|
.personal-data .list .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
} |
|
.personal-data .list .item .input { |
|
width: 415rpx; |
|
text-align: right; |
|
color: #868686; |
|
} |
|
.personal-data .list .item .input input { |
|
color: #868686; |
|
text-align: right; |
|
width: 100%; |
|
} |
|
.personal-data .list .item .input .id { |
|
width: 365rpx; |
|
} |
|
.personal-data .list .item .input .iconfont { |
|
font-size: 35rpx; |
|
} |
|
.personal-data .list .item .input .iconfont.icon-xiangyou { |
|
font-size: 30rpx; |
|
margin-left: 27rpx; |
|
} |
|
.personal-data .modifyBnt { |
|
font-size: 32rpx; |
|
color: #fff; |
|
width: 690rpx; |
|
height: 90rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 90rpx; |
|
margin: 76rpx auto 0 auto; |
|
} |
|
.personal-data .logOut { |
|
font-size: 32rpx; |
|
text-align: center; |
|
width: 690rpx; |
|
height: 90rpx; |
|
border-radius: 45rpx; |
|
margin: 30rpx auto 70rpx auto; |
|
} |
|
/*拼团海报*/ |
|
.poster-poster .tip { |
|
height: 80rpx; |
|
font-size: 26rpx; |
|
color: #e8c787; |
|
text-align: center; |
|
line-height: 80rpx; |
|
} |
|
.poster-poster .tip .iconfont { |
|
font-size: 36rpx; |
|
vertical-align: -4rpx; |
|
margin-right: 18rpx; |
|
} |
|
.poster-poster .poster { |
|
width: 690rpx; |
|
height: 100%; |
|
margin: 0 auto; |
|
} |
|
.poster-poster .poster image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
/*分销海报*/ |
|
.distribution-posters .slider-banner { |
|
width: 100%; |
|
box-sizing: border-box; |
|
height: 100%; |
|
padding: 40rpx; |
|
position: relative; |
|
} |
|
.distribution-posters .slider-banner .swiper-slide { |
|
width: 600rpx !important; |
|
height: 100%; |
|
} |
|
.distribution-posters .slide-image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 15rpx; |
|
} |
|
.distribution-posters .keep { |
|
font-size: 30rpx; |
|
color: #fff; |
|
width: 600rpx; |
|
height: 80rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 80rpx; |
|
margin: 38rpx auto; |
|
} |
|
/*会员中心*/ |
|
.member-center .header { |
|
background-color: #232323; |
|
width: 100%; |
|
padding: 50rpx 0; |
|
} |
|
.member-center .header .slider-banner { |
|
height: 328rpx; |
|
} |
|
.member-center .header .slider-banner .swiper-slide { |
|
width: 636rpx !important; |
|
height: 328rpx; |
|
border-radius: 16rpx; |
|
color: #fff; |
|
position: relative; |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
} |
|
.member-center .header .slider-banner .swiper-slide.diamonds { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/diamonds.jpg"); |
|
} |
|
.member-center .header .slider-banner .swiper-slide.gold { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/gold.jpg"); |
|
} |
|
.member-center .header .slider-banner .swiper-slide.silver { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/silver.jpg"); |
|
} |
|
.member-center .header .slider-banner .swiper-slide.brass { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/brass.jpg"); |
|
} |
|
.member-center .header .slider-banner .swiper-slide.bronze { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/bronze.jpg"); |
|
} |
|
.member-center .header .slider-banner .swiper-slide.ordinary { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/ordinary.jpg"); |
|
} |
|
.member-center .header .slider-banner .swiper-slide image { |
|
width: 89rpx; |
|
height: 108rpx; |
|
display: block; |
|
position: absolute; |
|
right: 60rpx; |
|
} |
|
.member-center .header .slider-banner .swiper-slide .name { |
|
font-size: 46rpx; |
|
font-weight: bold; |
|
padding: 33rpx 0 0 35rpx; |
|
} |
|
.member-center .header .slider-banner .swiper-slide .discount { |
|
font-size: 28rpx; |
|
font-weight: bold; |
|
margin: 2rpx 0 0 35rpx; |
|
} |
|
.member-center .header .slider-banner .swiper-slide .discount .iconfont { |
|
margin-left: 10rpx; |
|
font-size: 30rpx; |
|
} |
|
.member-center .header .slider-banner .swiper-slide .nav { |
|
margin-top: 48rpx; |
|
} |
|
.member-center .header .slider-banner .swiper-slide .nav .item { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
text-align: center; |
|
color: rgba(255, 255, 255, 0.6); |
|
position: relative; |
|
} |
|
.member-center .header .slider-banner .swiper-slide .nav .item .num { |
|
font-size: 40rpx; |
|
color: #fff; |
|
font-family: 'GuildfordProBook 5'; |
|
} |
|
.member-center .header .slider-banner .swiper-slide .nav .item ~ .item::before { |
|
position: absolute; |
|
width: 2rpx; |
|
height: 32rpx; |
|
background-color: rgba(255, 255, 255, 0.6); |
|
content: ''; |
|
left: 0; |
|
top: 50%; |
|
-webkit-transform: translateY(-50%); |
|
transform: translateY(-50%); |
|
} |
|
.member-center .header .slider-banner .swiper-slide .lock { |
|
font-size: 26rpx; |
|
margin: 73rpx 0 0 35rpx; |
|
} |
|
.member-center .header .slider-banner .swiper-slide .lock .iconfont { |
|
font-size: 33rpx; |
|
margin-right: 15rpx; |
|
vertical-align: -4rpx; |
|
} |
|
.member-center .wrapper { |
|
background-color: #fff; |
|
padding-bottom: 16rpx; |
|
margin-bottom: 20rpx; |
|
} |
|
.member-center .wrapper .title { |
|
height: 98rpx; |
|
padding: 0 30rpx; |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
color: #282828; |
|
} |
|
.member-center .wrapper .title .iconfont { |
|
color: #73CBB6; |
|
font-weight: normal; |
|
font-size: 40rpx; |
|
margin-right: 12rpx; |
|
vertical-align: -2rpx; |
|
} |
|
.member-center .wrapper .title .num { |
|
font-size: 28rpx; |
|
color: #999; |
|
} |
|
.member-center .wrapper .title .num .current { |
|
color: #73CBB6; |
|
} |
|
.member-center .wrapper .list .item { |
|
width: 690rpx; |
|
height: 184rpx; |
|
background-color: #f9f9f9; |
|
margin: 0 auto 20rpx auto; |
|
padding: 27rpx 0 22rpx 0; |
|
border-radius: 12rpx; |
|
} |
|
.member-center .wrapper .list .item .top { |
|
padding-right: 27rpx; |
|
font-size: 26rpx; |
|
color: #999; |
|
} |
|
.member-center .wrapper .list .item .top .name { |
|
border-left: 6rpx solid #73CBB6; |
|
padding-left: 20rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
font-weight: bold; |
|
} |
|
.member-center .wrapper .list .item .top .name .iconfont { |
|
color: #999; |
|
font-size: 30rpx; |
|
vertical-align: -2rpx; |
|
margin-left: 10rpx; |
|
} |
|
.member-center .wrapper .list .item .cu-progress { |
|
overflow: hidden; |
|
height: 12rpx; |
|
background-color: #eee; |
|
width: 636rpx; |
|
border-radius: 20rpx; |
|
margin: 35rpx auto 0 auto; |
|
} |
|
.member-center .wrapper .list .item .cu-progress .bg-red { |
|
width: 0; |
|
height: 100%; |
|
-webkit-transition: width 0.6s ease; |
|
transition: width 0.6s ease; |
|
background-color: #73CBB6; |
|
border-radius: 20rpx; |
|
} |
|
.member-center .wrapper .list .item .experience { |
|
margin-top: 17rpx; |
|
padding: 0 27rpx; |
|
font-size: 24rpx; |
|
color: #999; |
|
} |
|
.member-center .wrapper .list .item .experience .num { |
|
color: #73CBB6; |
|
} |
|
.member-center .growthValue { |
|
background-color: #fff; |
|
border-radius: 16rpx; |
|
position: fixed; |
|
top: 266rpx; |
|
left: 50%; |
|
width: 560rpx; |
|
height: 740rpx; |
|
margin-left: -280rpx; |
|
z-index: 99; |
|
-webkit-transform: translate3d(0, -200%, 0); |
|
transform: translate3d(0, -200%, 0); |
|
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
} |
|
.member-center .growthValue.on { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
.member-center .growthValue .pictrue { |
|
width: 100%; |
|
height: 257rpx; |
|
position: relative; |
|
} |
|
.member-center .growthValue .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 16rpx 16rpx 0 0; |
|
} |
|
.member-center .growthValue .conter { |
|
padding: 0 35rpx; |
|
font-size: 30rpx; |
|
color: #333; |
|
margin-top: 58rpx; |
|
line-height: 1.5; |
|
height: 350rpx; |
|
overflow: auto; |
|
} |
|
.member-center .growthValue .pictrue .iconfont { |
|
position: absolute; |
|
font-size: 65rpx; |
|
color: #fff; |
|
top: 775rpx; |
|
left: 50%; |
|
-webkit-transform: translateX(-50%); |
|
transform: translateX(-50%); |
|
} |
|
/*积分详情*/ |
|
.integral-details .header { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/integralbg.jpg'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 100%; |
|
height: 360rpx; |
|
font-size: 72rpx; |
|
color: #fff; |
|
padding: 31rpx 0 45rpx 0; |
|
text-align: center; |
|
font-family: 'GuildfordProBook 5'; |
|
} |
|
.integral-details .header .currentScore { |
|
font-size: 26rpx; |
|
color: rgba(255, 255, 255, 0.8); |
|
text-align: center; |
|
margin-bottom: 5rpx; |
|
} |
|
.integral-details .header .line { |
|
width: 60rpx; |
|
height: 3rpx; |
|
background-color: #fff; |
|
margin: 20rpx auto 0 auto; |
|
} |
|
.integral-details .header .nav { |
|
font-size: 22rpx; |
|
color: rgba(255, 255, 255, 0.8); |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
margin-top: 35rpx; |
|
} |
|
.integral-details .header .nav .item { |
|
width: 33.33%; |
|
text-align: center; |
|
} |
|
.integral-details .header .nav .item .num { |
|
color: #fff; |
|
font-size: 40rpx; |
|
} |
|
.integral-details .wrapper .nav { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
width: 690rpx; |
|
border-radius: 20rpx 20rpx 0 0; |
|
margin: -96rpx auto 0 auto; |
|
background-color: #f7f7f7; |
|
height: 96rpx; |
|
font-size: 30rpx; |
|
color: #bbb; |
|
} |
|
.integral-details .wrapper .nav .item { |
|
text-align: center; |
|
width: 100%; |
|
} |
|
/*.integral-details .wrapper .nav .item{text-align:center;width:50%;}*/ |
|
.integral-details .wrapper .nav .item.on { |
|
background-color: #fff; |
|
color: #73CBB6; |
|
font-weight: bold; |
|
border-radius: 20rpx 20rpx 0 0; |
|
} |
|
.integral-details .wrapper .nav .item .iconfont { |
|
font-size: 38rpx; |
|
margin-right: 10rpx; |
|
} |
|
.integral-details .wrapper .list { |
|
background-color: #fff; |
|
padding: 24rpx 30rpx; |
|
} |
|
.integral-details .wrapper .list .tip { |
|
font-size: 25rpx; |
|
width: 690rpx; |
|
height: 60rpx; |
|
border-radius: 50rpx; |
|
background-color: #fff5e2; |
|
border: 1px solid #ffeac1; |
|
color: #c8a86b; |
|
padding: 0 20rpx; |
|
margin-bottom: 24rpx; |
|
} |
|
.integral-details .wrapper .list .tip .iconfont { |
|
font-size: 35rpx; |
|
margin-right: 15rpx; |
|
} |
|
.integral-details .wrapper .list .item { |
|
height: 124rpx; |
|
border-bottom: 1px solid #eee; |
|
font-size: 24rpx; |
|
color: #999; |
|
} |
|
.integral-details .wrapper .list .item .state { |
|
font-size: 28rpx; |
|
color: #282828; |
|
margin-bottom: 8rpx; |
|
} |
|
.integral-details .wrapper .list .item .num { |
|
font-size: 36rpx; |
|
font-family: 'GuildfordProBook 5'; |
|
color: #16ac57; |
|
} |
|
.integral-details .wrapper .list2 { |
|
background-color: #fff; |
|
padding: 24rpx 0; |
|
} |
|
.integral-details .wrapper .list2 .item { |
|
background-image: -webkit-linear-gradient(left, #fff7e7 0%, #fffdf9 100%); |
|
background-image: linear-gradient(to right, #fff7e7 0%, #fffdf9 100%); |
|
background-image: -moz-linear-gradient(to right, #fff7e7 0%, #fffdf9 100%); |
|
width: 690rpx; |
|
height: 180rpx; |
|
position: relative; |
|
border-radius: 10rpx; |
|
margin: 0 auto 20rpx auto; |
|
padding: 0 25rpx 0 180rpx; |
|
} |
|
.integral-details .wrapper .list2 .item .pictrue { |
|
width: 90rpx; |
|
height: 150rpx; |
|
position: absolute; |
|
bottom: 0; |
|
left: 45rpx; |
|
} |
|
.integral-details .wrapper .list2 .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.integral-details .wrapper .list2 .item .name { |
|
width: 285rpx; |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
color: #c8a86b; |
|
} |
|
.integral-details .wrapper .list2 .item .earn { |
|
font-size: 26rpx; |
|
color: #c8a86b; |
|
border: 2rpx solid #c8a86b; |
|
text-align: center; |
|
line-height: 52rpx; |
|
height: 52rpx; |
|
width: 160rpx; |
|
border-radius: 50rpx; |
|
} |
|
/*金品推荐*/ |
|
.quality-recommend .title { |
|
height: 120rpx; |
|
font-size: 32rpx; |
|
color: #282828; |
|
background-color: #f5f5f5; |
|
} |
|
.quality-recommend .title .line { |
|
width: 230rpx; |
|
height: 2rpx; |
|
background-color: #e9e9e9; |
|
} |
|
.quality-recommend .title .name { |
|
margin: 0 20rpx; |
|
} |
|
.quality-recommend .title .name .iconfont { |
|
margin-right: 13rpx; |
|
font-size: 38rpx; |
|
vertical-align: -4rpx; |
|
} |
|
/*砍价列表*/ |
|
.bargain-list .icon-xiangzuo { |
|
font-size: 40rpx; |
|
color: #fff; |
|
position: fixed; |
|
top: 51rpx; |
|
left: 30rpx; |
|
z-index: 99; |
|
} |
|
.bargain-list .header { |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 750rpx; |
|
height: 713rpx; |
|
} |
|
.bargain-list .list { |
|
background-color: #fff; |
|
border: 6rpx solid #73CBB6; |
|
border-radius: 30rpx; |
|
margin: 30rpx 30rpx 66rpx 30rpx; |
|
padding: 0 24rpx; |
|
} |
|
.bargain-list .list .item { |
|
border-bottom: 1px solid #eee; |
|
position: relative; |
|
height: 223rpx; |
|
} |
|
.bargain-list .list .item .pictrue { |
|
width: 160rpx; |
|
height: 160rpx; |
|
} |
|
.bargain-list .list .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.bargain-list .list .item .text { |
|
width: 450rpx; |
|
font-size: 30rpx; |
|
color: #282828; |
|
height: 160rpx; |
|
} |
|
.bargain-list .list .item .text .num { |
|
font-size: 26rpx; |
|
color: #999; |
|
} |
|
.bargain-list .list .item .text .num .iconfont { |
|
font-size: 35rpx; |
|
margin-right: 7rpx; |
|
} |
|
.bargain-list .list .item .text .money { |
|
font-size: 24rpx; |
|
font-weight: bold; |
|
} |
|
.bargain-list .list .item .text .money .price { |
|
font-size: 32rpx; |
|
} |
|
.bargain-list .list .item .cutBnt { |
|
position: absolute; |
|
width: 180rpx; |
|
height: 50rpx; |
|
border-radius: 50rpx; |
|
font-size: 24rpx; |
|
color: #fff; |
|
text-align: center; |
|
line-height: 46rpx; |
|
right: 24rpx; |
|
bottom: 28rpx; |
|
box-shadow: 0 7rpx 0 #f8c1bd; |
|
-moz-box-shadow: 0 7rpx 0 #f8c1bd; |
|
-o-box-shadow: 0 7rpx 0 #f8c1bd; |
|
} |
|
.bargain-list .list .item .cutBnt .iconfont { |
|
margin-right: 8rpx; |
|
font-size: 30rpx; |
|
} |
|
.bargain-list .list .load { |
|
font-size: 24rpx; |
|
height: 85rpx; |
|
text-align: center; |
|
line-height: 85rpx; |
|
} |
|
/*砍价*/ |
|
.bargain .icon-xiangzuo { |
|
font-size: 40rpx; |
|
color: #fff; |
|
position: fixed; |
|
top: 51rpx; |
|
left: 30rpx; |
|
z-index: 99; |
|
} |
|
.bargain .header { |
|
/* background-image: url('https://h5.dayouqiantu.cn/static/images/cut1.png'); */ |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 698rpx; |
|
height: 372rpx; |
|
margin: 0 auto; |
|
padding-top: 0.1rpx; |
|
margin-top: 40rpx; |
|
} |
|
.bargain .header.on { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/cut2.png'); |
|
} |
|
.bargain .header .pictxt { |
|
margin: 260rpx auto 0 auto; |
|
font-size: 26rpx; |
|
color: #fff; |
|
} |
|
.bargain .header .pictxt .pictrue { |
|
width: 56rpx; |
|
height: 56rpx; |
|
margin-right: 30rpx; |
|
} |
|
.bargain .header .pictxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
border: 2rpx solid #fff; |
|
} |
|
.bargain .header .pictxt .text text { |
|
margin-left: 20rpx; |
|
} |
|
.bargain .header .time { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/time.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 440rpx; |
|
height: 166rpx; |
|
margin: 80rpx auto 0 auto; |
|
font-size: 22rpx; |
|
text-align: center; |
|
padding-top: 9rpx; |
|
color: #fc4141; |
|
} |
|
.bargain .header .people { |
|
text-align: center; |
|
color: #fff; |
|
font-size: 20rpx; |
|
margin-top: 20rpx; |
|
} |
|
.bargain .header .time .styleAll { |
|
color: #333; |
|
} |
|
.bargain .wrapper, |
|
.bargain .bargainGang, |
|
.bargain .goodsDetails { |
|
width: 660rpx; |
|
border: 6rpx solid #73CBB6; |
|
background-color: #fff; |
|
border-radius: 20rpx; |
|
margin: -162rpx auto 0 auto; |
|
padding: 0 24rpx 47rpx 24rpx; |
|
position: relative; |
|
} |
|
.bargain .wrapper .pictxt { |
|
margin: 26rpx 0 37rpx 0; |
|
} |
|
.bargain .wrapper .pictxt .pictrue { |
|
width: 180rpx; |
|
height: 180rpx; |
|
} |
|
.bargain .wrapper .pictxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.bargain .wrapper .pictxt .text { |
|
width: 395rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
height: 180rpx; |
|
} |
|
.bargain .wrapper .pictxt .text .money { |
|
font-weight: bold; |
|
font-size: 24rpx; |
|
} |
|
.bargain .wrapper .pictxt .text .money .num { |
|
font-size: 36rpx; |
|
} |
|
.bargain .wrapper .pictxt .text .successNum { |
|
font-size: 22rpx; |
|
color: #999; |
|
margin-right: 15rpx; |
|
} |
|
.bargain .wrapper .cu-progress { |
|
overflow: hidden; |
|
height: 12rpx; |
|
background-color: #eee; |
|
width: 100%; |
|
border-radius: 20rpx; |
|
} |
|
.bargain .wrapper .cu-progress .bg-red { |
|
width: 0; |
|
height: 100%; |
|
-webkit-transition: width 0.6s ease; |
|
transition: width 0.6s ease; |
|
border-radius: 20rpx; |
|
background-image: -webkit-linear-gradient(left, #ffa363 0%, #e93323 100%); |
|
background-image: linear-gradient(to right, #ffa363 0%, #e93323 100%); |
|
background-image: -moz-linear-gradient(to right, #ffa363 0%, #e93323 100%); |
|
} |
|
.bargain .wrapper .balance { |
|
font-size: 22rpx; |
|
color: #999; |
|
margin-top: 15rpx; |
|
} |
|
.bargain .wrapper .bargainSuccess { |
|
font-size: 26rpx; |
|
color: #282828; |
|
text-align: center; |
|
} |
|
.bargain .wrapper .bargainSuccess .iconfont { |
|
font-size: 45rpx; |
|
color: #54c762; |
|
padding-right: 18rpx; |
|
vertical-align: -5rpx; |
|
} |
|
.bargain .wrapper .bargainBnt { |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
color: #fff; |
|
width: 600rpx; |
|
height: 80rpx; |
|
border-radius: 40rpx; |
|
background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%); |
|
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); |
|
text-align: center; |
|
line-height: 80rpx; |
|
margin-top: 32rpx; |
|
} |
|
.bargain .wrapper .bargainBnt.on { |
|
border: 2rpx solid #73CBB6; |
|
color: #73CBB6; |
|
background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%); |
|
background-image: linear-gradient(to right, #fff 0%, #fff 100%); |
|
background-image: -moz-linear-gradient(to right, #fff 0%, #fff 100%); |
|
width: 596rpx; |
|
height: 76rpx; |
|
} |
|
.bargain .wrapper .tip { |
|
font-size: 22rpx; |
|
color: #999; |
|
text-align: center; |
|
margin-top: 20rpx; |
|
} |
|
.bargain .wrapper .lock, |
|
.bargain .bargainGang .lock, |
|
.bargain .goodsDetails .lock { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/lock.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 548rpx; |
|
height: 66rpx; |
|
position: absolute; |
|
left: 50%; |
|
-webkit-transform: translateX(-50%); |
|
transform: translateX(-50%); |
|
bottom: -43rpx; |
|
z-index: 5; |
|
} |
|
.bargain .bargainGang { |
|
margin: 13rpx auto 0 auto; |
|
} |
|
.bargain .bargainGang .title, |
|
.bargain .goodsDetails .title { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
height: 80rpx; |
|
margin-top: 30rpx; |
|
} |
|
.bargain .bargainGang .title .pictrue, |
|
.bargain .goodsDetails .title .pictrue { |
|
width: 46rpx; |
|
height: 24rpx; |
|
} |
|
.bargain .bargainGang .title .pictrue.on, |
|
.bargain .goodsDetails .title .pictrue.on { |
|
-webkit-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
} |
|
.bargain .bargainGang .title .pictrue ._img, |
|
.bargain .goodsDetails .title .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
.bargain .bargainGang .title .titleCon, |
|
.bargain .goodsDetails .title .titleCon { |
|
margin: 0 20rpx; |
|
} |
|
.bargain .bargainGang .list .item { |
|
border-bottom: 1px dashed #ddd; |
|
height: 112rpx; |
|
} |
|
.bargain .bargainGang .list .item .pictxt { |
|
width: 310rpx; |
|
} |
|
.bargain .bargainGang .list .item .pictxt .pictrue { |
|
width: 70rpx; |
|
height: 70rpx; |
|
} |
|
.bargain .bargainGang .list .item .pictxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
border: 0.02px solid #73CBB6; |
|
} |
|
.bargain .bargainGang .list .item .pictxt .text { |
|
width: 225rpx; |
|
font-size: 20rpx; |
|
color: #999; |
|
} |
|
.bargain .bargainGang .list .item .pictxt .text .name { |
|
font-size: 25rpx; |
|
color: #282828; |
|
margin-bottom: 7rpx; |
|
} |
|
.bargain .bargainGang .list .item .money { |
|
font-size: 25rpx; |
|
} |
|
.bargain .bargainGang .list .item .money .iconfont { |
|
font-size: 35rpx; |
|
vertical-align: middle; |
|
margin-right: 10rpx; |
|
} |
|
.bargain .bargainGang .load { |
|
font-size: 24rpx; |
|
text-align: center; |
|
line-height: 80rpx; |
|
height: 80rpx; |
|
} |
|
.bargain .goodsDetails { |
|
margin: 13rpx auto 0 auto; |
|
} |
|
.bargain .goodsDetails ~ .goodsDetails { |
|
margin-bottom: 50rpx; |
|
} |
|
.bargain .goodsDetails .conter { |
|
margin-top: 20rpx; |
|
} |
|
.bargain .goodsDetails .conter image { |
|
width: 100% !important; |
|
display: block; |
|
} |
|
.bargain .bargainTip { |
|
position: fixed; |
|
top: 50%; |
|
left: 50%; |
|
width: 560rpx; |
|
margin-left: -280rpx; |
|
z-index: 99; |
|
border-radius: 20rpx; |
|
background-color: #fff; |
|
-webkit-transition: all 0.3s ease-in-out 0s; |
|
transition: all 0.3s ease-in-out 0s; |
|
opacity: 0; |
|
-webkit-transform: scale(0); |
|
transform: scale(0); |
|
padding-bottom: 60rpx; |
|
margin-top: -330rpx; |
|
} |
|
.bargain .bargainTip.on { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
.bargain .bargainTip .pictrue { |
|
width: 100%; |
|
height: 321rpx; |
|
position: relative; |
|
} |
|
.bargain .bargainTip .pictrue .iconfont { |
|
position: absolute; |
|
right: 18rpx; |
|
top: 18rpx; |
|
color: #fff; |
|
font-size: 36rpx; |
|
width: 50rpx; |
|
height: 50rpx; |
|
text-align: center; |
|
line-height: 50rpx; |
|
} |
|
.bargain .bargainTip .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 20rpx 20rpx 0 0; |
|
} |
|
.bargain .bargainTip .cutOff { |
|
font-size: 30rpx; |
|
color: #666; |
|
padding: 0 29rpx; |
|
text-align: center; |
|
margin-top: 50rpx; |
|
} |
|
.bargain .bargainTip .cutOff.on { |
|
margin-top: 26rpx; |
|
} |
|
.bargain .bargainTip .help { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
text-align: center; |
|
margin-top: 40rpx; |
|
} |
|
.bargain .bargainTip .tipBnt { |
|
font-size: 32rpx; |
|
color: #fff; |
|
width: 360rpx; |
|
height: 82rpx; |
|
border-radius: 41rpx; |
|
background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%); |
|
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); |
|
background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%); |
|
text-align: center; |
|
line-height: 82rpx; |
|
margin: 50rpx auto 0 auto; |
|
} |
|
/*砍价记录*/ |
|
.bargain-record .item { |
|
background-color: #fff; |
|
margin-bottom: 12rpx; |
|
} |
|
.bargain-record .item .picTxt { |
|
height: 210rpx; |
|
border-bottom: 1px solid #f0f0f0; |
|
padding: 0 30rpx; |
|
} |
|
.bargain-record .item .picTxt .pictrue { |
|
width: 150rpx; |
|
height: 150rpx; |
|
} |
|
.bargain-record .item .picTxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.bargain-record .item .picTxt .text { |
|
width: 515rpx; |
|
font-size: 30rpx; |
|
color: #282828; |
|
height: 150rpx; |
|
} |
|
.bargain-record .item .picTxt .text .time { |
|
font-size: 24rpx; |
|
color: #868686; |
|
} |
|
.bargain-record .item .picTxt .text .time .styleAll { |
|
color: #fc4141; |
|
} |
|
.bargain-record .item .picTxt .text .money { |
|
font-size: 24rpx; |
|
} |
|
.bargain-record .item .picTxt .text .money .num { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
} |
|
.bargain-record .item .picTxt .text .money .symbol { |
|
font-weight: bold; |
|
} |
|
.bargain-record .item .bottom { |
|
height: 100rpx; |
|
padding: 0 30rpx; |
|
font-size: 27rpx; |
|
} |
|
.bargain-record .item .bottom .purple { |
|
color: #f78513; |
|
} |
|
.bargain-record .item .bottom .end { |
|
color: #999; |
|
} |
|
.bargain-record .item .bottom .success { |
|
color: #e93323; |
|
} |
|
.bargain-record .item .bottom .bnt { |
|
font-size: 27rpx; |
|
color: #fff; |
|
width: 176rpx; |
|
height: 60rpx; |
|
border-radius: 6rpx; |
|
text-align: center; |
|
line-height: 60rpx; |
|
} |
|
.bargain-record .item .bottom .bnt.cancel { |
|
color: #aaa; |
|
border: 1px solid #ddd; |
|
} |
|
.bargain-record .item .bottom .bnt ~ .bnt { |
|
margin-left: 18rpx; |
|
} |
|
/*拼团列表*/ |
|
.group-list .header { |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 100%; |
|
height: 450rpx; |
|
} |
|
.group-list .header image { |
|
width: 100%; |
|
height: 450rpx; |
|
} |
|
.group-list .list { |
|
/* margin-top: -1.20*100rpx; */ |
|
} |
|
.group-list .list .item { |
|
width: 690rpx; |
|
height: 208rpx; |
|
background-color: #fff; |
|
border-radius: 6rpx; |
|
padding: 0 24rpx; |
|
margin: 0 auto 20rpx auto; |
|
} |
|
.group-list .list .item .pictrue { |
|
width: 160rpx; |
|
height: 160rpx; |
|
} |
|
.group-list .list .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.group-list .list .item .text { |
|
width: 458rpx; |
|
font-size: 30rpx; |
|
color: #282828; |
|
} |
|
.group-list .list .item .text .team { |
|
height: 40rpx; |
|
border-radius: 4rpx; |
|
font-size: 22rpx; |
|
margin-top: 20rpx; |
|
} |
|
.group-list .list .item .text .team .iconfont { |
|
width: 54rpx; |
|
background-color: #c6f3e8; |
|
text-align: center; |
|
color: #73CBB6; |
|
height: 100%; |
|
line-height: 38rpx; |
|
} |
|
.group-list .list .item .text .team .num { |
|
text-align: center; |
|
padding: 0 10rpx; |
|
} |
|
.group-list .list .item .text .bottom { |
|
margin-top: 7rpx; |
|
} |
|
.group-list .list .item .text .bottom .money { |
|
font-size: 24rpx; |
|
font-weight: bold; |
|
color: #282828; |
|
} |
|
.group-list .list .item .text .bottom .money .num { |
|
font-size: 32rpx; |
|
} |
|
.group-list .list .item .text .bottom .money .y-money { |
|
font-size: 24rpx; |
|
color: #999; |
|
font-weight: normal; |
|
text-decoration: line-through; |
|
margin-left: 10rpx; |
|
} |
|
.group-list .list .item .text .bottom .groupBnt { |
|
font-size: 26rpx; |
|
color: #fff; |
|
width: 146rpx; |
|
height: 54rpx; |
|
text-align: center; |
|
line-height: 54rpx; |
|
border-radius: 4rpx; |
|
} |
|
.group-list .list .item .text .bottom .groupBnt .iconfont { |
|
font-size: 25rpx; |
|
margin-left: 10rpx; |
|
} |
|
/*拼团商品详情*/ |
|
.product-con .wrapper .share .money .y-money { |
|
color: #82848f; |
|
margin-left: 13rpx; |
|
text-decoration: line-through; |
|
font-weight: normal; |
|
} |
|
.product-con .notice { |
|
width: 100%; |
|
height: 62rpx; |
|
background-color: #ffedeb; |
|
margin-top: 20rpx; |
|
padding: 0 30rpx; |
|
} |
|
.product-con .notice .num { |
|
font-size: 24rpx; |
|
} |
|
.product-con .notice .num .iconfont { |
|
font-size: 30rpx; |
|
vertical-align: -3rpx; |
|
margin-right: 20rpx; |
|
} |
|
.product-con .notice .num .line { |
|
color: #282828; |
|
margin-left: 15rpx; |
|
} |
|
.product-con .notice .swiper { |
|
height: 100%; |
|
width: 470rpx; |
|
line-height: 62rpx; |
|
overflow: hidden; |
|
margin-left: 14rpx; |
|
} |
|
.product-con .notice .swiper swiper { |
|
height: 100%; |
|
} |
|
.product-con .notice .swiper .swiper-slide { |
|
height: 100%; |
|
} |
|
.product-con .notice .swiper .line1 { |
|
height: 100%; |
|
overflow: hidden; |
|
font-size: 20rpx; |
|
color: #282828; |
|
} |
|
.product-con .assemble { |
|
background-color: #fff; |
|
} |
|
.product-con .assemble .item { |
|
padding-right: 30rpx; |
|
margin-left: 30rpx; |
|
border-bottom: 1px solid #f0f0f0; |
|
height: 132rpx; |
|
} |
|
.product-con .assemble .item .pictxt { |
|
width: 295rpx; |
|
} |
|
.product-con .assemble .item .pictxt .text { |
|
width: 194rpx; |
|
} |
|
.product-con .assemble .item .pictxt .pictrue { |
|
width: 80rpx; |
|
height: 80rpx; |
|
} |
|
.product-con .assemble .item .pictxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
} |
|
.product-con .assemble .item .right .lack { |
|
font-size: 24rpx; |
|
color: #333333; |
|
text-align: right; |
|
} |
|
.product-con .assemble .item .right .time { |
|
font-size: 22rpx; |
|
color: #82848f; |
|
margin-top: 5rpx; |
|
} |
|
.product-con .assemble .item .right .spellBnt { |
|
font-size: 24rpx; |
|
color: #fff; |
|
width: 140rpx; |
|
height: 50rpx; |
|
border-radius: 50rpx; |
|
background-image: -webkit-linear-gradient(left, #ff2358 0%, #ff0000 100%); |
|
background-image: linear-gradient(to right, #ff2358 0%, #ff0000 100%); |
|
background-image: -moz-linear-gradient(to right, #ff2358 0%, #ff0000 100%); |
|
text-align: center; |
|
line-height: 50rpx; |
|
margin-left: 30rpx; |
|
} |
|
.product-con .assemble .item .right .spellBnt .iconfont { |
|
font-size: 20rpx; |
|
margin-left: 5rpx; |
|
} |
|
.product-con .assemble .more { |
|
font-size: 24rpx; |
|
color: #282828; |
|
text-align: center; |
|
height: 90rpx; |
|
line-height: 90rpx; |
|
} |
|
.product-con .assemble .more .iconfont { |
|
margin-left: 13rpx; |
|
font-size: 25rpx; |
|
} |
|
.product-con .playWay { |
|
background-color: #fff; |
|
padding: 0 30rpx; |
|
margin-top: 20rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.product-con .playWay .title { |
|
height: 86rpx; |
|
border-bottom: 1px solid #eee; |
|
} |
|
.product-con .playWay .title .iconfont { |
|
margin-left: 13rpx; |
|
font-size: 28rpx; |
|
color: #717171; |
|
} |
|
.product-con .playWay .way { |
|
min-height: 110rpx; |
|
font-size: 26rpx; |
|
color: #282828; |
|
} |
|
.product-con .playWay .way .iconfont { |
|
color: #cdcdcd; |
|
font-size: 40rpx; |
|
margin: 0 35rpx; |
|
} |
|
.product-con .playWay .way .item .num { |
|
font-size: 30rpx; |
|
margin-right: 6rpx; |
|
} |
|
.product-con .playWay .way .item .tip { |
|
font-size: 22rpx; |
|
color: #a5a5a5; |
|
} |
|
.product-con .footer-group { |
|
position: fixed; |
|
bottom: 0; |
|
width: 100%; |
|
height: 100rpx; |
|
background-color: #fff; |
|
font-size: 18rpx; |
|
color: #666; |
|
z-index: 99; |
|
} |
|
.product-con .footer-group .customerSer { |
|
width: 14%; |
|
font-size: 20rpx; |
|
color: #666; |
|
} |
|
.product-con .footer-group .customerSer .iconfont { |
|
font-size: 35rpx; |
|
} |
|
.product-con .footer-group .bnt { |
|
width: 86%; |
|
text-align: center; |
|
line-height: 100rpx; |
|
height: 100%; |
|
color: #fff; |
|
font-size: 30rpx; |
|
} |
|
.product-con .superior .slider-banner .swiper-pagination-bullet { |
|
background-color: #999; |
|
} |
|
.product-con .superior .slider-banner .swiper-pagination-bullet-active { |
|
background-color: #e93323; |
|
} |
|
.product-con .superior .slider-banner .swiper-container-horizontal > .swiper-pagination-bullets { |
|
bottom: 0; |
|
} |
|
/*开团*/ |
|
.group-con .header { |
|
width: 100%; |
|
height: 186rpx; |
|
background-color: #fff; |
|
border-top: 1px solid #f5f5f5; |
|
padding: 0 30rpx; |
|
position: relative; |
|
} |
|
.group-con .header .iconfont { |
|
font-size: 100rpx; |
|
position: absolute; |
|
color: #ccc; |
|
right: 33rpx; |
|
bottom: 20rpx; |
|
} |
|
.group-con .header .pictrue { |
|
width: 140rpx; |
|
height: 140rpx; |
|
} |
|
.group-con .header .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.group-con .header .text { |
|
width: 525rpx; |
|
font-size: 30rpx; |
|
color: #222; |
|
} |
|
.group-con .header .text .money { |
|
font-size: 24rpx; |
|
font-weight: bold; |
|
margin-top: 15rpx; |
|
} |
|
.group-con .header .text .money .num { |
|
font-size: 32rpx; |
|
} |
|
.group-con .header .text .money .team { |
|
padding: 1rpx 10rpx; |
|
font-weight: normal; |
|
border-radius: 50rpx; |
|
font-size: 20rpx; |
|
vertical-align: 4rpx; |
|
margin-left: 15rpx; |
|
} |
|
.group-con .wrapper { |
|
background-color: #fff; |
|
margin-top: 20rpx; |
|
padding: 2rpx 0 35rpx 0; |
|
} |
|
.group-con .wrapper .title { |
|
margin-top: 30rpx; |
|
} |
|
.group-con .wrapper .title .line { |
|
width: 136rpx; |
|
height: 1px; |
|
background-color: #ddd; |
|
} |
|
.group-con .wrapper .title .name { |
|
margin: 0 45rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.group-con .wrapper .title .name .time { |
|
margin: 0 14rpx; |
|
} |
|
.group-con .wrapper .title .name .timeTxt { |
|
color: #fc4141; |
|
} |
|
.group-con .wrapper .title .name .time .styleAll { |
|
background-color: #ffcfcb; |
|
text-align: center; |
|
border-radius: 3rpx; |
|
font-size: 28rpx; |
|
font-weight: bold; |
|
display: inline-block; |
|
vertical-align: middle; |
|
color: #fc4141; |
|
padding: 2rpx 5rpx; |
|
} |
|
.group-con .wrapper .tips { |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
text-align: center; |
|
margin-top: 30rpx; |
|
color: #999; |
|
} |
|
.group-con .wrapper .list { |
|
padding: 0 30rpx; |
|
margin-top: 45rpx; |
|
} |
|
.group-con .wrapper .list.result { |
|
max-height: 240rpx; |
|
overflow: hidden; |
|
} |
|
.group-con .wrapper .list.result.on { |
|
max-height: 2000rpx; |
|
} |
|
.group-con .wrapper .list .pictrue { |
|
width: 94rpx; |
|
height: 94rpx; |
|
margin: 0 0 29rpx 35rpx; |
|
} |
|
.group-con .wrapper .list .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
border: 2rpx solid #e93323; |
|
} |
|
.group-con .wrapper .list .pictrue ._img.img-none { |
|
border: none; |
|
} |
|
.group-con .wrapper .lookAll { |
|
font-size: 24rpx; |
|
color: #282828; |
|
padding-top: 10rpx; |
|
} |
|
.group-con .wrapper .lookAll .iconfont { |
|
font-size: 25rpx; |
|
margin: 2rpx 0 0 10rpx; |
|
} |
|
.group-con .wrapper .teamBnt { |
|
font-size: 30rpx; |
|
width: 620rpx; |
|
height: 86rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 86rpx; |
|
color: #fff; |
|
margin: 21rpx auto 0 auto; |
|
} |
|
.group-con .wrapper .cancel, |
|
.group-con .wrapper .lookOrder { |
|
text-align: center; |
|
font-size: 24rpx; |
|
color: #282828; |
|
padding-top: 30rpx; |
|
} |
|
.group-con .wrapper .cancel .iconfont { |
|
font-size: 35rpx; |
|
color: #2c2c2c; |
|
vertical-align: -4rpx; |
|
margin-right: 9rpx; |
|
} |
|
.group-con .wrapper .lookOrder .iconfont { |
|
font-size: 25rpx; |
|
color: #2c2c2c; |
|
margin-left: 10rpx; |
|
} |
|
.group-con .group-recommend { |
|
background-color: #fff; |
|
margin-top: 25rpx; |
|
} |
|
.group-con .group-recommend .title { |
|
padding-right: 30rpx; |
|
margin-left: 30rpx; |
|
height: 85rpx; |
|
border-bottom: 1px solid #eee; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.group-con .group-recommend .title .more { |
|
color: #808080; |
|
} |
|
.group-con .group-recommend .title .more .iconfont { |
|
margin-left: 13rpx; |
|
font-size: 28rpx; |
|
} |
|
.group-con .group-recommend .list { |
|
margin-top: 30rpx; |
|
} |
|
.group-con .group-recommend .list .item { |
|
width: 210rpx; |
|
margin: 0 0 25rpx 30rpx; |
|
} |
|
.group-con .group-recommend .list .item .pictrue { |
|
width: 100%; |
|
height: 210rpx; |
|
position: relative; |
|
} |
|
.group-con .group-recommend .list .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 10rpx; |
|
} |
|
.group-con .group-recommend .list .item .pictrue .team { |
|
position: absolute; |
|
top: 28rpx; |
|
left: -5rpx; |
|
min-width: 100rpx; |
|
height: 36rpx; |
|
line-height: 36rpx; |
|
text-align: center; |
|
border-radius: 0 18rpx 18rpx 0; |
|
font-size: 20rpx; |
|
color: #fff; |
|
background-image: -webkit-linear-gradient(left, #fb5445 0%, #e93323 100%); |
|
background-image: linear-gradient(to right, #fb5445 0%, #e93323 100%); |
|
background-image: -moz-linear-gradient(to right, #fb5445 0%, #e93323 100%); |
|
} |
|
.group-con .group-recommend .list .item .name { |
|
font-size: 28rpx; |
|
color: #333; |
|
margin-top: 18rpx; |
|
} |
|
.group-con .group-recommend .list .item .money { |
|
font-weight: bold; |
|
font-size: 26rpx; |
|
} |
|
/*商品评分*/ |
|
.evaluate-list .generalComment { |
|
height: 94rpx; |
|
padding: 0 30rpx; |
|
background-color: #fff; |
|
font-size: 28rpx; |
|
color: #808080; |
|
} |
|
.evaluate-list .generalComment .evaluate { |
|
margin-right: 7rpx; |
|
} |
|
.evaluate-list .nav { |
|
font-size: 24rpx; |
|
color: #282828; |
|
padding: 0 30rpx 15rpx 30rpx; |
|
background-color: #fff; |
|
border-bottom: 1px solid #f5f5f5; |
|
} |
|
.evaluate-list .nav .item { |
|
font-size: 24rpx; |
|
color: #282828; |
|
border-radius: 6rpx; |
|
height: 54rpx; |
|
padding: 0 20rpx; |
|
background-color: #f4f4f4; |
|
line-height: 54rpx; |
|
margin: 0 17rpx 17rpx 0; |
|
} |
|
.evaluate-list .nav .item.bg-color-red { |
|
color: #fff; |
|
} |
|
/*商品评价*/ |
|
.evaluate-con .score { |
|
background-color: #fff; |
|
border-top: 1px solid #f5f5f5; |
|
font-size: 28rpx; |
|
color: #282828; |
|
padding: 48rpx 30rpx 65rpx 30rpx; |
|
} |
|
.evaluate-con .score .item ~ .item { |
|
margin-top: 25rpx; |
|
} |
|
.evaluate-con .score .item .starsList { |
|
padding: 0 35rpx 0 40rpx; |
|
} |
|
.evaluate-con .score .item .starsList .iconfont { |
|
font-size: 40rpx; |
|
color: #aaa; |
|
} |
|
.evaluate-con .score .item .starsList .iconfont ~ .iconfont { |
|
margin-left: 20rpx; |
|
} |
|
.evaluate-con .score .item .evaluate { |
|
color: #aaa; |
|
font-size: 24rpx; |
|
} |
|
.evaluate-con .score .textarea { |
|
width: 690rpx; |
|
background-color: #fafafa; |
|
border-radius: 10rpx; |
|
margin-top: 48rpx; |
|
} |
|
.evaluate-con .score .textarea textarea { |
|
font-size: 28rpx; |
|
padding: 38rpx 30rpx 0 30rpx; |
|
width: 100%; |
|
height: 160rpx; |
|
} |
|
.evaluate-con .score .textarea textarea::-webkit-input-placeholder { |
|
color: #bbb; |
|
} |
|
.evaluate-con .score .textarea textarea::placeholder { |
|
color: #bbb; |
|
} |
|
.evaluate-con .score .textarea .list { |
|
margin-top: 25rpx; |
|
padding-left: 5rpx; |
|
} |
|
.evaluate-con .score .textarea .list .pictrue { |
|
width: 140rpx; |
|
height: 140rpx; |
|
margin: 0 0 35rpx 25rpx; |
|
position: relative; |
|
font-size: 22rpx; |
|
color: #bbb; |
|
} |
|
.evaluate-con .score .textarea .list .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 3rpx; |
|
} |
|
.evaluate-con .score .textarea .list .pictrue .icon-guanbi1 { |
|
font-size: 45rpx; |
|
position: absolute; |
|
top: -20rpx; |
|
right: -20rpx; |
|
} |
|
.evaluate-con .score .textarea .list .pictrue .icon-icon25201 { |
|
color: #bfbfbf; |
|
font-size: 50rpx; |
|
} |
|
.evaluate-con .score .evaluateBnt { |
|
font-size: 30rpx; |
|
color: #fff; |
|
width: 690rpx; |
|
height: 86rpx; |
|
border-radius: 43rpx; |
|
text-align: center; |
|
line-height: 86rpx; |
|
margin-top: 45rpx; |
|
} |
|
/*签到*/ |
|
.sign .header { |
|
width: 100%; |
|
height: 310rpx; |
|
} |
|
.sign .header .headerCon { |
|
padding: 0 0 0 30rpx; |
|
height: 234rpx; |
|
} |
|
.sign .header .headerCon .left { |
|
width: 530rpx; |
|
font-size: 32rpx; |
|
color: #fff; |
|
font-weight: bold; |
|
} |
|
.sign .header .headerCon .left .integral text { |
|
font-size: 24rpx; |
|
margin-top: 19rpx; |
|
background-color: #ff9000; |
|
text-align: center; |
|
border-radius: 6rpx; |
|
font-weight: normal; |
|
padding: 6rpx 15rpx; |
|
} |
|
.sign .header .headerCon .text { |
|
width: 410rpx; |
|
} |
|
.sign .header .headerCon .left .pictrue { |
|
width: 86rpx; |
|
height: 86rpx; |
|
border-radius: 50%; |
|
border: 4rpx solid #ecddbc; |
|
} |
|
.sign .header .headerCon .left .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
} |
|
.sign .header .headerCon .right { |
|
width: 142rpx; |
|
height: 66rpx; |
|
background-color: #fff; |
|
border-radius: 50rpx 0 0 50rpx; |
|
font-size: 24rpx; |
|
color: #ff9000; |
|
} |
|
.sign .header .headerCon .right .iconfont { |
|
font-size: 33rpx; |
|
padding: 0 10rpx 0 30rpx; |
|
height: 35rpx; |
|
line-height: 35rpx; |
|
} |
|
.sign .wrapper { |
|
background-color: #fff; |
|
margin: -80rpx 20rpx 0 20rpx; |
|
border-radius: 15rpx; |
|
padding-bottom: 80rpx; |
|
position: relative; |
|
} |
|
.sign .wrapper .list { |
|
padding: 0 30rpx; |
|
height: 240rpx; |
|
} |
|
.sign .wrapper .list .item { |
|
font-size: 22rpx; |
|
color: #8a8886; |
|
text-align: center; |
|
} |
|
.sign .wrapper .list .item .rewardTxt { |
|
width: 74rpx; |
|
height: 32rpx; |
|
background-color: #f4b409; |
|
border-radius: 16rpx; |
|
font-size: 20rpx; |
|
color: #a57d3f; |
|
line-height: 32rpx; |
|
} |
|
.sign .wrapper .list .item .num { |
|
font-size: 30rpx; |
|
color: #999; |
|
} |
|
.sign .wrapper .list .item .num.on { |
|
color: #ff9000; |
|
} |
|
.sign .wrapper .list .item .venus { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/stars2.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 56rpx; |
|
height: 56rpx; |
|
margin: 10rpx 0; |
|
} |
|
.sign .wrapper .list .item .venus.venusSelect { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/stars1.png'); |
|
} |
|
.sign .wrapper .list .item .venus.reward { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/stars3.png'); |
|
width: 75rpx; |
|
height: 56rpx; |
|
} |
|
.sign .wrapper .but { |
|
width: 400rpx; |
|
height: 76rpx; |
|
font-size: 30rpx; |
|
line-height: 76rpx; |
|
color: #fff; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
margin: 0 auto; |
|
} |
|
.sign .wrapper .but.on { |
|
background-color: #999 !important; |
|
} |
|
.sign .wrapper .lock { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/lock2.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 558rpx; |
|
height: 68rpx; |
|
position: absolute; |
|
left: 50%; |
|
-webkit-transform: translateX(-50%); |
|
transform: translateX(-50%); |
|
bottom: -41rpx; |
|
z-index: 9; |
|
} |
|
.sign .wrapper2 { |
|
margin-top: 15rpx; |
|
padding: 73rpx 0 0 0; |
|
} |
|
.sign .wrapper2 .tip { |
|
font-size: 30rpx; |
|
color: #666; |
|
text-align: center; |
|
} |
|
.sign .wrapper2 .list2 { |
|
margin: 45rpx 0 49rpx 0; |
|
} |
|
.sign .wrapper2 .list2 .item { |
|
width: 80rpx; |
|
height: 116rpx; |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
color: #fff; |
|
font-size: 72rpx; |
|
text-align: center; |
|
line-height: 116rpx; |
|
margin-right: 19rpx; |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/redBg.png'); |
|
} |
|
.sign .wrapper2 .list2 .data { |
|
font-size: 30rpx; |
|
color: #232323; |
|
} |
|
.sign .wrapper2 .tip2 { |
|
font-size: 30rpx; |
|
color: #999999; |
|
padding: 0 55rpx; |
|
text-align: center; |
|
line-height: 1.5; |
|
} |
|
.sign .list3 { |
|
margin: 45rpx 37rpx 0 37rpx; |
|
border-top: 1px dashed #eee; |
|
} |
|
.sign .list3 .item { |
|
border-bottom: 1px solid #eee; |
|
height: 130rpx; |
|
} |
|
.sign .list3 .item .name { |
|
color: #232323; |
|
font-size: 30rpx; |
|
width: 400rpx; |
|
} |
|
.sign .list3 .item .data { |
|
font-size: 24rpx; |
|
color: #bbbbbb; |
|
margin-top: 9rpx; |
|
} |
|
.sign .list3 .item .num { |
|
font-size: 36rpx; |
|
font-family: 'GuildfordProBook 5'; |
|
} |
|
.sign .signTip { |
|
width: 644rpx; |
|
height: 645rpx; |
|
position: fixed; |
|
top: 50%; |
|
left: 50%; |
|
margin-left: -322rpx; |
|
margin-top: -322.5rpx; |
|
z-index: 99; |
|
text-align: center; |
|
-webkit-transition: all 0.3s ease-in-out 0s; |
|
transition: all 0.3s ease-in-out 0s; |
|
opacity: 0; |
|
-webkit-transform: scale(0); |
|
transform: scale(0); |
|
} |
|
.sign .signTip .signTipLight { |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.sign .signTip.on { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
.sign .signTip .signTipCon { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/register.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 420rpx; |
|
height: 420rpx; |
|
margin-top: -700rpx; |
|
position: relative; |
|
} |
|
.sign .signTip .signTipCon .state { |
|
font-size: 34rpx; |
|
color: #fff; |
|
margin-top: 150rpx; |
|
} |
|
.sign .signTip .signTipCon .integral { |
|
font-size: 30rpx; |
|
color: rgba(255, 255, 255, 0.6); |
|
margin-top: 9rpx; |
|
} |
|
.sign .signTip .signTipCon .signTipBnt { |
|
font-size: 30rpx; |
|
color: #eb4331; |
|
width: 260rpx; |
|
height: 76rpx; |
|
background-color: #f8d168; |
|
border-radius: 38rpx; |
|
line-height: 76rpx; |
|
margin: 48rpx auto 0 auto; |
|
} |
|
/*签到记录、账单明细列表*/ |
|
.sign-record .list .item .data { |
|
height: 80rpx; |
|
line-height: 80rpx; |
|
padding: 0 30rpx; |
|
font-size: 24rpx; |
|
color: #666; |
|
} |
|
.sign-record .list .item .listn { |
|
background-color: #fff; |
|
font-size: 24rpx; |
|
color: #999; |
|
} |
|
.sign-record .list .item .listn .itemn { |
|
height: 120rpx; |
|
border-bottom: 1px solid #eee; |
|
padding-right: 30rpx; |
|
margin-left: 30rpx; |
|
} |
|
.sign-record .list .item .listn .itemn .name { |
|
width: 390rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
margin-bottom: 6rpx; |
|
} |
|
.sign-record .list .item .listn .itemn .num { |
|
font-size: 36rpx; |
|
font-family: 'GuildfordProBook 5'; |
|
color: #16ac57; |
|
} |
|
/*申请退货*/ |
|
.apply-return .list { |
|
background-color: #fff; |
|
margin-top: 18rpx; |
|
} |
|
.apply-return .list .item { |
|
margin-left: 30rpx; |
|
padding-right: 30rpx; |
|
min-height: 90rpx; |
|
border-bottom: 1px solid #eee; |
|
font-size: 30rpx; |
|
color: #333; |
|
} |
|
.apply-return .list .item .num { |
|
color: #282828; |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
text-align: right; |
|
position: relative; |
|
} |
|
.apply-return .list .item .num .picker { |
|
text-align: right; |
|
} |
|
.apply-return .list .item .num .iconfont { |
|
color: #666; |
|
font-size: 30rpx; |
|
position: absolute; |
|
right: 0; |
|
top: 50%; |
|
-webkit-transform: translateY(-50%); |
|
transform: translateY(-50%); |
|
} |
|
.apply-return .list .item.textarea { |
|
padding: 30rpx 30rpx 30rpx 0; |
|
} |
|
.apply-return .list .item textarea { |
|
height: 100rpx; |
|
font-size: 30rpx; |
|
} |
|
.apply-return .list .item textarea::-webkit-input-placeholder { |
|
color: #bbb; |
|
} |
|
.apply-return .list .item textarea::placeholder { |
|
color: #bbb; |
|
} |
|
.apply-return .list .item .title { |
|
height: 95rpx; |
|
width: 100%; |
|
} |
|
.apply-return .list .item .title .tip { |
|
font-size: 30rpx; |
|
color: #bbb; |
|
} |
|
.apply-return .list .item .upload { |
|
padding-bottom: 36rpx; |
|
} |
|
.apply-return .list .item .upload .pictrue { |
|
margin: 22rpx 23rpx 0 0; |
|
width: 156rpx; |
|
height: 156rpx; |
|
position: relative; |
|
font-size: 24rpx; |
|
color: #bbb; |
|
border: 1px solid #bbb; |
|
} |
|
.apply-return .list .item .upload .pictrue:nth-of-type(4n) { |
|
margin-right: 0; |
|
} |
|
.apply-return .list .item .upload .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 3rpx; |
|
} |
|
.apply-return .list .item .upload .pictrue .icon-guanbi1 { |
|
position: absolute; |
|
font-size: 45rpx; |
|
top: -10rpx; |
|
right: -10rpx; |
|
width: 45rpx; |
|
height: 45rpx; |
|
line-height: 45rpx; |
|
} |
|
.apply-return .list .item .upload .pictrue .icon-icon25201 { |
|
color: #bfbfbf; |
|
font-size: 50rpx; |
|
width: 50rpx; |
|
height: 60rpx; |
|
line-height: 60rpx; |
|
} |
|
.apply-return .list .item .upload .pictrue:nth-last-child(1) { |
|
border: 1px solid #ddd; |
|
} |
|
.apply-return .returnBnt { |
|
font-size: 32rpx; |
|
color: #fff; |
|
width: 690rpx; |
|
height: 86rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 86rpx; |
|
margin: 43rpx auto; |
|
} |
|
/*退货列表*/ |
|
.return-list .goodWrapper { |
|
background-color: #fff; |
|
margin-bottom: 13rpx; |
|
position: relative; |
|
} |
|
.return-list .goodWrapper .orderNum { |
|
padding: 0 30rpx; |
|
border-bottom: 1px solid #eee; |
|
height: 87rpx; |
|
line-height: 87rpx; |
|
font-size: 30rpx; |
|
color: #282828; |
|
} |
|
.return-list .goodWrapper .item { |
|
border-bottom: 0; |
|
} |
|
.return-list .goodWrapper .totalSum { |
|
padding: 0 30rpx 32rpx 30rpx; |
|
text-align: right; |
|
font-size: 26rpx; |
|
color: #282828; |
|
} |
|
.return-list .goodWrapper .totalSum .price { |
|
font-size: 28rpx; |
|
font-weight: bold; |
|
} |
|
.return-list .goodWrapper .iconfont { |
|
position: absolute; |
|
font-size: 109rpx; |
|
top: 7rpx; |
|
right: 30rpx; |
|
color: #ccc; |
|
width: 109rpx; |
|
height: 109rpx; |
|
line-height: 109rpx; |
|
} |
|
.return-list .goodWrapper .iconfont.powder { |
|
color: #f8c1bd; |
|
} |
|
/*收藏商品*/ |
|
.collectionGoods { |
|
background-color: #fff; |
|
border-top: 1px solid #eee; |
|
} |
|
.collectionGoods .item { |
|
margin-left: 30rpx; |
|
padding-right: 30rpx; |
|
border-bottom: 1px solid #eee; |
|
height: 180rpx; |
|
} |
|
.collectionGoods .item .pictrue { |
|
width: 130rpx; |
|
height: 130rpx; |
|
} |
|
.collectionGoods .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.collectionGoods .item .text { |
|
width: 535rpx; |
|
height: 130rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.collectionGoods .item .text .infor { |
|
width: 100%; |
|
} |
|
.collectionGoods .item .text .money { |
|
font-size: 26rpx; |
|
} |
|
.collectionGoods .item .text .delete { |
|
font-size: 26rpx; |
|
color: #282828; |
|
width: 114rpx; |
|
height: 46rpx; |
|
border: 1px solid #bbb; |
|
border-radius: 4rpx; |
|
text-align: center; |
|
line-height: 46rpx; |
|
} |
|
/*搜索商品*/ |
|
.searchGood .search { |
|
padding-left: 30rpx; |
|
} |
|
.searchGood .search { |
|
margin-top: 20rpx; |
|
} |
|
.searchGood .search .input { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
box-sizing: border-box; |
|
background-color: #f7f7f7; |
|
border-radius: 33rpx; |
|
padding: 0 35rpx; |
|
height: 66rpx; |
|
} |
|
.searchGood .search .input input { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
font-size: 28rpx; |
|
margin-left: 15rpx; |
|
} |
|
.searchGood .search .input input::-webkit-input-placeholder { |
|
color: #bbb; |
|
} |
|
.searchGood .search .input input::placeholder { |
|
color: #bbb; |
|
} |
|
.searchGood .search .input .iconfont { |
|
color: #000; |
|
font-size: 35rpx; |
|
} |
|
.searchGood .search .bnt { |
|
width: 120rpx; |
|
text-align: center; |
|
height: 66rpx; |
|
line-height: 66rpx; |
|
font-size: 30rpx; |
|
color: #282828; |
|
} |
|
.searchGood .title { |
|
font-size: 28rpx; |
|
color: #999; |
|
margin: 50rpx 30rpx 25rpx 30rpx; |
|
} |
|
.searchGood .list { |
|
padding-left: 10rpx; |
|
} |
|
.searchGood .list .item { |
|
font-size: 26rpx; |
|
color: #454545; |
|
padding: 0 21rpx; |
|
height: 60rpx; |
|
border-radius: 3rpx; |
|
line-height: 60rpx; |
|
border: 1px solid #aaa; |
|
margin: 0 0 20rpx 20rpx; |
|
} |
|
.searchGood .line { |
|
border-bottom: 1px solid #eee; |
|
margin: 20rpx 30rpx 0 30rpx; |
|
} |
|
/*银行卡提现*/ |
|
.cash-withdrawal .nav { |
|
height: 130rpx; |
|
box-shadow: 0 10rpx 10rpx #f8f8f8; |
|
-moz-box-shadow: 0 10rpx 10rpx #f8f8f8; |
|
-o-box-shadow: 0 10rpx 10rpx #f8f8f8; |
|
} |
|
.cash-withdrawal .nav .item { |
|
font-size: 26rpx; |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
text-align: center; |
|
} |
|
.cash-withdrawal .nav .item ~ .item { |
|
border-left: 1px solid #f0f0f0; |
|
} |
|
.cash-withdrawal .nav .item .iconfont { |
|
width: 40rpx; |
|
height: 40rpx; |
|
border-radius: 50%; |
|
border: 2rpx solid #e93323; |
|
text-align: center; |
|
line-height: 37rpx; |
|
margin: 0 auto 6rpx auto; |
|
font-size: 22rpx; |
|
} |
|
.cash-withdrawal .nav .item .iconfont.on { |
|
background-color: #e93323; |
|
color: #fff; |
|
border-color: #e93323; |
|
} |
|
.cash-withdrawal .nav .item .line { |
|
width: 2rpx; |
|
height: 20rpx; |
|
margin: 0 auto; |
|
-webkit-transition: height 0.3s; |
|
transition: height 0.3s; |
|
} |
|
.cash-withdrawal .nav .item .line.on { |
|
height: 39rpx; |
|
} |
|
.cash-withdrawal .wrapper .list { |
|
padding: 0 30rpx; |
|
} |
|
.cash-withdrawal .wrapper .list .item { |
|
border-bottom: 1px solid #eee; |
|
height: 107rpx; |
|
font-size: 30rpx; |
|
color: #333; |
|
} |
|
.cash-withdrawal .wrapper .list .item .name { |
|
width: 130rpx; |
|
} |
|
.cash-withdrawal .wrapper .list .item .input { |
|
width: 505rpx; |
|
} |
|
.cash-withdrawal .wrapper .list .item .input input::-webkit-input-placeholder { |
|
color: #bbb; |
|
} |
|
.cash-withdrawal .wrapper .list .item .input input::placeholder { |
|
color: #bbb; |
|
} |
|
.cash-withdrawal .wrapper .list .tip { |
|
font-size: 26rpx; |
|
color: #999; |
|
margin-top: 25rpx; |
|
} |
|
.cash-withdrawal .wrapper .list .bnt { |
|
font-size: 32rpx; |
|
color: #fff; |
|
width: 690rpx; |
|
height: 90rpx; |
|
text-align: center; |
|
border-radius: 50rpx; |
|
line-height: 90rpx; |
|
margin: 64rpx auto; |
|
} |
|
.cash-withdrawal .wrapper .list .tip2 { |
|
font-size: 26rpx; |
|
color: #999; |
|
text-align: center; |
|
margin: 44rpx 0 20rpx 0; |
|
} |
|
.cash-withdrawal .wrapper .list .value { |
|
height: 135rpx; |
|
line-height: 135rpx; |
|
border-bottom: 1px solid #eee; |
|
width: 690rpx; |
|
margin: 0 auto; |
|
} |
|
.cash-withdrawal .wrapper .list .value input { |
|
font-size: 80rpx; |
|
color: #282828; |
|
height: 135rpx; |
|
text-align: center; |
|
width: 100%; |
|
} |
|
.cash-withdrawal .wrapper .list .value input::-webkit-input-placeholder { |
|
color: #bbb; |
|
} |
|
.cash-withdrawal .wrapper .list .value input::placeholder { |
|
color: #bbb; |
|
} |
|
/*提现审核*/ |
|
.cash-audit { |
|
width: 710rpx; |
|
background-color: #fff; |
|
border-radius: 6rpx; |
|
margin: 25rpx auto 0 auto; |
|
padding: 53rpx 0 58rpx 0; |
|
left: 50%; |
|
margin-left: -355rpx; |
|
} |
|
.cash-audit .pictrue { |
|
width: 214rpx; |
|
height: 179rpx; |
|
margin: 0 auto; |
|
} |
|
.cash-audit .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.cash-audit .tip { |
|
font-size: 32rpx; |
|
color: #282828; |
|
margin-top: 40rpx; |
|
text-align: center; |
|
padding: 0 40rpx; |
|
} |
|
.cash-audit .time { |
|
font-size: 26rpx; |
|
color: #999; |
|
text-align: center; |
|
margin-top: 15rpx; |
|
} |
|
.cash-audit .bnt { |
|
font-size: 32rpx; |
|
color: #fff; |
|
width: 500rpx; |
|
height: 86rpx; |
|
border-radius: 43rpx; |
|
text-align: center; |
|
line-height: 86rpx; |
|
margin: 50rpx auto 0 auto; |
|
} |
|
/*推广人订单*/ |
|
.promoter-order .list .item .title { |
|
height: 133rpx; |
|
padding: 0 30rpx; |
|
font-size: 26rpx; |
|
color: #999; |
|
} |
|
.promoter-order .list .item .title .data { |
|
font-size: 28rpx; |
|
color: #282828; |
|
margin-bottom: 5rpx; |
|
} |
|
.promoter-order .list .item .listn .itenm { |
|
background-color: #fff; |
|
} |
|
.promoter-order .list .item .listn .itenm ~ .itenm { |
|
margin-top: 12rpx; |
|
} |
|
.promoter-order .list .item .listn .itenm .top { |
|
margin-left: 30rpx; |
|
padding-right: 30rpx; |
|
border-bottom: 1px solid #eee; |
|
height: 100rpx; |
|
} |
|
.promoter-order .list .item .listn .itenm .top .pictxt { |
|
width: 320rpx; |
|
} |
|
.promoter-order .list .item .listn .itenm .top .pictxt .text { |
|
width: 230rpx; |
|
font-size: 30rpx; |
|
color: #282828; |
|
} |
|
.promoter-order .list .item .listn .itenm .top .pictxt .pictrue { |
|
width: 66rpx; |
|
height: 66rpx; |
|
} |
|
.promoter-order .list .item .listn .itenm .top .pictxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
border: 3rpx solid #fff; |
|
box-shadow: 0 0 10rpx #aaa; |
|
-moz-box-shadow: 0 0 10rpx #aaa; |
|
-o-box-shadow: 0 0 10rpx #aaa; |
|
box-sizing: border-box; |
|
} |
|
.promoter-order .list .item .listn .itenm .top .money { |
|
font-size: 28rpx; |
|
} |
|
.promoter-order .list .item .listn .itenm .bottom { |
|
padding: 20rpx 30rpx; |
|
font-size: 28rpx; |
|
color: #666; |
|
line-height: 1.6; |
|
} |
|
.promoter-order .list .item .listn .itenm .bottom .name { |
|
color: #999; |
|
} |
|
/*推广人列表*/ |
|
.promoter-list .header { |
|
padding-bottom: 12rpx; |
|
} |
|
.promoter-list .nav { |
|
background-color: #fff; |
|
height: 86rpx; |
|
line-height: 86rpx; |
|
font-size: 28rpx; |
|
color: #282828; |
|
border-bottom: 1px solid #eee; |
|
} |
|
.promoter-list .nav .item { |
|
height: 100%; |
|
} |
|
.promoter-list .nav .item.on { |
|
color: #73CBB6; |
|
border-bottom: 5rpx solid #73CBB6; |
|
} |
|
.promoter-list .search { |
|
box-sizing: border-box; |
|
width: 100%; |
|
background-color: #fff; |
|
height: 86rpx; |
|
padding: 0 30rpx; |
|
} |
|
.promoter-list .search .input { |
|
width: 630rpx; |
|
height: 60rpx; |
|
border-radius: 50rpx; |
|
background-color: #f5f5f5; |
|
text-align: center; |
|
position: relative; |
|
} |
|
.promoter-list .search .input input { |
|
height: 100%; |
|
font-size: 26rpx; |
|
width: 620rpx; |
|
text-align: center; |
|
} |
|
.promoter-list .search .input input::-webkit-input-placeholder { |
|
color: #bbb; |
|
} |
|
.promoter-list .search .input input::placeholder { |
|
color: #bbb; |
|
} |
|
.promoter-list .search .input .iconfont { |
|
position: absolute; |
|
right: 28rpx; |
|
color: #999; |
|
font-size: 28rpx; |
|
top: 50%; |
|
-webkit-transform: translateY(-50%); |
|
transform: translateY(-50%); |
|
} |
|
.promoter-list .search .iconfont { |
|
font-size: 40rpx; |
|
color: #515151; |
|
} |
|
.promoter-list .list .sortNav { |
|
background-color: #fff; |
|
height: 76rpx; |
|
border-bottom: 1px solid #eee; |
|
color: #333; |
|
font-size: 28rpx; |
|
} |
|
.promoter-list .list .sortNav.on { |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
z-index: 5; |
|
} |
|
.promoter-list .list .sortNav .sortItem { |
|
text-align: center; |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
} |
|
.promoter-list .list .sortNav .sortItem image { |
|
width: 24rpx; |
|
height: 24rpx; |
|
margin-left: 6rpx; |
|
vertical-align: -3rpx; |
|
} |
|
.promoter-list .list .sortList { |
|
margin-top: 76rpx; |
|
} |
|
.promoter-list .list .item { |
|
background-color: #fff; |
|
border-bottom: 1px solid #eee; |
|
height: 152rpx; |
|
padding: 0 30rpx 0 20rpx; |
|
font-size: 24rpx; |
|
color: #666; |
|
} |
|
.promoter-list .list .item .picTxt { |
|
width: 440rpx; |
|
} |
|
.promoter-list .list .item .picTxt .pictrue { |
|
width: 106rpx; |
|
height: 106rpx; |
|
border-radius: 50%; |
|
} |
|
.promoter-list .list .item .picTxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
border: 3rpx solid #fff; |
|
box-shadow: 0 0 7rpx #aaa; |
|
-moz-box-shadow: 0 0 7rpx #aaa; |
|
-o-box-shadow: 0 0 7rpx #aaa; |
|
box-sizing: border-box; |
|
} |
|
.promoter-list .list .item .picTxt .text { |
|
width: 304rpx; |
|
font-size: 24rpx; |
|
color: #666; |
|
} |
|
.promoter-list .list .item .picTxt .text .name { |
|
font-size: 28rpx; |
|
color: #333; |
|
margin-bottom: 13rpx; |
|
} |
|
.promoter-list .list .item .right { |
|
width: 240rpx; |
|
text-align: right; |
|
font-size: 22rpx; |
|
color: #333; |
|
} |
|
/*我的推广*/ |
|
.my-promotion .header { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/promotionBg.png"); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 100%; |
|
height: 375rpx; |
|
} |
|
.my-promotion .header .name { |
|
font-size: 30rpx; |
|
color: #fff; |
|
padding-top: 57rpx; |
|
position: relative; |
|
} |
|
.my-promotion .header .name .record { |
|
font-size: 26rpx; |
|
color: rgba(255, 255, 255, 0.8); |
|
position: absolute; |
|
right: 20rpx; |
|
} |
|
.my-promotion .header .name .record .iconfont { |
|
font-size: 25rpx; |
|
margin-left: 10rpx; |
|
} |
|
.my-promotion .header .num { |
|
text-align: center; |
|
color: #fff; |
|
margin-top: 25rpx; |
|
font-size: 90rpx; |
|
font-family: 'GuildfordProBook 5'; |
|
} |
|
.my-promotion .header .profit { |
|
padding: 0 20rpx; |
|
margin-top: 33rpx; |
|
font-size: 24rpx; |
|
color: rgba(255, 255, 255, 0.8); |
|
} |
|
.my-promotion .header .profit .item { |
|
min-width: 200rpx; |
|
text-align: center; |
|
} |
|
.my-promotion .header .profit .item .money { |
|
font-size: 34rpx; |
|
color: #fff; |
|
} |
|
.my-promotion .bnt { |
|
font-size: 28rpx; |
|
color: #fff; |
|
width: 258rpx; |
|
height: 68rpx; |
|
border-radius: 50rpx; |
|
text-align: center; |
|
line-height: 68rpx; |
|
margin: -32rpx auto 0 auto; |
|
} |
|
.my-promotion .list { |
|
padding: 0 20rpx; |
|
margin-top: 10rpx; |
|
} |
|
.my-promotion .list .item { |
|
width: 345rpx; |
|
height: 240rpx; |
|
border-radius: 20rpx; |
|
background-color: #fff; |
|
margin-top: 20rpx; |
|
font-size: 30rpx; |
|
color: #666; |
|
} |
|
.my-promotion .list .item .iconfont { |
|
font-size: 70rpx; |
|
/* background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); */ |
|
/* background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); */ |
|
margin-bottom: 20rpx; |
|
color: #73cbb6; |
|
} |
|
/*我的账户*/ |
|
.my-account .wrapper { |
|
background-color: #fff; |
|
padding: 32rpx 0 34rpx 0; |
|
margin-bottom: 14rpx; |
|
} |
|
.my-account .wrapper .header { |
|
width: 690rpx; |
|
height: 330rpx; |
|
background-image: -webkit-linear-gradient(left, #73CBB6 0%, #73CBB6 100%); |
|
background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); |
|
background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); |
|
border-radius: 16rpx; |
|
margin: 0 auto; |
|
color: rgba(255, 255, 255, 0.6); |
|
font-size: 24rpx; |
|
} |
|
.my-account .wrapper .header .headerCon { |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/accountBg.png'); |
|
background-repeat: no-repeat; |
|
background-size: 100%; |
|
height: 100%; |
|
width: 100%; |
|
padding: 36rpx 0 29rpx 0; |
|
} |
|
.my-account .wrapper .header .headerCon .account { |
|
padding: 0 35rpx; |
|
} |
|
.my-account .wrapper .header .headerCon .account .assets .money { |
|
font-size: 72rpx; |
|
color: #fff; |
|
font-family: 'GuildfordProBook 5'; |
|
margin-top: 10rpx; |
|
height: 75rpx; |
|
line-height: 75rpx; |
|
} |
|
.my-account .wrapper .header .headerCon .account .recharge { |
|
font-size: 28rpx; |
|
width: 150rpx; |
|
height: 54rpx; |
|
border-radius: 27rpx; |
|
background-color: #fff9f8; |
|
text-align: center; |
|
line-height: 54rpx; |
|
} |
|
.my-account .wrapper .header .headerCon .cumulative { |
|
margin-top: 46rpx; |
|
} |
|
.my-account .wrapper .header .headerCon .cumulative .item { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
padding-left: 35rpx; |
|
} |
|
.my-account .wrapper .header .headerCon .cumulative .item .money { |
|
font-size: 48rpx; |
|
font-family: 'GuildfordProBook 5'; |
|
color: #fff; |
|
margin-top: 6rpx; |
|
} |
|
.my-account .wrapper .nav { |
|
height: 155rpx; |
|
border-bottom: 1px solid #f5f5f5; |
|
} |
|
.my-account .wrapper .nav .item { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
text-align: center; |
|
font-size: 26rpx; |
|
color: #999; |
|
} |
|
.my-account .wrapper .nav .item .pictrue { |
|
width: 44rpx; |
|
height: 44rpx; |
|
margin: 0 auto; |
|
margin-bottom: 20rpx; |
|
} |
|
.my-account .wrapper .nav .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.my-account .wrapper .advert { |
|
padding: 0 30rpx; |
|
margin-top: 30rpx; |
|
} |
|
.my-account .wrapper .advert .item { |
|
background-color: #fff6d1; |
|
width: 332rpx; |
|
height: 118rpx; |
|
border-radius: 10rpx; |
|
padding: 0 27rpx 0 25rpx; |
|
font-size: 24rpx; |
|
color: #e44609; |
|
} |
|
.my-account .wrapper .advert .item.on { |
|
background-color: #fff3f3; |
|
color: #e96868; |
|
} |
|
.my-account .wrapper .advert .item .pictrue { |
|
width: 78rpx; |
|
height: 78rpx; |
|
} |
|
.my-account .wrapper .advert .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.my-account .wrapper .advert .item .text .name { |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
color: #f33c2b; |
|
margin-bottom: 7rpx; |
|
} |
|
.my-account .wrapper .advert .item.on .text .name { |
|
color: #f64051; |
|
} |
|
.my-account .wrapper .list { |
|
padding: 0 30rpx; |
|
} |
|
.my-account .wrapper .list .item { |
|
margin-top: 44rpx; |
|
} |
|
.my-account .wrapper .list .item .picTxt .iconfont { |
|
width: 82rpx; |
|
height: 82rpx; |
|
border-radius: 50%; |
|
background-image: -webkit-linear-gradient(left, #ff9389 0%, #f9776b 100%); |
|
background-image: linear-gradient(to right, #ff9389 0%, #f9776b 100%); |
|
background-image: -moz-linear-gradient(to right, #ff9389 0%, #f9776b 100%); |
|
text-align: center; |
|
line-height: 82rpx; |
|
color: #fff; |
|
font-size: 40rpx; |
|
} |
|
.my-account .wrapper .list .item .picTxt .iconfont.yellow { |
|
background-image: -webkit-linear-gradient(left, #ffccaa 0%, #fea060 100%); |
|
background-image: linear-gradient(to right, #ffccaa 0%, #fea060 100%); |
|
background-image: -moz-linear-gradient(to right, #ffccaa 0%, #fea060 100%); |
|
} |
|
.my-account .wrapper .list .item .picTxt .iconfont.green { |
|
background-image: -webkit-linear-gradient(left, #a1d67c 0%, #9dd074 100%); |
|
background-image: linear-gradient(to right, #a1d67c 0%, #9dd074 100%); |
|
background-image: -moz-linear-gradient(to right, #a1d67c 0%, #9dd074 100%); |
|
} |
|
.my-account .wrapper .list .item .picTxt { |
|
width: 428rpx; |
|
font-size: 30rpx; |
|
color: #282828; |
|
} |
|
.my-account .wrapper .list .item .picTxt .text { |
|
width: 317rpx; |
|
} |
|
.my-account .wrapper .list .item .picTxt .text .infor { |
|
font-size: 24rpx; |
|
color: #999; |
|
margin-top: 5rpx; |
|
} |
|
.my-account .wrapper .list .item .bnt { |
|
font-size: 26rpx; |
|
color: #282828; |
|
width: 156rpx; |
|
height: 52rpx; |
|
border: 1px solid #ddd; |
|
border-radius: 26rpx; |
|
text-align: center; |
|
line-height: 50rpx; |
|
} |
|
.my-account .wrapper .list .item .bnt.end { |
|
font-size: 26rpx; |
|
color: #aaa; |
|
background-color: #f2f2f2; |
|
border-color: #f2f2f2; |
|
} |
|
/*账单明细*/ |
|
.bill-details .nav { |
|
background-color: #fff; |
|
height: 90rpx; |
|
width: 100%; |
|
line-height: 90rpx; |
|
} |
|
.bill-details .nav .item { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
text-align: center; |
|
font-size: 30rpx; |
|
color: #282828; |
|
height: 100%; |
|
} |
|
.bill-details .nav .item.on { |
|
color: #e93323; |
|
border-bottom: 3rpx solid #e93323; |
|
} |
|
/*限时抢购*/ |
|
.flash-sale .header { |
|
width: 100%; |
|
height: 240rpx; |
|
} |
|
.flash-sale .header image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.flash-sale .whiteFixed { |
|
position: fixed; |
|
top: 0; |
|
background-color: #fff; |
|
left: 0; |
|
width: 100%; |
|
z-index: 5; |
|
} |
|
.flash-sale .timeLsit { |
|
width: 100%; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
height: 110rpx; |
|
} |
|
.flash-sale .timeLsit .rush-time { |
|
overflow-y: hidden; |
|
overflow-x: auto; |
|
width: 100%; |
|
height: 150rpx; |
|
} |
|
.flash-sale .timeLsit .item { |
|
display: inline-block; |
|
font-size: 22rpx; |
|
color: #282828; |
|
width: 200rpx; |
|
text-align: center; |
|
padding: 11rpx 0; |
|
height: 96rpx; |
|
background-color: #efc58f; |
|
} |
|
.flash-sale .timeLsit .item ~ .item { |
|
border-left: 1px solid #e3b06e; |
|
} |
|
.flash-sale .timeLsit .item .time { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
height: 37rpx; |
|
line-height: 37rpx; |
|
} |
|
.flash-sale .timeLsit .item.on { |
|
background-color: #e93323; |
|
color: #fff; |
|
position: relative; |
|
} |
|
.flash-sale .timeLsit .item.on::before { |
|
content: ""; |
|
width: 0; |
|
height: 0; |
|
border-left: 8rpx solid transparent; |
|
border-right: 8rpx solid transparent; |
|
border-top: 10rpx solid #e93323; |
|
position: absolute; |
|
bottom: -9rpx; |
|
z-index: 99; |
|
left: 50%; |
|
-webkit-transform: translateX(-50%); |
|
transform: translateX(-50%); |
|
} |
|
.flash-sale .countDown { |
|
height: 92rpx; |
|
border-bottom: 1px solid #f0f0f0; |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.flash-sale .countDown .timeTxt { |
|
color: #fc4141; |
|
} |
|
.flash-sale .countDown .time { |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.flash-sale .countDown .styleAll { |
|
font-size: 28rpx; |
|
font-weight: bold; |
|
background-color: #ffcfcb; |
|
padding: 4rpx 7rpx; |
|
border-radius: 3rpx; |
|
color: #fc4141; |
|
} |
|
.flash-sale .list.on { |
|
margin-top: 202rpx; |
|
} |
|
.flash-sale .list .item { |
|
padding: 0 30rpx; |
|
border-bottom: 1px solid #f0f0f0; |
|
height: 227rpx; |
|
position: relative; |
|
} |
|
.flash-sale .list .item .pictrue { |
|
width: 166rpx; |
|
height: 166rpx; |
|
} |
|
.flash-sale .list .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.flash-sale .list .item .text { |
|
width: 500rpx; |
|
font-size: 30rpx; |
|
color: #333; |
|
height: 166rpx; |
|
} |
|
.flash-sale .list .item .text .money { |
|
font-size: 24rpx; |
|
color: #282828; |
|
margin-top: -13rpx; |
|
} |
|
.flash-sale .list .item .text .money .num { |
|
font-size: 34rpx; |
|
font-weight: bold; |
|
} |
|
.flash-sale .list .item .text .progress { |
|
overflow: hidden; |
|
background-color: #fff; |
|
width: 260rpx; |
|
border-radius: 20rpx; |
|
height: 34rpx; |
|
position: relative; |
|
} |
|
.flash-sale .list .item .text .progress .bg-red { |
|
width: 0; |
|
height: 100%; |
|
-webkit-transition: width 0.6s ease; |
|
transition: width 0.6s ease; |
|
background-color: #ffe3e1; |
|
} |
|
.flash-sale .list .item .text .progress .piece { |
|
position: absolute; |
|
left: 50%; |
|
-webkit-transform: translate(-50%, -50%); |
|
transform: translate(-50%, -50%); |
|
top: 49%; |
|
font-size: 22rpx; |
|
} |
|
.flash-sale .list .item .grab { |
|
font-size: 28rpx; |
|
color: #fff; |
|
width: 140rpx; |
|
height: 54rpx; |
|
border-radius: 4rpx; |
|
text-align: center; |
|
line-height: 54rpx; |
|
position: absolute; |
|
right: 30rpx; |
|
bottom: 30rpx; |
|
} |
|
/*抢购详情页*/ |
|
.product-con .nav { |
|
box-sizing: border-box; |
|
background-image: url('https://h5.dayouqiantu.cn/static/images/rushBuy.jpg'); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 100%; |
|
height: 100rpx; |
|
padding: 0 30rpx; |
|
} |
|
.product-con .nav .money { |
|
font-size: 28rpx; |
|
color: #fff; |
|
} |
|
.product-con .nav .money .num { |
|
font-size: 48rpx; |
|
} |
|
.product-con .nav .money .y-money { |
|
font-size: 26rpx; |
|
margin-left: 10rpx; |
|
text-decoration: line-through; |
|
} |
|
.product-con .nav .times { |
|
font-size: 20rpx; |
|
color: #fff; |
|
text-align: center; |
|
margin-bottom: 4rpx; |
|
} |
|
.product-con .nav .times .time { |
|
margin-top: 7rpx; |
|
} |
|
.product-con .nav .times .time .styleAll { |
|
padding: 0 7rpx; |
|
font-size: 22rpx; |
|
color: #ff3d3d; |
|
background-color: #fff; |
|
border-radius: 2rpx; |
|
} |
|
.product-con .nav .iconfont { |
|
color: #fff; |
|
font-size: 30rpx; |
|
margin-left: 20rpx; |
|
} |
|
.product-con .wrapperRush { |
|
padding: 32rpx 30rpx; |
|
background-color: #fff; |
|
} |
|
.product-con .wrapperRush .introduce .infor { |
|
width: 570rpx; |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
} |
|
.product-con .wrapperRush .introduce .iconfont { |
|
font-size: 37rpx; |
|
color: #515151; |
|
} |
|
.product-con .wrapperRush .label { |
|
margin: 18rpx 0 0 0; |
|
font-size: 24rpx; |
|
color: #82848f; |
|
} |
|
.product-con .wrapperRush .label .stock { |
|
width: 255rpx; |
|
margin-right: 28rpx; |
|
} |
|
.product-con .footerRush { |
|
position: fixed; |
|
bottom: 0; |
|
width: 100%; |
|
height: 100rpx; |
|
background-color: #fff; |
|
font-size: 18rpx; |
|
color: #666; |
|
z-index: 99; |
|
} |
|
.product-con .footerRush .customerSer { |
|
width: 14%; |
|
font-size: 20rpx; |
|
color: #666; |
|
} |
|
.product-con .footerRush .bnt { |
|
width: 86%; |
|
text-align: center; |
|
line-height: 100rpx; |
|
height: 100%; |
|
color: #fff; |
|
font-size: 30rpx; |
|
} |
|
/*新闻*/ |
|
.newsList .swiperNews { |
|
width: 690rpx; |
|
height: 367rpx; |
|
margin: 30rpx auto 0 auto; |
|
} |
|
.newsList .swiperNews .swiper-slide { |
|
width: 100%; |
|
height: 330rpx; |
|
} |
|
.newsList .swiperNews .slide-image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.newsList .swiperNews .swiper-pagination-bullet { |
|
width: 12rpx; |
|
height: 12rpx; |
|
border-radius: 0; |
|
-webkit-transform: rotate(-45deg); |
|
transform: rotate(-45deg); |
|
-webkit-transform-origin: 0 100%; |
|
transform-origin: 0 100%; |
|
-ms-transform-origin: 0 100%; |
|
-o-transform-origin: 0 100%; |
|
background-color: #d1d1d1; |
|
opacity: 1; |
|
margin: 0 10rpx; |
|
} |
|
.newsList .swiperNews .swiper-pagination-bullet-active { |
|
background-color: #666666; |
|
border: 0; |
|
} |
|
.newsList .swiperNews .swiper-pagination { |
|
bottom: -7rpx; |
|
width: 100%; |
|
} |
|
.newsList .nav { |
|
padding: 0 30rpx; |
|
width: 100%; |
|
height: 105rpx; |
|
overflow: hidden; |
|
background-color: #fff; |
|
} |
|
.newsList .nav.on { |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
z-index: 5; |
|
} |
|
.newsList .nav .scrollNav { |
|
white-space: nowrap; |
|
overflow-y: hidden; |
|
overflow-x: auto; |
|
width: 100%; |
|
} |
|
.newsList .nav .item { |
|
display: inline-block; |
|
font-size: 32rpx; |
|
color: #999; |
|
margin-top: 40rpx; |
|
} |
|
.newsList .nav .item.on { |
|
color: #282828; |
|
} |
|
.newsList .nav .item ~ .item { |
|
margin-left: 46rpx; |
|
} |
|
.newsList .nav .item .line { |
|
width: 24rpx; |
|
height: 4rpx; |
|
border-radius: 2rpx; |
|
margin: 10rpx auto 0 auto; |
|
} |
|
.newsList .list.on { |
|
margin-top: 105rpx; |
|
} |
|
.newsList .list .item { |
|
margin: 0 30rpx; |
|
border-bottom: 1px solid #f0f0f0; |
|
padding: 35rpx 0; |
|
} |
|
.newsList .list .item .pictrue { |
|
width: 250rpx; |
|
height: 156rpx; |
|
} |
|
.newsList .list .item .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.newsList .list .item .text { |
|
width: 420rpx; |
|
height: 156rpx; |
|
font-size: 24rpx; |
|
color: #999; |
|
} |
|
.newsList .list .item .text .name { |
|
font-size: 30rpx; |
|
color: #282828; |
|
} |
|
.newsList .list .item .picList .pictrue { |
|
width: 335rpx; |
|
height: 210rpx; |
|
margin-top: 30rpx; |
|
} |
|
.newsList .list .item .picList.on .pictrue { |
|
width: 217rpx; |
|
height: 136rpx; |
|
} |
|
.newsList .list .item .picList .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.newsList .list .item .time { |
|
text-align: right; |
|
font-size: 24rpx; |
|
color: #999; |
|
margin-top: 22rpx; |
|
} |
|
.newsList .van-tabs__wrap { |
|
top: 0 !important; |
|
} |
|
/*新闻详情*/ |
|
.newsDetail .title { |
|
padding: 0 30rpx; |
|
font-size: 34rpx; |
|
color: #282828; |
|
font-weight: bold; |
|
margin: 45rpx 0 23rpx 0; |
|
line-height: 1.5; |
|
} |
|
.newsDetail .list { |
|
margin: 0 30rpx; |
|
border-bottom: 1px solid #eee; |
|
padding-bottom: 25rpx; |
|
} |
|
.newsDetail .list .label { |
|
font-size: 24rpx; |
|
height: 38rpx; |
|
border-radius: 3rpx; |
|
text-align: center; |
|
line-height: 36rpx; |
|
padding: 0 10rpx; |
|
max-width: 190rpx; |
|
width: unset; |
|
} |
|
.newsDetail .list .item { |
|
margin-left: 27rpx; |
|
font-size: 24rpx; |
|
color: #999; |
|
} |
|
.newsDetail .list .item .iconfont { |
|
font-size: 28rpx; |
|
margin-right: 10rpx; |
|
} |
|
.newsDetail .list .item .iconfont.icon-shenhezhong { |
|
font-size: 26rpx; |
|
} |
|
.newsDetail .conter { |
|
padding: 0 30rpx; |
|
font-size: 30rpx; |
|
color: #333; |
|
line-height: 1.8; |
|
padding-top: 35rpx; |
|
} |
|
.newsDetail .conter image { |
|
width: 100%; |
|
display: block; |
|
} |
|
/*佣金明细*/ |
|
.commission-details .promoterHeader .headerCon .money { |
|
font-size: 36rpx; |
|
} |
|
.commission-details .promoterHeader .headerCon .money .num { |
|
font-family: 'GuildfordProBook 5'; |
|
} |
|
/*立即注册*/ |
|
.register { |
|
background-image: -webkit-linear-gradient(top, #73CBB6 0%, #73CBB6 100%); |
|
background-image: linear-gradient(to bottom, #73CBB6 0%, #73CBB6 100%); |
|
background-image: -moz-linear-gradient(to bottom, #73CBB6 0%, #73CBB6 100%); |
|
width: 100%; |
|
height: 100vh; |
|
} |
|
.register .shading { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/registerw.png"); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 100%; |
|
height: 286rpx; |
|
padding-top: 70rpx; |
|
} |
|
.register .shading .pictrue { |
|
width: 172rpx; |
|
height: 172rpx; |
|
border-radius: 50%; |
|
background-color: rgba(255, 255, 255, 0.8); |
|
margin: 0 auto; |
|
} |
|
.register .shading .pictrue image { |
|
width: 164rpx; |
|
height: 164rpx; |
|
border-radius: 50%; |
|
display: block; |
|
} |
|
.register .whiteBg { |
|
width: 620rpx; |
|
border-radius: 16rpx; |
|
background-color: #fff; |
|
margin: 30rpx auto 0 auto; |
|
padding: 45rpx 30rpx 0 30rpx; |
|
} |
|
.register .whiteBg .title { |
|
font-size: 36rpx; |
|
color: #282828; |
|
text-align: center; |
|
font-weight: bold; |
|
} |
|
.register .whiteBg .title .item ~ .item { |
|
margin-left: 85rpx; |
|
} |
|
.register .whiteBg .title .item { |
|
color: #999999; |
|
border-bottom: 5rpx solid #fff; |
|
padding-bottom: 10rpx; |
|
} |
|
.register .whiteBg .title .item.on { |
|
color: #282828; |
|
border-bottom-color: #f35749; |
|
} |
|
.register .whiteBg .list .item { |
|
border-bottom: 1px solid #ededed; |
|
padding: 47rpx 0 13rpx 0; |
|
position: relative; |
|
} |
|
.register .whiteBg .list .item .name { |
|
font-size: 26rpx; |
|
color: #2d3342; |
|
margin-bottom: 27rpx; |
|
text-align: left; |
|
} |
|
.register .whiteBg .list .item .icon { |
|
font-size: 35rpx; |
|
margin-right: 32rpx; |
|
} |
|
.register .whiteBg .list .item input { |
|
font-size: 33rpx; |
|
width: 490rpx; |
|
} |
|
.register .whiteBg .list .item input::-webkit-input-placeholder { |
|
color: #cccccc; |
|
} |
|
.register .whiteBg .list .item input::placeholder { |
|
color: #cccccc; |
|
} |
|
.register .whiteBg .list .item .codeIput { |
|
width: 250rpx; |
|
} |
|
.register .whiteBg .list .item .code { |
|
position: absolute; |
|
width: 150rpx; |
|
height: 50rpx; |
|
background-color: #f35446; |
|
border-radius: 30rpx; |
|
color: #fff; |
|
line-height: 50rpx; |
|
text-align: center; |
|
bottom: 17rpx; |
|
right: 0; |
|
font-size: 25rpx; |
|
} |
|
.register .whiteBg .list .item .code.on { |
|
background-color: #bbbbbb; |
|
} |
|
.register .whiteBg .list .forgetPwd { |
|
text-align: right; |
|
font-size: 28rpx; |
|
color: #cccccc; |
|
margin-top: 20rpx; |
|
} |
|
.register .whiteBg .list .forgetPwd .iconfont { |
|
font-size: 30rpx; |
|
margin-right: 10rpx; |
|
vertical-align: middle; |
|
} |
|
.register .whiteBg .logon { |
|
font-size: 34rpx; |
|
color: #fff; |
|
font-weight: bold; |
|
height: 86rpx; |
|
border-radius: 43rpx; |
|
background: -webkit-linear-gradient(left, #f35447 0%, #ff8e3c 100%); |
|
background: linear-gradient(to right, #f35447 0%, #ff8e3c 100%); |
|
background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%); |
|
text-align: center; |
|
line-height: 86rpx; |
|
margin-top: 47rpx; |
|
} |
|
.register .whiteBg .tip { |
|
height: 110rpx; |
|
text-align: center; |
|
line-height: 105rpx; |
|
font-size: 30rpx; |
|
color: #cccccc; |
|
} |
|
.register .bottom { |
|
background-image: url("https://h5.dayouqiantu.cn/static/images/registerB.png"); |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
width: 620rpx; |
|
height: 36rpx; |
|
margin: 0 auto; |
|
} |
|
/*产品分类*/ |
|
.productSort { |
|
background: #fff; |
|
} |
|
.productSort .header { |
|
width: 100%; |
|
height: 96rpx; |
|
background-color: #fff; |
|
position: fixed; |
|
left: 0; |
|
right: 0; |
|
top: 0; |
|
z-index: 9; |
|
border-bottom: 1px solid #f5f5f5; |
|
} |
|
.productSort .header .input { |
|
width: 700rpx; |
|
height: 60rpx; |
|
background-color: #f5f5f5; |
|
border-radius: 50rpx; |
|
padding: 0 25rpx; |
|
} |
|
.productSort .header .input .iconfont { |
|
font-size: 35rpx; |
|
color: #555; |
|
} |
|
.productSort .header .input input { |
|
font-size: 26rpx; |
|
height: 100%; |
|
width: 597rpx; |
|
} |
|
.productSort .header .input input::-webkit-input-placeholder { |
|
color: #999; |
|
} |
|
.productSort .header .input input::placeholder { |
|
color: #999; |
|
} |
|
.productSort .aside { |
|
position: fixed; |
|
width: 180rpx; |
|
left: 0; |
|
top: 96rpx; |
|
bottom: 100rpx; |
|
background-color: #f7f7f7; |
|
overflow-y: auto; |
|
overflow-x: hidden; |
|
overflow-scrolling: touch; |
|
} |
|
.productSort .aside .item { |
|
height: 80rpx; |
|
width: 100%; |
|
font-size: 26rpx; |
|
color: #424242; |
|
} |
|
.productSort .aside .item.on { |
|
background-color: #fff; |
|
border-left: 4rpx solid #73CBB6; |
|
width: 100%; |
|
text-align: center; |
|
color: #73CBB6; |
|
font-weight: bold; |
|
} |
|
.productSort .conter { |
|
margin-left: 180rpx; |
|
padding: 0 14rpx; |
|
margin-top: 96rpx; |
|
} |
|
.productSort .conter .listw { |
|
padding-top: 20rpx; |
|
} |
|
.productSort .conter .listw .title { |
|
height: 90rpx; |
|
} |
|
.productSort .conter .listw .title .line { |
|
width: 100rpx; |
|
height: 2rpx; |
|
background-color: #999; |
|
} |
|
.productSort .conter .listw .title .name { |
|
font-size: 28rpx; |
|
color: #333; |
|
margin: 0 30rpx; |
|
font-weight: bold; |
|
} |
|
.productSort .conter .list { |
|
-webkit-flex-wrap: wrap; |
|
flex-wrap: wrap; |
|
-ms-flex-wrap: wrap; |
|
} |
|
.productSort .conter .list .item { |
|
width: 177rpx; |
|
margin-top: 26rpx; |
|
} |
|
.productSort .conter .list .item .picture { |
|
width: 120rpx; |
|
height: 120rpx; |
|
border-radius: 50%; |
|
} |
|
.productSort .conter .list .item .picture image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
} |
|
.productSort .conter .list .item .name { |
|
font-size: 24rpx; |
|
color: #333; |
|
height: 56rpx; |
|
line-height: 56rpx; |
|
width: 120rpx; |
|
text-align: center; |
|
} |
|
/*返回主页按钮*/ |
|
.home { |
|
position: fixed; |
|
top: 780rpx; |
|
color: white; |
|
text-align: center; |
|
z-index: 33; |
|
right: 10rpx; |
|
} |
|
.home .homeCon { |
|
overflow: hidden; |
|
width: 86rpx; |
|
border-radius: 50rpx; |
|
-webkit-transition: all 0.3s ease-in-out 0s; |
|
transition: all 0.3s ease-in-out 0s; |
|
opacity: 0; |
|
-webkit-transform: scale(0); |
|
transform: scale(0); |
|
height: 0; |
|
color: #e93323; |
|
} |
|
.home .homeCon.on { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
height: 300rpx; |
|
padding: 34rpx 0; |
|
margin-bottom: 20rpx; |
|
} |
|
.home .homeCon .iconfont { |
|
font-size: 48rpx; |
|
color: #fff; |
|
display: inline-block; |
|
height: 90rpx; |
|
margin: 0 auto; |
|
} |
|
.home .pictrue { |
|
width: 86rpx; |
|
height: 86rpx; |
|
border-radius: 50%; |
|
} |
|
.home .pictrue .image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
} |
|
/*商户管理公共样式*/ |
|
.pos-order-goods { |
|
padding: 0 30rpx; |
|
background-color: #fff; |
|
} |
|
.pos-order-goods .goods { |
|
height: 185rpx; |
|
} |
|
.pos-order-goods .goods ~ .goods { |
|
border-top: 1px dashed #e5e5e5; |
|
} |
|
.pos-order-goods .goods .picTxt { |
|
width: 515rpx; |
|
} |
|
.pos-order-goods .goods .picTxt .pictrue { |
|
width: 130rpx; |
|
height: 130rpx; |
|
} |
|
.pos-order-goods .goods .picTxt .pictrue image { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 6rpx; |
|
} |
|
.pos-order-goods .goods .picTxt .text { |
|
width: 365rpx; |
|
height: 130rpx; |
|
} |
|
.pos-order-goods .goods .picTxt .text .info { |
|
font-size: 28rpx; |
|
color: #282828; |
|
} |
|
.pos-order-goods .goods .picTxt .text .attr { |
|
font-size: 20rpx; |
|
color: #999; |
|
} |
|
.pos-order-goods .goods .money { |
|
width: 164rpx; |
|
text-align: right; |
|
font-size: 28rpx; |
|
} |
|
.pos-order-goods .goods .money .x-money { |
|
color: #282828; |
|
} |
|
.pos-order-goods .goods .money .num { |
|
color: #ff9600; |
|
margin: 5rpx 0; |
|
} |
|
.pos-order-goods .goods .money .y-money { |
|
color: #999; |
|
text-decoration: line-through; |
|
} |
|
.public-total { |
|
font-size: 28rpx; |
|
color: #282828; |
|
border-top: 1px solid #eee; |
|
height: 92rpx; |
|
line-height: 92rpx; |
|
text-align: right; |
|
padding: 0 30rpx; |
|
background-color: #fff; |
|
} |
|
.public-total .money { |
|
color: #ff4c3c; |
|
} |
|
.priceChange { |
|
position: fixed; |
|
width: 580rpx; |
|
height: 670rpx; |
|
background-color: #fff; |
|
border-radius: 10rpx; |
|
top: 50%; |
|
left: 50%; |
|
margin-left: -290rpx; |
|
margin-top: -335rpx; |
|
z-index: 99; |
|
-webkit-transition: all 0.3s ease-in-out 0s; |
|
transition: all 0.3s ease-in-out 0s; |
|
-webkit-transform: scale(0); |
|
transform: scale(0); |
|
opacity: 0; |
|
} |
|
.priceChange.on { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
.priceChange .priceTitle { |
|
background: url("https://h5.dayouqiantu.cn/static/images/pricetitle.jpg") no-repeat; |
|
background-size: 100% 100%; |
|
width: 100%; |
|
height: 160rpx; |
|
border-radius: 10rpx 10rpx 0 0; |
|
text-align: center; |
|
font-size: 40rpx; |
|
color: #fff; |
|
line-height: 160rpx; |
|
position: relative; |
|
} |
|
.priceChange .priceTitle .iconfont { |
|
position: absolute; |
|
font-size: 40rpx; |
|
right: 26rpx; |
|
top: 23rpx; |
|
width: 40rpx; |
|
height: 40rpx; |
|
line-height: 40rpx; |
|
} |
|
.priceChange .listChange { |
|
padding: 0 40rpx; |
|
} |
|
.priceChange .listChange .item { |
|
height: 103rpx; |
|
border-bottom: 1px solid #e3e3e3; |
|
font-size: 32rpx; |
|
color: #333; |
|
} |
|
.priceChange .listChange .item .money { |
|
color: #666; |
|
width: 300rpx; |
|
text-align: right; |
|
} |
|
.priceChange .listChange .item .money .iconfont { |
|
font-size: 32rpx; |
|
margin-left: 20rpx; |
|
} |
|
.priceChange .listChange .item .money input { |
|
width: 100%; |
|
height: 100%; |
|
text-align: right; |
|
color: #ccc; |
|
} |
|
.priceChange .listChange .item .money input.on { |
|
color: #666; |
|
} |
|
.priceChange .modify { |
|
font-size: 32rpx; |
|
color: #fff; |
|
width: 490rpx; |
|
height: 90rpx; |
|
text-align: center; |
|
line-height: 90rpx; |
|
border-radius: 45rpx; |
|
background-color: #2291f8; |
|
margin: 53rpx auto 0 auto; |
|
} |
|
.priceChange .modify1 { |
|
font-size: 32rpx; |
|
color: #312b2b; |
|
width: 490rpx; |
|
height: 90rpx; |
|
text-align: center; |
|
line-height: 90rpx; |
|
border-radius: 45rpx; |
|
background-color: #eee; |
|
margin: 30rpx auto 0 auto; |
|
} |
|
.public-wrapper .title { |
|
font-size: 30rpx; |
|
color: #282828; |
|
padding: 0 30rpx; |
|
margin-bottom: 20rpx; |
|
} |
|
.public-wrapper .title .iconfont { |
|
color: #2291f8; |
|
font-size: 40rpx; |
|
margin-right: 13rpx; |
|
vertical-align: middle; |
|
} |
|
.public-wrapper { |
|
margin: 18rpx auto 0 auto; |
|
width: 690rpx; |
|
background-color: #fff; |
|
border-radius: 10rpx; |
|
padding-top: 25rpx; |
|
} |
|
.public-wrapper .nav { |
|
padding: 0 30rpx; |
|
height: 70rpx; |
|
line-height: 70rpx; |
|
font-size: 24rpx; |
|
color: #999; |
|
} |
|
.public-wrapper .data { |
|
width: 210rpx; |
|
text-align: left; |
|
} |
|
.public-wrapper .browse { |
|
width: 192rpx; |
|
text-align: right; |
|
} |
|
.public-wrapper .turnover { |
|
width: 227rpx; |
|
text-align: right; |
|
} |
|
.public-wrapper .conter { |
|
padding: 0 30rpx; |
|
} |
|
.public-wrapper .conter .item { |
|
border-bottom: 1px solid #f7f7f7; |
|
height: 70rpx; |
|
font-size: 24rpx; |
|
} |
|
.public-wrapper .conter .item .turnover { |
|
color: #d84242; |
|
} |
|
/*商户管理订单列表*/ |
|
.pos-order-list .nav { |
|
width: 100%; |
|
height: 96rpx; |
|
background-color: #fff; |
|
font-size: 30rpx; |
|
color: #282828; |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
} |
|
.pos-order-list .nav .item.on { |
|
color: #2291f8; |
|
} |
|
.pos-order-list .list { |
|
margin-top: 120rpx; |
|
} |
|
.pos-order-list .list .item { |
|
background-color: #fff; |
|
width: 100%; |
|
} |
|
.pos-order-list .list .item ~ .item { |
|
margin-top: 24rpx; |
|
} |
|
.pos-order-list .list .item .order-num { |
|
border-bottom: 1px solid #eee; |
|
font-size: 26rpx; |
|
font-weight: bold; |
|
color: #282828; |
|
padding: 20rpx 30rpx; |
|
display: -webkit-box; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-box-align: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-box-pack: justify; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
} |
|
.pos-order-list .list .item .order-num .time { |
|
font-size: 26rpx; |
|
font-weight: normal; |
|
color: #999; |
|
display: -webkit-box; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-box-align: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
.pos-order-list .list .item .operation { |
|
padding: 20rpx 30rpx; |
|
margin-top: 3rpx; |
|
} |
|
.pos-order-list .list .item .operation .more { |
|
position: relative; |
|
} |
|
.pos-order-list .list .item .operation .icon-gengduo { |
|
font-size: 50rpx; |
|
color: #aaa; |
|
} |
|
.pos-order-list .list .item .operation .order .arrow { |
|
width: 0; |
|
height: 0; |
|
border-left: 11rpx solid transparent; |
|
border-right: 11rpx solid transparent; |
|
border-top: 20rpx solid #e5e5e5; |
|
position: absolute; |
|
left: 15rpx; |
|
bottom: -18rpx; |
|
} |
|
.pos-order-list .list .item .operation .order .arrow:before { |
|
content: ''; |
|
width: 0; |
|
height: 0; |
|
border-left: 7rpx solid transparent; |
|
border-right: 7rpx solid transparent; |
|
border-top: 20rpx solid #fff; |
|
position: absolute; |
|
left: -7rpx; |
|
bottom: 0; |
|
} |
|
.pos-order-list .list .item .operation .order { |
|
width: 200rpx; |
|
background-color: #fff; |
|
border: 1px solid #eee; |
|
border-radius: 10rpx; |
|
position: absolute; |
|
top: -100rpx; |
|
z-index: 9; |
|
} |
|
.pos-order-list .list .item .operation .order .items { |
|
height: 77rpx; |
|
line-height: 77rpx; |
|
text-align: center; |
|
} |
|
.pos-order-list .list .item .operation .order .items ~ .items { |
|
border-top: 1px solid #f5f5f5; |
|
} |
|
.pos-order-list .list .item .operation .bnt { |
|
font-size: 28rpx; |
|
color: #5c5c5c; |
|
width: 170rpx; |
|
height: 60rpx; |
|
border-radius: 30rpx; |
|
border: 1px solid #bbb; |
|
text-align: center; |
|
line-height: 60rpx; |
|
} |
|
.pos-order-list .list .item .operation .bnt ~ .bnt { |
|
margin-left: 14rpx; |
|
} |
|
/*商户管理订单详情*/ |
|
.pos-order-details .header { |
|
background: -webkit-linear-gradient(left, #2291f8 0%, #1cd1dc 100%); |
|
background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); |
|
background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); |
|
} |
|
.pos-order-details .header .state { |
|
font-size: 36rpx; |
|
color: #fff; |
|
} |
|
.pos-order-details .header .data { |
|
margin-left: 35rpx; |
|
font-size: 28rpx; |
|
} |
|
.pos-order-details .header .data .order-num { |
|
font-size: 30rpx; |
|
margin-bottom: 8rpx; |
|
} |
|
.pos-order-details .remarks { |
|
width: 100%; |
|
height: 86rpx; |
|
background-color: #fff; |
|
padding: 0 30rpx; |
|
} |
|
.pos-order-details .remarks .iconfont { |
|
font-size: 40rpx; |
|
color: #2a7efb; |
|
} |
|
.pos-order-details .remarks input { |
|
width: 630rpx; |
|
height: 100%; |
|
font-size: 30rpx; |
|
} |
|
.pos-order-details .remarks input::-webkit-input-placeholder { |
|
color: #666; |
|
} |
|
.pos-order-details .remarks input::placeholder { |
|
color: #666; |
|
} |
|
.pos-order-details .orderingUser { |
|
font-size: 26rpx; |
|
color: #282828; |
|
padding: 0 30rpx; |
|
height: 0rpx; |
|
background-color: #fff; |
|
margin-top: 16rpx; |
|
border-bottom: 1px solid #f5f5f5; |
|
} |
|
.pos-order-details .orderingUser .iconfont { |
|
font-size: 40rpx; |
|
color: #2a7efb; |
|
margin-right: 15rpx; |
|
} |
|
.pos-order-details .address { |
|
margin-top: 0; |
|
} |
|
.pos-order-details .pos-order-goods { |
|
margin-top: 17rpx; |
|
} |
|
.pos-order-details .footer .more { |
|
font-size: 27rpx; |
|
color: #aaa; |
|
width: 100rpx; |
|
height: 64rpx; |
|
text-align: center; |
|
line-height: 64rpx; |
|
margin-right: 25rpx; |
|
position: relative; |
|
} |
|
.pos-order-details .footer .delivery { |
|
background: -webkit-linear-gradient(left, #2291f8 0%, #1cd1dc 100%); |
|
background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); |
|
background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); |
|
} |
|
.pos-order-details .footer .more .order .arrow { |
|
width: 0; |
|
height: 0; |
|
border-left: 11rpx solid transparent; |
|
border-right: 11rpx solid transparent; |
|
border-top: 20rpx solid #e5e5e5; |
|
position: absolute; |
|
left: 15rpx; |
|
bottom: -18rpx; |
|
} |
|
.pos-order-details .footer .more .order .arrow:before { |
|
content: ''; |
|
width: 0; |
|
height: 0; |
|
border-left: 9rpx solid transparent; |
|
border-right: 9rpx solid transparent; |
|
border-top: 19rpx solid #fff; |
|
position: absolute; |
|
left: -10rpx; |
|
bottom: 0; |
|
} |
|
.pos-order-details .footer .more .order { |
|
width: 200rpx; |
|
background-color: #fff; |
|
border: 1px solid #eee; |
|
border-radius: 10rpx; |
|
position: absolute; |
|
top: -200rpx; |
|
z-index: 9; |
|
} |
|
.pos-order-details .footer .more .order .item { |
|
height: 77rpx; |
|
line-height: 77rpx; |
|
} |
|
.pos-order-details .footer .more .order .item ~ .item { |
|
border-top: 1px solid #f5f5f5; |
|
} |
|
.pos-order-details .footer .more .moreName { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
/*发货*/ |
|
.deliver-goods ._header { |
|
width: 100%; |
|
background-color: #fff; |
|
margin-top: 10rpx; |
|
} |
|
.deliver-goods ._header .order-num { |
|
padding: 0 30rpx; |
|
border-bottom: 1px solid #f5f5f5; |
|
height: 67rpx; |
|
} |
|
.deliver-goods ._header .order-num .num { |
|
width: 430rpx; |
|
font-size: 26rpx; |
|
color: #282828; |
|
position: relative; |
|
} |
|
.deliver-goods ._header .order-num .num:after { |
|
position: absolute; |
|
content: ''; |
|
width: 1px; |
|
height: 30rpx; |
|
background-color: #ddd; |
|
top: 50%; |
|
margin-top: -15rpx; |
|
right: 0; |
|
} |
|
.deliver-goods ._header .order-num .name { |
|
width: 260rpx; |
|
font-size: 26rpx; |
|
color: #282828; |
|
text-align: center; |
|
} |
|
.deliver-goods ._header .order-num .name .iconfont { |
|
font-size: 35rpx; |
|
color: #477ef3; |
|
vertical-align: middle; |
|
margin-right: 10rpx; |
|
} |
|
.deliver-goods ._header .address { |
|
font-size: 26rpx; |
|
color: #868686; |
|
background-color: #fff; |
|
padding: 30rpx; |
|
} |
|
.deliver-goods ._header .address .name { |
|
font-size: 30rpx; |
|
color: #282828; |
|
margin-bottom: 10rpx; |
|
} |
|
.deliver-goods ._header .address .name .phone { |
|
margin-left: 40rpx; |
|
} |
|
.deliver-goods ._header .line { |
|
width: 100%; |
|
height: 3rpx; |
|
} |
|
.deliver-goods ._header .line image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
.deliver-goods .wrapper { |
|
width: 100%; |
|
background-color: #fff; |
|
} |
|
.deliver-goods .wrapper .item { |
|
border-bottom: 1px solid #f0f0f0; |
|
padding: 0 30rpx; |
|
height: 96rpx; |
|
font-size: 32rpx; |
|
color: #282828; |
|
position: relative; |
|
} |
|
.deliver-goods .wrapper .item .mode { |
|
width: 460rpx; |
|
height: 100%; |
|
text-align: right; |
|
} |
|
.deliver-goods .wrapper .item .mode .iconfont { |
|
font-size: 30rpx; |
|
margin-left: 13rpx; |
|
} |
|
.deliver-goods .wrapper .item .mode .goods ~ .goods { |
|
margin-left: 30rpx; |
|
} |
|
.deliver-goods .wrapper .item .mode .goods { |
|
color: #bbb; |
|
} |
|
.deliver-goods .wrapper .item .mode .goods.on { |
|
color: #477ef3; |
|
} |
|
.deliver-goods .wrapper .item .icon-up { |
|
position: absolute; |
|
font-size: 35rpx; |
|
color: #2c2c2c; |
|
right: 30rpx; |
|
} |
|
.deliver-goods .wrapper .item ._select { |
|
direction: rtl; |
|
padding-right: 60rpx; |
|
position: relative; |
|
z-index: 2; |
|
} |
|
.deliver-goods .wrapper .item input::-webkit-input-placeholder { |
|
color: #bbb; |
|
} |
|
.deliver-goods .wrapper .item input::placeholder { |
|
color: #bbb; |
|
} |
|
.deliver-goods .confirm { |
|
font-size: 32rpx; |
|
color: #fff; |
|
width: 100%; |
|
height: 100rpx; |
|
background-color: #477ef3; |
|
text-align: center; |
|
line-height: 100rpx; |
|
position: fixed; |
|
bottom: 0; |
|
} |
|
/*订单首页*/ |
|
.order-index .header { |
|
box-sizing: border-box; |
|
background: url("https://h5.dayouqiantu.cn/static/images/orderIndex.png") no-repeat; |
|
background-size: 100% 100%; |
|
width: 100%; |
|
height: 302rpx; |
|
padding: 45rpx 30rpx 0 30rpx; |
|
} |
|
.order-index .header .item { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
-o-flex: 1; |
|
-ms-flex: 1; |
|
text-align: center; |
|
font-size: 24rpx; |
|
color: #fff; |
|
} |
|
.order-index .header .item .num { |
|
font-size: 40rpx; |
|
margin-bottom: 7rpx; |
|
} |
|
.order-index .wrapper { |
|
width: 690rpx; |
|
background-color: #fff; |
|
border-radius: 10rpx; |
|
margin: -115rpx auto 0 auto; |
|
padding-top: 25rpx; |
|
} |
|
.order-index .wrapper .title { |
|
font-size: 30rpx; |
|
color: #282828; |
|
padding: 0 30rpx; |
|
margin-bottom: 40rpx; |
|
} |
|
.order-index .wrapper .title .iconfont { |
|
color: #2291f8; |
|
font-size: 40rpx; |
|
margin-right: 13rpx; |
|
vertical-align: middle; |
|
} |
|
.order-index .wrapper .list .item { |
|
width: 33.33%; |
|
text-align: center; |
|
font-size: 24rpx; |
|
color: #999; |
|
margin-bottom: 45rpx; |
|
} |
|
.order-index .wrapper .list .item .num { |
|
font-size: 40rpx; |
|
color: #333; |
|
} |
|
/*交易额统计*/ |
|
.statistical-page .navs { |
|
width: 100%; |
|
height: 96rpx; |
|
background-color: #fff; |
|
overflow: hidden; |
|
line-height: 96rpx; |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
z-index: 9; |
|
} |
|
.statistical-page .navs .list { |
|
overflow-y: hidden; |
|
overflow-x: auto; |
|
white-space: nowrap; |
|
width: 100%; |
|
} |
|
.statistical-page .navs .item { |
|
font-size: 32rpx; |
|
color: #282828; |
|
margin-left: 78rpx; |
|
display: inline-block; |
|
} |
|
.statistical-page .navs .item.on { |
|
color: #2291f8; |
|
} |
|
.statistical-page .navs .item .iconfont { |
|
font-size: 25rpx; |
|
margin-left: 13rpx; |
|
} |
|
.statistical-page .wrapper { |
|
box-sizing: border-box; |
|
width: 100%; |
|
background-color: #fff; |
|
border-radius: 10rpx; |
|
margin: 119rpx auto 0 auto; |
|
padding: 30rpx 60rpx; |
|
} |
|
.statistical-page .wrapper .title { |
|
font-size: 30rpx; |
|
color: #999; |
|
text-align: center; |
|
} |
|
.statistical-page .wrapper .money { |
|
font-size: 72rpx; |
|
color: #fba02a; |
|
text-align: center; |
|
margin-top: 10rpx; |
|
} |
|
.statistical-page .wrapper .increase { |
|
font-size: 28rpx; |
|
color: #999; |
|
margin-top: 20rpx; |
|
} |
|
.statistical-page .wrapper .increase .red { |
|
color: #ff6969; |
|
} |
|
.statistical-page .wrapper .increase .green { |
|
color: #1abb1d; |
|
} |
|
.statistical-page .wrapper .increase .iconfont { |
|
font-size: 23rpx; |
|
margin-left: 15rpx; |
|
} |
|
.statistical-page .chart { |
|
width: 690rpx; |
|
height: 480rpx; |
|
background-color: #fff; |
|
border-radius: 10rpx; |
|
margin: 23rpx auto 0 auto; |
|
padding: 25rpx 22rpx 0 22rpx; |
|
} |
|
.statistical-page .chart .company { |
|
font-size: 26rpx; |
|
color: #999; |
|
} |
|
.statistical-page .mc-body { |
|
padding-bottom: 0; |
|
} |
|
.statistical-page .mc-body ._tr { |
|
background-color: #edf8fe; |
|
border-top: 1px solid #fff; |
|
width: 100%; |
|
} |
|
.statistical-page .mc-head-box view { |
|
font-size: 14px; |
|
} |
|
.statistical-page .mc-range-mode .selected .mc-range-bg { |
|
background-color: #a0dcf9; |
|
} |
|
.yd-confirm { |
|
background-color: #fff; |
|
font-size: unset; |
|
width: 540rpx; |
|
height: 250rpx; |
|
border-radius: 40rpx; |
|
} |
|
.yd-confirm-hd { |
|
text-align: center; |
|
} |
|
.yd-confirm-title { |
|
color: #030303; |
|
font-weight: bold; |
|
font-size: 36rpx; |
|
} |
|
.yd-confirm-bd { |
|
text-align: center; |
|
font-size: 28rpx; |
|
color: #333333; |
|
} |
|
.yd-confirm-ft { |
|
line-height: 90rpx; |
|
margin-top: 14px; |
|
border-top: 1rpx solid #eee; |
|
} |
|
.yd-confirm-ft > ._a { |
|
color: #e93323; |
|
} |
|
.yd-confirm-ft > ._a.primary { |
|
border-left: 1rpx solid #eee; |
|
color: #e93323; |
|
} |
|
/*修改密码*/ |
|
.ChangePassword .phone { |
|
font-size: 32rpx; |
|
font-weight: bold; |
|
text-align: center; |
|
margin-top: 55rpx; |
|
} |
|
.ChangePassword .list { |
|
width: 580rpx; |
|
margin: 53rpx auto 0 auto; |
|
} |
|
.ChangePassword .list .item { |
|
width: 100%; |
|
height: 110rpx; |
|
border-bottom: 2rpx solid #f0f0f0; |
|
} |
|
.ChangePassword .list .item input { |
|
width: 100%; |
|
height: 100%; |
|
font-size: 32rpx; |
|
} |
|
.ChangePassword .list .item input::-webkit-input-placeholder { |
|
color: #b9b9bc; |
|
} |
|
.ChangePassword .list .item input::placeholder { |
|
color: #b9b9bc; |
|
} |
|
.ChangePassword .list .item input.codeIput { |
|
width: 340rpx; |
|
} |
|
.ChangePassword .list .item .code { |
|
font-size: 32rpx; |
|
} |
|
.ChangePassword .list .item .code.on { |
|
color: #b9b9bc !important; |
|
} |
|
.ChangePassword .confirmBnt { |
|
font-size: 32rpx; |
|
width: 580rpx; |
|
height: 90rpx; |
|
border-radius: 45rpx; |
|
color: #fff; |
|
margin: 92rpx auto 0 auto; |
|
text-align: center; |
|
line-height: 90rpx; |
|
} |
|
|
|
@charset "UTF-8"; |
|
|
|
/*! |
|
* animate.css -https://daneden.github.io/animate.css/ |
|
* Version - 3.7.2 |
|
* Licensed under the MIT license - http://opensource.org/licenses/MIT |
|
* |
|
* Copyright (c) 2019 Daniel Eden |
|
*/ |
|
|
|
@-webkit-keyframes bounce { |
|
from, |
|
20%, |
|
53%, |
|
80%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
40%, |
|
43% { |
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
-webkit-transform: translate3d(0, -30px, 0); |
|
transform: translate3d(0, -30px, 0); |
|
} |
|
|
|
70% { |
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
-webkit-transform: translate3d(0, -15px, 0); |
|
transform: translate3d(0, -15px, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(0, -4px, 0); |
|
transform: translate3d(0, -4px, 0); |
|
} |
|
} |
|
|
|
@keyframes bounce { |
|
from, |
|
20%, |
|
53%, |
|
80%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
40%, |
|
43% { |
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
-webkit-transform: translate3d(0, -30px, 0); |
|
transform: translate3d(0, -30px, 0); |
|
} |
|
|
|
70% { |
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
-webkit-transform: translate3d(0, -15px, 0); |
|
transform: translate3d(0, -15px, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(0, -4px, 0); |
|
transform: translate3d(0, -4px, 0); |
|
} |
|
} |
|
|
|
.bounce { |
|
-webkit-animation-name: bounce; |
|
animation-name: bounce; |
|
-webkit-transform-origin: center bottom; |
|
transform-origin: center bottom; |
|
} |
|
|
|
@-webkit-keyframes flash { |
|
from, |
|
50%, |
|
to { |
|
opacity: 1; |
|
} |
|
|
|
25%, |
|
75% { |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes flash { |
|
from, |
|
50%, |
|
to { |
|
opacity: 1; |
|
} |
|
|
|
25%, |
|
75% { |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.flash { |
|
-webkit-animation-name: flash; |
|
animation-name: flash; |
|
} |
|
|
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ |
|
|
|
@-webkit-keyframes pulse { |
|
from { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
|
|
50% { |
|
-webkit-transform: scale3d(1.05, 1.05, 1.05); |
|
transform: scale3d(1.05, 1.05, 1.05); |
|
} |
|
|
|
to { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
} |
|
|
|
@keyframes pulse { |
|
from { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
|
|
50% { |
|
-webkit-transform: scale3d(1.05, 1.05, 1.05); |
|
transform: scale3d(1.05, 1.05, 1.05); |
|
} |
|
|
|
to { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
} |
|
|
|
.pulse { |
|
-webkit-animation-name: pulse; |
|
animation-name: pulse; |
|
} |
|
|
|
@-webkit-keyframes rubberBand { |
|
from { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
|
|
30% { |
|
-webkit-transform: scale3d(1.25, 0.75, 1); |
|
transform: scale3d(1.25, 0.75, 1); |
|
} |
|
|
|
40% { |
|
-webkit-transform: scale3d(0.75, 1.25, 1); |
|
transform: scale3d(0.75, 1.25, 1); |
|
} |
|
|
|
50% { |
|
-webkit-transform: scale3d(1.15, 0.85, 1); |
|
transform: scale3d(1.15, 0.85, 1); |
|
} |
|
|
|
65% { |
|
-webkit-transform: scale3d(0.95, 1.05, 1); |
|
transform: scale3d(0.95, 1.05, 1); |
|
} |
|
|
|
75% { |
|
-webkit-transform: scale3d(1.05, 0.95, 1); |
|
transform: scale3d(1.05, 0.95, 1); |
|
} |
|
|
|
to { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
} |
|
|
|
@keyframes rubberBand { |
|
from { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
|
|
30% { |
|
-webkit-transform: scale3d(1.25, 0.75, 1); |
|
transform: scale3d(1.25, 0.75, 1); |
|
} |
|
|
|
40% { |
|
-webkit-transform: scale3d(0.75, 1.25, 1); |
|
transform: scale3d(0.75, 1.25, 1); |
|
} |
|
|
|
50% { |
|
-webkit-transform: scale3d(1.15, 0.85, 1); |
|
transform: scale3d(1.15, 0.85, 1); |
|
} |
|
|
|
65% { |
|
-webkit-transform: scale3d(0.95, 1.05, 1); |
|
transform: scale3d(0.95, 1.05, 1); |
|
} |
|
|
|
75% { |
|
-webkit-transform: scale3d(1.05, 0.95, 1); |
|
transform: scale3d(1.05, 0.95, 1); |
|
} |
|
|
|
to { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
} |
|
|
|
.rubberBand { |
|
-webkit-animation-name: rubberBand; |
|
animation-name: rubberBand; |
|
} |
|
|
|
@-webkit-keyframes shake { |
|
from, |
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
10%, |
|
30%, |
|
50%, |
|
70%, |
|
90% { |
|
-webkit-transform: translate3d(-10px, 0, 0); |
|
transform: translate3d(-10px, 0, 0); |
|
} |
|
|
|
20%, |
|
40%, |
|
60%, |
|
80% { |
|
-webkit-transform: translate3d(10px, 0, 0); |
|
transform: translate3d(10px, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes shake { |
|
from, |
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
10%, |
|
30%, |
|
50%, |
|
70%, |
|
90% { |
|
-webkit-transform: translate3d(-10px, 0, 0); |
|
transform: translate3d(-10px, 0, 0); |
|
} |
|
|
|
20%, |
|
40%, |
|
60%, |
|
80% { |
|
-webkit-transform: translate3d(10px, 0, 0); |
|
transform: translate3d(10px, 0, 0); |
|
} |
|
} |
|
|
|
.shake { |
|
-webkit-animation-name: shake; |
|
animation-name: shake; |
|
} |
|
|
|
@-webkit-keyframes headShake { |
|
0% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
|
|
6.5% { |
|
-webkit-transform: translateX(-6px) rotateY(-9deg); |
|
transform: translateX(-6px) rotateY(-9deg); |
|
} |
|
|
|
18.5% { |
|
-webkit-transform: translateX(5px) rotateY(7deg); |
|
transform: translateX(5px) rotateY(7deg); |
|
} |
|
|
|
31.5% { |
|
-webkit-transform: translateX(-3px) rotateY(-5deg); |
|
transform: translateX(-3px) rotateY(-5deg); |
|
} |
|
|
|
43.5% { |
|
-webkit-transform: translateX(2px) rotateY(3deg); |
|
transform: translateX(2px) rotateY(3deg); |
|
} |
|
|
|
50% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
|
|
@keyframes headShake { |
|
0% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
|
|
6.5% { |
|
-webkit-transform: translateX(-6px) rotateY(-9deg); |
|
transform: translateX(-6px) rotateY(-9deg); |
|
} |
|
|
|
18.5% { |
|
-webkit-transform: translateX(5px) rotateY(7deg); |
|
transform: translateX(5px) rotateY(7deg); |
|
} |
|
|
|
31.5% { |
|
-webkit-transform: translateX(-3px) rotateY(-5deg); |
|
transform: translateX(-3px) rotateY(-5deg); |
|
} |
|
|
|
43.5% { |
|
-webkit-transform: translateX(2px) rotateY(3deg); |
|
transform: translateX(2px) rotateY(3deg); |
|
} |
|
|
|
50% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
|
|
.headShake { |
|
-webkit-animation-timing-function: ease-in-out; |
|
animation-timing-function: ease-in-out; |
|
-webkit-animation-name: headShake; |
|
animation-name: headShake; |
|
} |
|
|
|
@-webkit-keyframes swing { |
|
20% { |
|
-webkit-transform: rotate3d(0, 0, 1, 15deg); |
|
transform: rotate3d(0, 0, 1, 15deg); |
|
} |
|
|
|
40% { |
|
-webkit-transform: rotate3d(0, 0, 1, -10deg); |
|
transform: rotate3d(0, 0, 1, -10deg); |
|
} |
|
|
|
60% { |
|
-webkit-transform: rotate3d(0, 0, 1, 5deg); |
|
transform: rotate3d(0, 0, 1, 5deg); |
|
} |
|
|
|
80% { |
|
-webkit-transform: rotate3d(0, 0, 1, -5deg); |
|
transform: rotate3d(0, 0, 1, -5deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: rotate3d(0, 0, 1, 0deg); |
|
transform: rotate3d(0, 0, 1, 0deg); |
|
} |
|
} |
|
|
|
@keyframes swing { |
|
20% { |
|
-webkit-transform: rotate3d(0, 0, 1, 15deg); |
|
transform: rotate3d(0, 0, 1, 15deg); |
|
} |
|
|
|
40% { |
|
-webkit-transform: rotate3d(0, 0, 1, -10deg); |
|
transform: rotate3d(0, 0, 1, -10deg); |
|
} |
|
|
|
60% { |
|
-webkit-transform: rotate3d(0, 0, 1, 5deg); |
|
transform: rotate3d(0, 0, 1, 5deg); |
|
} |
|
|
|
80% { |
|
-webkit-transform: rotate3d(0, 0, 1, -5deg); |
|
transform: rotate3d(0, 0, 1, -5deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: rotate3d(0, 0, 1, 0deg); |
|
transform: rotate3d(0, 0, 1, 0deg); |
|
} |
|
} |
|
|
|
.swing { |
|
-webkit-transform-origin: top center; |
|
transform-origin: top center; |
|
-webkit-animation-name: swing; |
|
animation-name: swing; |
|
} |
|
|
|
@-webkit-keyframes tada { |
|
from { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
|
|
10%, |
|
20% { |
|
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); |
|
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); |
|
} |
|
|
|
30%, |
|
50%, |
|
70%, |
|
90% { |
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); |
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); |
|
} |
|
|
|
40%, |
|
60%, |
|
80% { |
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); |
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
} |
|
|
|
@keyframes tada { |
|
from { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
|
|
10%, |
|
20% { |
|
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); |
|
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); |
|
} |
|
|
|
30%, |
|
50%, |
|
70%, |
|
90% { |
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); |
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); |
|
} |
|
|
|
40%, |
|
60%, |
|
80% { |
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); |
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
} |
|
|
|
.tada { |
|
-webkit-animation-name: tada; |
|
animation-name: tada; |
|
} |
|
|
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ |
|
|
|
@-webkit-keyframes wobble { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
15% { |
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); |
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); |
|
} |
|
|
|
30% { |
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); |
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); |
|
} |
|
|
|
45% { |
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); |
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); |
|
} |
|
|
|
60% { |
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); |
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); |
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes wobble { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
15% { |
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); |
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); |
|
} |
|
|
|
30% { |
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); |
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); |
|
} |
|
|
|
45% { |
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); |
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); |
|
} |
|
|
|
60% { |
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); |
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); |
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.wobble { |
|
-webkit-animation-name: wobble; |
|
animation-name: wobble; |
|
} |
|
|
|
@-webkit-keyframes jello { |
|
from, |
|
11.1%, |
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
22.2% { |
|
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); |
|
transform: skewX(-12.5deg) skewY(-12.5deg); |
|
} |
|
|
|
33.3% { |
|
-webkit-transform: skewX(6.25deg) skewY(6.25deg); |
|
transform: skewX(6.25deg) skewY(6.25deg); |
|
} |
|
|
|
44.4% { |
|
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); |
|
transform: skewX(-3.125deg) skewY(-3.125deg); |
|
} |
|
|
|
55.5% { |
|
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); |
|
transform: skewX(1.5625deg) skewY(1.5625deg); |
|
} |
|
|
|
66.6% { |
|
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); |
|
transform: skewX(-0.78125deg) skewY(-0.78125deg); |
|
} |
|
|
|
77.7% { |
|
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); |
|
transform: skewX(0.390625deg) skewY(0.390625deg); |
|
} |
|
|
|
88.8% { |
|
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); |
|
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); |
|
} |
|
} |
|
|
|
@keyframes jello { |
|
from, |
|
11.1%, |
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
22.2% { |
|
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); |
|
transform: skewX(-12.5deg) skewY(-12.5deg); |
|
} |
|
|
|
33.3% { |
|
-webkit-transform: skewX(6.25deg) skewY(6.25deg); |
|
transform: skewX(6.25deg) skewY(6.25deg); |
|
} |
|
|
|
44.4% { |
|
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); |
|
transform: skewX(-3.125deg) skewY(-3.125deg); |
|
} |
|
|
|
55.5% { |
|
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); |
|
transform: skewX(1.5625deg) skewY(1.5625deg); |
|
} |
|
|
|
66.6% { |
|
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); |
|
transform: skewX(-0.78125deg) skewY(-0.78125deg); |
|
} |
|
|
|
77.7% { |
|
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); |
|
transform: skewX(0.390625deg) skewY(0.390625deg); |
|
} |
|
|
|
88.8% { |
|
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); |
|
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); |
|
} |
|
} |
|
|
|
.jello { |
|
-webkit-animation-name: jello; |
|
animation-name: jello; |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
} |
|
|
|
@-webkit-keyframes heartBeat { |
|
0% { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
|
|
14% { |
|
-webkit-transform: scale(1.3); |
|
transform: scale(1.3); |
|
} |
|
|
|
28% { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
|
|
42% { |
|
-webkit-transform: scale(1.3); |
|
transform: scale(1.3); |
|
} |
|
|
|
70% { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
} |
|
|
|
@keyframes heartBeat { |
|
0% { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
|
|
14% { |
|
-webkit-transform: scale(1.3); |
|
transform: scale(1.3); |
|
} |
|
|
|
28% { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
|
|
42% { |
|
-webkit-transform: scale(1.3); |
|
transform: scale(1.3); |
|
} |
|
|
|
70% { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
} |
|
|
|
.heartBeat { |
|
-webkit-animation-name: heartBeat; |
|
animation-name: heartBeat; |
|
-webkit-animation-duration: 1.3s; |
|
animation-duration: 1.3s; |
|
-webkit-animation-timing-function: ease-in-out; |
|
animation-timing-function: ease-in-out; |
|
} |
|
|
|
@-webkit-keyframes bounceIn { |
|
from, |
|
20%, |
|
40%, |
|
60%, |
|
80%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
0% { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
|
transform: scale3d(0.3, 0.3, 0.3); |
|
} |
|
|
|
20% { |
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
|
transform: scale3d(1.1, 1.1, 1.1); |
|
} |
|
|
|
40% { |
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
|
transform: scale3d(0.9, 0.9, 0.9); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(1.03, 1.03, 1.03); |
|
transform: scale3d(1.03, 1.03, 1.03); |
|
} |
|
|
|
80% { |
|
-webkit-transform: scale3d(0.97, 0.97, 0.97); |
|
transform: scale3d(0.97, 0.97, 0.97); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
} |
|
|
|
@keyframes bounceIn { |
|
from, |
|
20%, |
|
40%, |
|
60%, |
|
80%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
0% { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
|
transform: scale3d(0.3, 0.3, 0.3); |
|
} |
|
|
|
20% { |
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
|
transform: scale3d(1.1, 1.1, 1.1); |
|
} |
|
|
|
40% { |
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
|
transform: scale3d(0.9, 0.9, 0.9); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(1.03, 1.03, 1.03); |
|
transform: scale3d(1.03, 1.03, 1.03); |
|
} |
|
|
|
80% { |
|
-webkit-transform: scale3d(0.97, 0.97, 0.97); |
|
transform: scale3d(0.97, 0.97, 0.97); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: scale3d(1, 1, 1); |
|
transform: scale3d(1, 1, 1); |
|
} |
|
} |
|
|
|
.bounceIn { |
|
-webkit-animation-duration: 0.75s; |
|
animation-duration: 0.75s; |
|
-webkit-animation-name: bounceIn; |
|
animation-name: bounceIn; |
|
} |
|
|
|
@-webkit-keyframes bounceInDown { |
|
from, |
|
60%, |
|
75%, |
|
90%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -3000px, 0); |
|
transform: translate3d(0, -3000px, 0); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 25px, 0); |
|
transform: translate3d(0, 25px, 0); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(0, -10px, 0); |
|
transform: translate3d(0, -10px, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(0, 5px, 0); |
|
transform: translate3d(0, 5px, 0); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes bounceInDown { |
|
from, |
|
60%, |
|
75%, |
|
90%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -3000px, 0); |
|
transform: translate3d(0, -3000px, 0); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 25px, 0); |
|
transform: translate3d(0, 25px, 0); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(0, -10px, 0); |
|
transform: translate3d(0, -10px, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(0, 5px, 0); |
|
transform: translate3d(0, 5px, 0); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.bounceInDown { |
|
-webkit-animation-name: bounceInDown; |
|
animation-name: bounceInDown; |
|
} |
|
|
|
@-webkit-keyframes bounceInLeft { |
|
from, |
|
60%, |
|
75%, |
|
90%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-3000px, 0, 0); |
|
transform: translate3d(-3000px, 0, 0); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(25px, 0, 0); |
|
transform: translate3d(25px, 0, 0); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(-10px, 0, 0); |
|
transform: translate3d(-10px, 0, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(5px, 0, 0); |
|
transform: translate3d(5px, 0, 0); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes bounceInLeft { |
|
from, |
|
60%, |
|
75%, |
|
90%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-3000px, 0, 0); |
|
transform: translate3d(-3000px, 0, 0); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(25px, 0, 0); |
|
transform: translate3d(25px, 0, 0); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(-10px, 0, 0); |
|
transform: translate3d(-10px, 0, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(5px, 0, 0); |
|
transform: translate3d(5px, 0, 0); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.bounceInLeft { |
|
-webkit-animation-name: bounceInLeft; |
|
animation-name: bounceInLeft; |
|
} |
|
|
|
@-webkit-keyframes bounceInRight { |
|
from, |
|
60%, |
|
75%, |
|
90%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(3000px, 0, 0); |
|
transform: translate3d(3000px, 0, 0); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(-25px, 0, 0); |
|
transform: translate3d(-25px, 0, 0); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(10px, 0, 0); |
|
transform: translate3d(10px, 0, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(-5px, 0, 0); |
|
transform: translate3d(-5px, 0, 0); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes bounceInRight { |
|
from, |
|
60%, |
|
75%, |
|
90%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(3000px, 0, 0); |
|
transform: translate3d(3000px, 0, 0); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(-25px, 0, 0); |
|
transform: translate3d(-25px, 0, 0); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(10px, 0, 0); |
|
transform: translate3d(10px, 0, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(-5px, 0, 0); |
|
transform: translate3d(-5px, 0, 0); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.bounceInRight { |
|
-webkit-animation-name: bounceInRight; |
|
animation-name: bounceInRight; |
|
} |
|
|
|
@-webkit-keyframes bounceInUp { |
|
from, |
|
60%, |
|
75%, |
|
90%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 3000px, 0); |
|
transform: translate3d(0, 3000px, 0); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, -20px, 0); |
|
transform: translate3d(0, -20px, 0); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(0, 10px, 0); |
|
transform: translate3d(0, 10px, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(0, -5px, 0); |
|
transform: translate3d(0, -5px, 0); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes bounceInUp { |
|
from, |
|
60%, |
|
75%, |
|
90%, |
|
to { |
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 3000px, 0); |
|
transform: translate3d(0, 3000px, 0); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, -20px, 0); |
|
transform: translate3d(0, -20px, 0); |
|
} |
|
|
|
75% { |
|
-webkit-transform: translate3d(0, 10px, 0); |
|
transform: translate3d(0, 10px, 0); |
|
} |
|
|
|
90% { |
|
-webkit-transform: translate3d(0, -5px, 0); |
|
transform: translate3d(0, -5px, 0); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.bounceInUp { |
|
-webkit-animation-name: bounceInUp; |
|
animation-name: bounceInUp; |
|
} |
|
|
|
@-webkit-keyframes bounceOut { |
|
20% { |
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
|
transform: scale3d(0.9, 0.9, 0.9); |
|
} |
|
|
|
50%, |
|
55% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
|
transform: scale3d(1.1, 1.1, 1.1); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
|
transform: scale3d(0.3, 0.3, 0.3); |
|
} |
|
} |
|
|
|
@keyframes bounceOut { |
|
20% { |
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
|
transform: scale3d(0.9, 0.9, 0.9); |
|
} |
|
|
|
50%, |
|
55% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
|
transform: scale3d(1.1, 1.1, 1.1); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
|
transform: scale3d(0.3, 0.3, 0.3); |
|
} |
|
} |
|
|
|
.bounceOut { |
|
-webkit-animation-duration: 0.75s; |
|
animation-duration: 0.75s; |
|
-webkit-animation-name: bounceOut; |
|
animation-name: bounceOut; |
|
} |
|
|
|
@-webkit-keyframes bounceOutDown { |
|
20% { |
|
-webkit-transform: translate3d(0, 10px, 0); |
|
transform: translate3d(0, 10px, 0); |
|
} |
|
|
|
40%, |
|
45% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, -20px, 0); |
|
transform: translate3d(0, -20px, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 2000px, 0); |
|
transform: translate3d(0, 2000px, 0); |
|
} |
|
} |
|
|
|
@keyframes bounceOutDown { |
|
20% { |
|
-webkit-transform: translate3d(0, 10px, 0); |
|
transform: translate3d(0, 10px, 0); |
|
} |
|
|
|
40%, |
|
45% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, -20px, 0); |
|
transform: translate3d(0, -20px, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 2000px, 0); |
|
transform: translate3d(0, 2000px, 0); |
|
} |
|
} |
|
|
|
.bounceOutDown { |
|
-webkit-animation-name: bounceOutDown; |
|
animation-name: bounceOutDown; |
|
} |
|
|
|
@-webkit-keyframes bounceOutLeft { |
|
20% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(20px, 0, 0); |
|
transform: translate3d(20px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-2000px, 0, 0); |
|
transform: translate3d(-2000px, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes bounceOutLeft { |
|
20% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(20px, 0, 0); |
|
transform: translate3d(20px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-2000px, 0, 0); |
|
transform: translate3d(-2000px, 0, 0); |
|
} |
|
} |
|
|
|
.bounceOutLeft { |
|
-webkit-animation-name: bounceOutLeft; |
|
animation-name: bounceOutLeft; |
|
} |
|
|
|
@-webkit-keyframes bounceOutRight { |
|
20% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(-20px, 0, 0); |
|
transform: translate3d(-20px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(2000px, 0, 0); |
|
transform: translate3d(2000px, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes bounceOutRight { |
|
20% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(-20px, 0, 0); |
|
transform: translate3d(-20px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(2000px, 0, 0); |
|
transform: translate3d(2000px, 0, 0); |
|
} |
|
} |
|
|
|
.bounceOutRight { |
|
-webkit-animation-name: bounceOutRight; |
|
animation-name: bounceOutRight; |
|
} |
|
|
|
@-webkit-keyframes bounceOutUp { |
|
20% { |
|
-webkit-transform: translate3d(0, -10px, 0); |
|
transform: translate3d(0, -10px, 0); |
|
} |
|
|
|
40%, |
|
45% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 20px, 0); |
|
transform: translate3d(0, 20px, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -2000px, 0); |
|
transform: translate3d(0, -2000px, 0); |
|
} |
|
} |
|
|
|
@keyframes bounceOutUp { |
|
20% { |
|
-webkit-transform: translate3d(0, -10px, 0); |
|
transform: translate3d(0, -10px, 0); |
|
} |
|
|
|
40%, |
|
45% { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 20px, 0); |
|
transform: translate3d(0, 20px, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -2000px, 0); |
|
transform: translate3d(0, -2000px, 0); |
|
} |
|
} |
|
|
|
.bounceOutUp { |
|
-webkit-animation-name: bounceOutUp; |
|
animation-name: bounceOutUp; |
|
} |
|
|
|
@-webkit-keyframes fadeIn { |
|
from { |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
} |
|
} |
|
|
|
@keyframes fadeIn { |
|
from { |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
} |
|
} |
|
|
|
.fadeIn { |
|
-webkit-animation-name: fadeIn; |
|
animation-name: fadeIn; |
|
} |
|
|
|
@-webkit-keyframes fadeInDown { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -100%, 0); |
|
transform: translate3d(0, -100%, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeInDown { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -100%, 0); |
|
transform: translate3d(0, -100%, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.fadeInDown { |
|
-webkit-animation-name: fadeInDown; |
|
animation-name: fadeInDown; |
|
} |
|
|
|
@-webkit-keyframes fadeInDownBig { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -2000px, 0); |
|
transform: translate3d(0, -2000px, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeInDownBig { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -2000px, 0); |
|
transform: translate3d(0, -2000px, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.fadeInDownBig { |
|
-webkit-animation-name: fadeInDownBig; |
|
animation-name: fadeInDownBig; |
|
} |
|
|
|
@-webkit-keyframes fadeInLeft { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeInLeft { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.fadeInLeft { |
|
-webkit-animation-name: fadeInLeft; |
|
animation-name: fadeInLeft; |
|
} |
|
|
|
@-webkit-keyframes fadeInLeftBig { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-2000px, 0, 0); |
|
transform: translate3d(-2000px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeInLeftBig { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-2000px, 0, 0); |
|
transform: translate3d(-2000px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.fadeInLeftBig { |
|
-webkit-animation-name: fadeInLeftBig; |
|
animation-name: fadeInLeftBig; |
|
} |
|
|
|
@-webkit-keyframes fadeInRight { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeInRight { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.fadeInRight { |
|
-webkit-animation-name: fadeInRight; |
|
animation-name: fadeInRight; |
|
} |
|
|
|
@-webkit-keyframes fadeInRightBig { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(2000px, 0, 0); |
|
transform: translate3d(2000px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeInRightBig { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(2000px, 0, 0); |
|
transform: translate3d(2000px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.fadeInRightBig { |
|
-webkit-animation-name: fadeInRightBig; |
|
animation-name: fadeInRightBig; |
|
} |
|
|
|
@-webkit-keyframes fadeInUp { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeInUp { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.fadeInUp { |
|
-webkit-animation-name: fadeInUp; |
|
animation-name: fadeInUp; |
|
} |
|
|
|
@-webkit-keyframes fadeInUpBig { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 2000px, 0); |
|
transform: translate3d(0, 2000px, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeInUpBig { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 2000px, 0); |
|
transform: translate3d(0, 2000px, 0); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.fadeInUpBig { |
|
-webkit-animation-name: fadeInUpBig; |
|
animation-name: fadeInUpBig; |
|
} |
|
|
|
@-webkit-keyframes fadeOut { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes fadeOut { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.fadeOut { |
|
-webkit-animation-name: fadeOut; |
|
animation-name: fadeOut; |
|
} |
|
|
|
@-webkit-keyframes fadeOutDown { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeOutDown { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
} |
|
} |
|
|
|
.fadeOutDown { |
|
-webkit-animation-name: fadeOutDown; |
|
animation-name: fadeOutDown; |
|
} |
|
|
|
@-webkit-keyframes fadeOutDownBig { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 2000px, 0); |
|
transform: translate3d(0, 2000px, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeOutDownBig { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, 2000px, 0); |
|
transform: translate3d(0, 2000px, 0); |
|
} |
|
} |
|
|
|
.fadeOutDownBig { |
|
-webkit-animation-name: fadeOutDownBig; |
|
animation-name: fadeOutDownBig; |
|
} |
|
|
|
@-webkit-keyframes fadeOutLeft { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeOutLeft { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
} |
|
} |
|
|
|
.fadeOutLeft { |
|
-webkit-animation-name: fadeOutLeft; |
|
animation-name: fadeOutLeft; |
|
} |
|
|
|
@-webkit-keyframes fadeOutLeftBig { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-2000px, 0, 0); |
|
transform: translate3d(-2000px, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeOutLeftBig { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-2000px, 0, 0); |
|
transform: translate3d(-2000px, 0, 0); |
|
} |
|
} |
|
|
|
.fadeOutLeftBig { |
|
-webkit-animation-name: fadeOutLeftBig; |
|
animation-name: fadeOutLeftBig; |
|
} |
|
|
|
@-webkit-keyframes fadeOutRight { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeOutRight { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
} |
|
} |
|
|
|
.fadeOutRight { |
|
-webkit-animation-name: fadeOutRight; |
|
animation-name: fadeOutRight; |
|
} |
|
|
|
@-webkit-keyframes fadeOutRightBig { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(2000px, 0, 0); |
|
transform: translate3d(2000px, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeOutRightBig { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(2000px, 0, 0); |
|
transform: translate3d(2000px, 0, 0); |
|
} |
|
} |
|
|
|
.fadeOutRightBig { |
|
-webkit-animation-name: fadeOutRightBig; |
|
animation-name: fadeOutRightBig; |
|
} |
|
|
|
@-webkit-keyframes fadeOutUp { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -100%, 0); |
|
transform: translate3d(0, -100%, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeOutUp { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -100%, 0); |
|
transform: translate3d(0, -100%, 0); |
|
} |
|
} |
|
|
|
.fadeOutUp { |
|
-webkit-animation-name: fadeOutUp; |
|
animation-name: fadeOutUp; |
|
} |
|
|
|
@-webkit-keyframes fadeOutUpBig { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -2000px, 0); |
|
transform: translate3d(0, -2000px, 0); |
|
} |
|
} |
|
|
|
@keyframes fadeOutUpBig { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(0, -2000px, 0); |
|
transform: translate3d(0, -2000px, 0); |
|
} |
|
} |
|
|
|
.fadeOutUpBig { |
|
-webkit-animation-name: fadeOutUpBig; |
|
animation-name: fadeOutUpBig; |
|
} |
|
|
|
@-webkit-keyframes flip { |
|
from { |
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, -360deg); |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); |
|
-webkit-animation-timing-function: ease-out; |
|
animation-timing-function: ease-out; |
|
} |
|
|
|
40% { |
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -190deg); |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -190deg); |
|
-webkit-animation-timing-function: ease-out; |
|
animation-timing-function: ease-out; |
|
} |
|
|
|
50% { |
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -170deg); |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -170deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
80% { |
|
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, 0deg); |
|
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, 0deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, 0deg); |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
} |
|
|
|
@keyframes flip { |
|
from { |
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, -360deg); |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); |
|
-webkit-animation-timing-function: ease-out; |
|
animation-timing-function: ease-out; |
|
} |
|
|
|
40% { |
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -190deg); |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -190deg); |
|
-webkit-animation-timing-function: ease-out; |
|
animation-timing-function: ease-out; |
|
} |
|
|
|
50% { |
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -170deg); |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) |
|
rotate3d(0, 1, 0, -170deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
80% { |
|
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, 0deg); |
|
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, 0deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) |
|
rotate3d(0, 1, 0, 0deg); |
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
} |
|
|
|
.animated.flip { |
|
-webkit-backface-visibility: visible; |
|
backface-visibility: visible; |
|
-webkit-animation-name: flip; |
|
animation-name: flip; |
|
} |
|
|
|
@-webkit-keyframes flipInX { |
|
from { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
opacity: 0; |
|
} |
|
|
|
40% { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
60% { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg); |
|
opacity: 1; |
|
} |
|
|
|
80% { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px); |
|
transform: perspective(400px); |
|
} |
|
} |
|
|
|
@keyframes flipInX { |
|
from { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
opacity: 0; |
|
} |
|
|
|
40% { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
60% { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg); |
|
opacity: 1; |
|
} |
|
|
|
80% { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px); |
|
transform: perspective(400px); |
|
} |
|
} |
|
|
|
.flipInX { |
|
-webkit-backface-visibility: visible !important; |
|
backface-visibility: visible !important; |
|
-webkit-animation-name: flipInX; |
|
animation-name: flipInX; |
|
} |
|
|
|
@-webkit-keyframes flipInY { |
|
from { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
opacity: 0; |
|
} |
|
|
|
40% { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
60% { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
|
opacity: 1; |
|
} |
|
|
|
80% { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px); |
|
transform: perspective(400px); |
|
} |
|
} |
|
|
|
@keyframes flipInY { |
|
from { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
opacity: 0; |
|
} |
|
|
|
40% { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
60% { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
|
opacity: 1; |
|
} |
|
|
|
80% { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px); |
|
transform: perspective(400px); |
|
} |
|
} |
|
|
|
.flipInY { |
|
-webkit-backface-visibility: visible !important; |
|
backface-visibility: visible !important; |
|
-webkit-animation-name: flipInY; |
|
animation-name: flipInY; |
|
} |
|
|
|
@-webkit-keyframes flipOutX { |
|
from { |
|
-webkit-transform: perspective(400px); |
|
transform: perspective(400px); |
|
} |
|
|
|
30% { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes flipOutX { |
|
from { |
|
-webkit-transform: perspective(400px); |
|
transform: perspective(400px); |
|
} |
|
|
|
30% { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.flipOutX { |
|
-webkit-animation-duration: 0.75s; |
|
animation-duration: 0.75s; |
|
-webkit-animation-name: flipOutX; |
|
animation-name: flipOutX; |
|
-webkit-backface-visibility: visible !important; |
|
backface-visibility: visible !important; |
|
} |
|
|
|
@-webkit-keyframes flipOutY { |
|
from { |
|
-webkit-transform: perspective(400px); |
|
transform: perspective(400px); |
|
} |
|
|
|
30% { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg); |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes flipOutY { |
|
from { |
|
-webkit-transform: perspective(400px); |
|
transform: perspective(400px); |
|
} |
|
|
|
30% { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg); |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.flipOutY { |
|
-webkit-animation-duration: 0.75s; |
|
animation-duration: 0.75s; |
|
-webkit-backface-visibility: visible !important; |
|
backface-visibility: visible !important; |
|
-webkit-animation-name: flipOutY; |
|
animation-name: flipOutY; |
|
} |
|
|
|
@-webkit-keyframes lightSpeedIn { |
|
from { |
|
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); |
|
transform: translate3d(100%, 0, 0) skewX(-30deg); |
|
opacity: 0; |
|
} |
|
|
|
60% { |
|
-webkit-transform: skewX(20deg); |
|
transform: skewX(20deg); |
|
opacity: 1; |
|
} |
|
|
|
80% { |
|
-webkit-transform: skewX(-5deg); |
|
transform: skewX(-5deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes lightSpeedIn { |
|
from { |
|
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); |
|
transform: translate3d(100%, 0, 0) skewX(-30deg); |
|
opacity: 0; |
|
} |
|
|
|
60% { |
|
-webkit-transform: skewX(20deg); |
|
transform: skewX(20deg); |
|
opacity: 1; |
|
} |
|
|
|
80% { |
|
-webkit-transform: skewX(-5deg); |
|
transform: skewX(-5deg); |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.lightSpeedIn { |
|
-webkit-animation-name: lightSpeedIn; |
|
animation-name: lightSpeedIn; |
|
-webkit-animation-timing-function: ease-out; |
|
animation-timing-function: ease-out; |
|
} |
|
|
|
@-webkit-keyframes lightSpeedOut { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); |
|
transform: translate3d(100%, 0, 0) skewX(30deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes lightSpeedOut { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); |
|
transform: translate3d(100%, 0, 0) skewX(30deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.lightSpeedOut { |
|
-webkit-animation-name: lightSpeedOut; |
|
animation-name: lightSpeedOut; |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
|
|
@-webkit-keyframes rotateIn { |
|
from { |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
-webkit-transform: rotate3d(0, 0, 1, -200deg); |
|
transform: rotate3d(0, 0, 1, -200deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
@keyframes rotateIn { |
|
from { |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
-webkit-transform: rotate3d(0, 0, 1, -200deg); |
|
transform: rotate3d(0, 0, 1, -200deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
.rotateIn { |
|
-webkit-animation-name: rotateIn; |
|
animation-name: rotateIn; |
|
} |
|
|
|
@-webkit-keyframes rotateInDownLeft { |
|
from { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, -45deg); |
|
transform: rotate3d(0, 0, 1, -45deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
@keyframes rotateInDownLeft { |
|
from { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, -45deg); |
|
transform: rotate3d(0, 0, 1, -45deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
.rotateInDownLeft { |
|
-webkit-animation-name: rotateInDownLeft; |
|
animation-name: rotateInDownLeft; |
|
} |
|
|
|
@-webkit-keyframes rotateInDownRight { |
|
from { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, 45deg); |
|
transform: rotate3d(0, 0, 1, 45deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
@keyframes rotateInDownRight { |
|
from { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, 45deg); |
|
transform: rotate3d(0, 0, 1, 45deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
.rotateInDownRight { |
|
-webkit-animation-name: rotateInDownRight; |
|
animation-name: rotateInDownRight; |
|
} |
|
|
|
@-webkit-keyframes rotateInUpLeft { |
|
from { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, 45deg); |
|
transform: rotate3d(0, 0, 1, 45deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
@keyframes rotateInUpLeft { |
|
from { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, 45deg); |
|
transform: rotate3d(0, 0, 1, 45deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
.rotateInUpLeft { |
|
-webkit-animation-name: rotateInUpLeft; |
|
animation-name: rotateInUpLeft; |
|
} |
|
|
|
@-webkit-keyframes rotateInUpRight { |
|
from { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, -90deg); |
|
transform: rotate3d(0, 0, 1, -90deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
@keyframes rotateInUpRight { |
|
from { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, -90deg); |
|
transform: rotate3d(0, 0, 1, -90deg); |
|
opacity: 0; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
opacity: 1; |
|
} |
|
} |
|
|
|
.rotateInUpRight { |
|
-webkit-animation-name: rotateInUpRight; |
|
animation-name: rotateInUpRight; |
|
} |
|
|
|
@-webkit-keyframes rotateOut { |
|
from { |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
-webkit-transform: rotate3d(0, 0, 1, 200deg); |
|
transform: rotate3d(0, 0, 1, 200deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes rotateOut { |
|
from { |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: center; |
|
transform-origin: center; |
|
-webkit-transform: rotate3d(0, 0, 1, 200deg); |
|
transform: rotate3d(0, 0, 1, 200deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.rotateOut { |
|
-webkit-animation-name: rotateOut; |
|
animation-name: rotateOut; |
|
} |
|
|
|
@-webkit-keyframes rotateOutDownLeft { |
|
from { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, 45deg); |
|
transform: rotate3d(0, 0, 1, 45deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes rotateOutDownLeft { |
|
from { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, 45deg); |
|
transform: rotate3d(0, 0, 1, 45deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.rotateOutDownLeft { |
|
-webkit-animation-name: rotateOutDownLeft; |
|
animation-name: rotateOutDownLeft; |
|
} |
|
|
|
@-webkit-keyframes rotateOutDownRight { |
|
from { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, -45deg); |
|
transform: rotate3d(0, 0, 1, -45deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes rotateOutDownRight { |
|
from { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, -45deg); |
|
transform: rotate3d(0, 0, 1, -45deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.rotateOutDownRight { |
|
-webkit-animation-name: rotateOutDownRight; |
|
animation-name: rotateOutDownRight; |
|
} |
|
|
|
@-webkit-keyframes rotateOutUpLeft { |
|
from { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, -45deg); |
|
transform: rotate3d(0, 0, 1, -45deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes rotateOutUpLeft { |
|
from { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: left bottom; |
|
transform-origin: left bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, -45deg); |
|
transform: rotate3d(0, 0, 1, -45deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.rotateOutUpLeft { |
|
-webkit-animation-name: rotateOutUpLeft; |
|
animation-name: rotateOutUpLeft; |
|
} |
|
|
|
@-webkit-keyframes rotateOutUpRight { |
|
from { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, 90deg); |
|
transform: rotate3d(0, 0, 1, 90deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes rotateOutUpRight { |
|
from { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform-origin: right bottom; |
|
transform-origin: right bottom; |
|
-webkit-transform: rotate3d(0, 0, 1, 90deg); |
|
transform: rotate3d(0, 0, 1, 90deg); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.rotateOutUpRight { |
|
-webkit-animation-name: rotateOutUpRight; |
|
animation-name: rotateOutUpRight; |
|
} |
|
|
|
@-webkit-keyframes hinge { |
|
0% { |
|
-webkit-transform-origin: top left; |
|
transform-origin: top left; |
|
-webkit-animation-timing-function: ease-in-out; |
|
animation-timing-function: ease-in-out; |
|
} |
|
|
|
20%, |
|
60% { |
|
-webkit-transform: rotate3d(0, 0, 1, 80deg); |
|
transform: rotate3d(0, 0, 1, 80deg); |
|
-webkit-transform-origin: top left; |
|
transform-origin: top left; |
|
-webkit-animation-timing-function: ease-in-out; |
|
animation-timing-function: ease-in-out; |
|
} |
|
|
|
40%, |
|
80% { |
|
-webkit-transform: rotate3d(0, 0, 1, 60deg); |
|
transform: rotate3d(0, 0, 1, 60deg); |
|
-webkit-transform-origin: top left; |
|
transform-origin: top left; |
|
-webkit-animation-timing-function: ease-in-out; |
|
animation-timing-function: ease-in-out; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 700px, 0); |
|
transform: translate3d(0, 700px, 0); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes hinge { |
|
0% { |
|
-webkit-transform-origin: top left; |
|
transform-origin: top left; |
|
-webkit-animation-timing-function: ease-in-out; |
|
animation-timing-function: ease-in-out; |
|
} |
|
|
|
20%, |
|
60% { |
|
-webkit-transform: rotate3d(0, 0, 1, 80deg); |
|
transform: rotate3d(0, 0, 1, 80deg); |
|
-webkit-transform-origin: top left; |
|
transform-origin: top left; |
|
-webkit-animation-timing-function: ease-in-out; |
|
animation-timing-function: ease-in-out; |
|
} |
|
|
|
40%, |
|
80% { |
|
-webkit-transform: rotate3d(0, 0, 1, 60deg); |
|
transform: rotate3d(0, 0, 1, 60deg); |
|
-webkit-transform-origin: top left; |
|
transform-origin: top left; |
|
-webkit-animation-timing-function: ease-in-out; |
|
animation-timing-function: ease-in-out; |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 700px, 0); |
|
transform: translate3d(0, 700px, 0); |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.hinge { |
|
-webkit-animation-duration: 2s; |
|
animation-duration: 2s; |
|
-webkit-animation-name: hinge; |
|
animation-name: hinge; |
|
} |
|
|
|
@-webkit-keyframes jackInTheBox { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale(0.1) rotate(30deg); |
|
transform: scale(0.1) rotate(30deg); |
|
-webkit-transform-origin: center bottom; |
|
transform-origin: center bottom; |
|
} |
|
|
|
50% { |
|
-webkit-transform: rotate(-10deg); |
|
transform: rotate(-10deg); |
|
} |
|
|
|
70% { |
|
-webkit-transform: rotate(3deg); |
|
transform: rotate(3deg); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
} |
|
|
|
@keyframes jackInTheBox { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale(0.1) rotate(30deg); |
|
transform: scale(0.1) rotate(30deg); |
|
-webkit-transform-origin: center bottom; |
|
transform-origin: center bottom; |
|
} |
|
|
|
50% { |
|
-webkit-transform: rotate(-10deg); |
|
transform: rotate(-10deg); |
|
} |
|
|
|
70% { |
|
-webkit-transform: rotate(3deg); |
|
transform: rotate(3deg); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
} |
|
|
|
.jackInTheBox { |
|
-webkit-animation-name: jackInTheBox; |
|
animation-name: jackInTheBox; |
|
} |
|
|
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ |
|
|
|
@-webkit-keyframes rollIn { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); |
|
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes rollIn { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); |
|
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); |
|
} |
|
|
|
to { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.rollIn { |
|
-webkit-animation-name: rollIn; |
|
animation-name: rollIn; |
|
} |
|
|
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ |
|
|
|
@-webkit-keyframes rollOut { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); |
|
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); |
|
} |
|
} |
|
|
|
@keyframes rollOut { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); |
|
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); |
|
} |
|
} |
|
|
|
.rollOut { |
|
-webkit-animation-name: rollOut; |
|
animation-name: rollOut; |
|
} |
|
|
|
@-webkit-keyframes zoomIn { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
|
transform: scale3d(0.3, 0.3, 0.3); |
|
} |
|
|
|
50% { |
|
opacity: 1; |
|
} |
|
} |
|
|
|
@keyframes zoomIn { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
|
transform: scale3d(0.3, 0.3, 0.3); |
|
} |
|
|
|
50% { |
|
opacity: 1; |
|
} |
|
} |
|
|
|
.zoomIn { |
|
-webkit-animation-name: zoomIn; |
|
animation-name: zoomIn; |
|
} |
|
|
|
@-webkit-keyframes zoomInDown { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
@keyframes zoomInDown { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
.zoomInDown { |
|
-webkit-animation-name: zoomInDown; |
|
animation-name: zoomInDown; |
|
} |
|
|
|
@-webkit-keyframes zoomInLeft { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
@keyframes zoomInLeft { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
.zoomInLeft { |
|
-webkit-animation-name: zoomInLeft; |
|
animation-name: zoomInLeft; |
|
} |
|
|
|
@-webkit-keyframes zoomInRight { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
@keyframes zoomInRight { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
.zoomInRight { |
|
-webkit-animation-name: zoomInRight; |
|
animation-name: zoomInRight; |
|
} |
|
|
|
@-webkit-keyframes zoomInUp { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
@keyframes zoomInUp { |
|
from { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
60% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
.zoomInUp { |
|
-webkit-animation-name: zoomInUp; |
|
animation-name: zoomInUp; |
|
} |
|
|
|
@-webkit-keyframes zoomOut { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
50% { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
|
transform: scale3d(0.3, 0.3, 0.3); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
} |
|
} |
|
|
|
@keyframes zoomOut { |
|
from { |
|
opacity: 1; |
|
} |
|
|
|
50% { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
|
transform: scale3d(0.3, 0.3, 0.3); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
} |
|
} |
|
|
|
.zoomOut { |
|
-webkit-animation-name: zoomOut; |
|
animation-name: zoomOut; |
|
} |
|
|
|
@-webkit-keyframes zoomOutDown { |
|
40% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); |
|
-webkit-transform-origin: center bottom; |
|
transform-origin: center bottom; |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
@keyframes zoomOutDown { |
|
40% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); |
|
-webkit-transform-origin: center bottom; |
|
transform-origin: center bottom; |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
.zoomOutDown { |
|
-webkit-animation-name: zoomOutDown; |
|
animation-name: zoomOutDown; |
|
} |
|
|
|
@-webkit-keyframes zoomOutLeft { |
|
40% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); |
|
transform: scale(0.1) translate3d(-2000px, 0, 0); |
|
-webkit-transform-origin: left center; |
|
transform-origin: left center; |
|
} |
|
} |
|
|
|
@keyframes zoomOutLeft { |
|
40% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); |
|
transform: scale(0.1) translate3d(-2000px, 0, 0); |
|
-webkit-transform-origin: left center; |
|
transform-origin: left center; |
|
} |
|
} |
|
|
|
.zoomOutLeft { |
|
-webkit-animation-name: zoomOutLeft; |
|
animation-name: zoomOutLeft; |
|
} |
|
|
|
@-webkit-keyframes zoomOutRight { |
|
40% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0); |
|
transform: scale(0.1) translate3d(2000px, 0, 0); |
|
-webkit-transform-origin: right center; |
|
transform-origin: right center; |
|
} |
|
} |
|
|
|
@keyframes zoomOutRight { |
|
40% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0); |
|
transform: scale(0.1) translate3d(2000px, 0, 0); |
|
-webkit-transform-origin: right center; |
|
transform-origin: right center; |
|
} |
|
} |
|
|
|
.zoomOutRight { |
|
-webkit-animation-name: zoomOutRight; |
|
animation-name: zoomOutRight; |
|
} |
|
|
|
@-webkit-keyframes zoomOutUp { |
|
40% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); |
|
-webkit-transform-origin: center bottom; |
|
transform-origin: center bottom; |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
@keyframes zoomOutUp { |
|
40% { |
|
opacity: 1; |
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); |
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); |
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
|
|
to { |
|
opacity: 0; |
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); |
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); |
|
-webkit-transform-origin: center bottom; |
|
transform-origin: center bottom; |
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); |
|
} |
|
} |
|
|
|
.zoomOutUp { |
|
-webkit-animation-name: zoomOutUp; |
|
animation-name: zoomOutUp; |
|
} |
|
|
|
@-webkit-keyframes slideInDown { |
|
from { |
|
-webkit-transform: translate3d(0, -100%, 0); |
|
transform: translate3d(0, -100%, 0); |
|
visibility: visible; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes slideInDown { |
|
from { |
|
-webkit-transform: translate3d(0, -100%, 0); |
|
transform: translate3d(0, -100%, 0); |
|
visibility: visible; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.slideInDown { |
|
-webkit-animation-name: slideInDown; |
|
animation-name: slideInDown; |
|
} |
|
|
|
@-webkit-keyframes slideInLeft { |
|
from { |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
visibility: visible; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes slideInLeft { |
|
from { |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
visibility: visible; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.slideInLeft { |
|
-webkit-animation-name: slideInLeft; |
|
animation-name: slideInLeft; |
|
} |
|
|
|
@-webkit-keyframes slideInRight { |
|
from { |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
visibility: visible; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes slideInRight { |
|
from { |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
visibility: visible; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.slideInRight { |
|
-webkit-animation-name: slideInRight; |
|
animation-name: slideInRight; |
|
} |
|
|
|
@-webkit-keyframes slideInUp { |
|
from { |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
visibility: visible; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes slideInUp { |
|
from { |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
visibility: visible; |
|
} |
|
|
|
to { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
} |
|
|
|
.slideInUp { |
|
-webkit-animation-name: slideInUp; |
|
animation-name: slideInUp; |
|
} |
|
|
|
@-webkit-keyframes slideOutDown { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
to { |
|
visibility: hidden; |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
} |
|
} |
|
|
|
@keyframes slideOutDown { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
to { |
|
visibility: hidden; |
|
-webkit-transform: translate3d(0, 100%, 0); |
|
transform: translate3d(0, 100%, 0); |
|
} |
|
} |
|
|
|
.slideOutDown { |
|
-webkit-animation-name: slideOutDown; |
|
animation-name: slideOutDown; |
|
} |
|
|
|
@-webkit-keyframes slideOutLeft { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
to { |
|
visibility: hidden; |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes slideOutLeft { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
to { |
|
visibility: hidden; |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
} |
|
} |
|
|
|
.slideOutLeft { |
|
-webkit-animation-name: slideOutLeft; |
|
animation-name: slideOutLeft; |
|
} |
|
|
|
@-webkit-keyframes slideOutRight { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
to { |
|
visibility: hidden; |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
} |
|
} |
|
|
|
@keyframes slideOutRight { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
to { |
|
visibility: hidden; |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
} |
|
} |
|
|
|
.slideOutRight { |
|
-webkit-animation-name: slideOutRight; |
|
animation-name: slideOutRight; |
|
} |
|
|
|
@-webkit-keyframes slideOutUp { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
to { |
|
visibility: hidden; |
|
-webkit-transform: translate3d(0, -100%, 0); |
|
transform: translate3d(0, -100%, 0); |
|
} |
|
} |
|
|
|
@keyframes slideOutUp { |
|
from { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
|
|
to { |
|
visibility: hidden; |
|
-webkit-transform: translate3d(0, -100%, 0); |
|
transform: translate3d(0, -100%, 0); |
|
} |
|
} |
|
|
|
.slideOutUp { |
|
-webkit-animation-name: slideOutUp; |
|
animation-name: slideOutUp; |
|
} |
|
|
|
.animated { |
|
-webkit-animation-duration: 1s; |
|
animation-duration: 1s; |
|
-webkit-animation-fill-mode: both; |
|
animation-fill-mode: both; |
|
} |
|
|
|
.animated.infinite { |
|
-webkit-animation-iteration-count: infinite; |
|
animation-iteration-count: infinite; |
|
} |
|
|
|
.animated.delay-1s { |
|
-webkit-animation-delay: 1s; |
|
animation-delay: 1s; |
|
} |
|
|
|
.animated.delay-2s { |
|
-webkit-animation-delay: 2s; |
|
animation-delay: 2s; |
|
} |
|
|
|
.animated.delay-3s { |
|
-webkit-animation-delay: 3s; |
|
animation-delay: 3s; |
|
} |
|
|
|
.animated.delay-4s { |
|
-webkit-animation-delay: 4s; |
|
animation-delay: 4s; |
|
} |
|
|
|
.animated.delay-5s { |
|
-webkit-animation-delay: 5s; |
|
animation-delay: 5s; |
|
} |
|
|
|
.animated.fast { |
|
-webkit-animation-duration: 800ms; |
|
animation-duration: 800ms; |
|
} |
|
|
|
.animated.faster { |
|
-webkit-animation-duration: 500ms; |
|
animation-duration: 500ms; |
|
} |
|
|
|
.animated.slow { |
|
-webkit-animation-duration: 2s; |
|
animation-duration: 2s; |
|
} |
|
|
|
.animated.slower { |
|
-webkit-animation-duration: 3s; |
|
animation-duration: 3s; |
|
} |
|
|
|
@media (print), (prefers-reduced-motion: reduce) { |
|
.animated { |
|
-webkit-animation-duration: 1ms !important; |
|
animation-duration: 1ms !important; |
|
-webkit-transition-duration: 1ms !important; |
|
transition-duration: 1ms !important; |
|
-webkit-animation-iteration-count: 1 !important; |
|
animation-iteration-count: 1 !important; |
|
} |
|
} |
|
|
|
|