1009 lines
23 KiB
Plaintext
1009 lines
23 KiB
Plaintext
/**app.wxss**/
|
|
.wxParse-inline {
|
|
display: inline;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 0;
|
|
height: 0;
|
|
color: transparent;
|
|
}
|
|
|
|
.container {
|
|
min-height: 100vh;
|
|
font-family: 'microsoft yahei';
|
|
box-sizing: border-box;
|
|
font-size: 28rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.color-c,
|
|
.placeholder {
|
|
color: #ccc;
|
|
}
|
|
|
|
.color-9 {
|
|
color: #999;
|
|
}
|
|
|
|
view {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.newbtn {
|
|
width: 57rpx;
|
|
height: 19rpx;
|
|
display: inline-block;
|
|
margin-right: 8rpx;
|
|
/*margin-right: 10rpx;*/
|
|
vertical-align: middle;
|
|
padding-right: 25rpx;
|
|
}
|
|
|
|
.hotbtn {
|
|
width: 49rpx;
|
|
height: 19rpx;
|
|
display: inline-block;
|
|
margin-right: 8rpx;
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
.imgbtn {
|
|
width: 32rpx;
|
|
height: 24rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.videobtn {
|
|
width: 32rpx;
|
|
height: 25rpx;
|
|
margin-right: 8rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.eye {
|
|
width: 32rpx;
|
|
height: 20rpx;
|
|
display: inline-block;
|
|
margin-right: 8rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.star {
|
|
width: 32rpx;
|
|
height: 30rpx;
|
|
display: inline-block;
|
|
margin-right: 8rpx;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -3rpx;
|
|
}
|
|
|
|
.time {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
display: inline-block;
|
|
margin-right: 8rpx;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -3rpx;
|
|
}
|
|
|
|
.img {
|
|
width: 40rpx;
|
|
height: 32rpx;
|
|
display: inline-block;
|
|
margin-right: 8rpx;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -3rpx;
|
|
}
|
|
|
|
.toleft {
|
|
width: 44rpx;
|
|
height: 20rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.share {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.delbtn,
|
|
.time,
|
|
.staro,
|
|
.plusgrey,
|
|
.pen,
|
|
.pengrey {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
display: inline-block;
|
|
}
|
|
|
|
.call {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 6rpx;
|
|
|
|
}
|
|
|
|
.star {
|
|
width: 32rpx;
|
|
height: 30rpx;
|
|
display: inline-block;
|
|
}
|
|
|
|
.download {
|
|
width: 40rpx;
|
|
height: 36rpx;
|
|
display: inline-block;
|
|
}
|
|
|
|
.wechat {
|
|
width: 44rpx;
|
|
height: 36rpx;
|
|
display: inline-block;
|
|
}
|
|
|
|
.location {
|
|
width: 40rpx;
|
|
height: 60rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.search_btn {
|
|
width: 20px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.tobottom {
|
|
width: 12rpx;
|
|
height: 7rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.searchbtn {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.info-list {
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.info-list .title {
|
|
color: #000;
|
|
font-size: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
line-height: 1.8em;
|
|
text-align: justify;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.info-list .title .ischeck {
|
|
display: inline-block;
|
|
width: 36rpx;
|
|
height: 28rpx;
|
|
vertical-align: middle;
|
|
margin-left: 8rpx;
|
|
}
|
|
|
|
.info-list .tips {
|
|
color: #999;
|
|
font-size: 0;
|
|
line-height: 30rpx;
|
|
|
|
}
|
|
|
|
.info-list .tips .i {
|
|
font-size: 24rpx;
|
|
display: inline-block;
|
|
}
|
|
|
|
.info-list .tips .i:not(:last-child):after {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "";
|
|
width: 6rpx;
|
|
height: 6rpx;
|
|
margin: 0 18rpx;
|
|
background: #ccc;
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
.info-list .footer {
|
|
font-size: 28rpx;
|
|
margin-top: 28rpx;
|
|
/* position: relative */
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.info-list .footer .footer-right {
|
|
/* position: absolute; */
|
|
right: 0;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.info-list .footer .footer-right view {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.info-list .footer .footer-right .stars image {
|
|
width: 21rpx;
|
|
height: 20rpx;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.info-list .footer .footer-right .stars {
|
|
margin-left: 16rpx;
|
|
}
|
|
|
|
.info-list .footer .footer-right .see image {
|
|
width: 23rpx;
|
|
height: 15rpx;
|
|
margin-right: 4px
|
|
}
|
|
|
|
.info-list .num {
|
|
font-size: 28rpx;
|
|
color: #C63E3A;
|
|
display: inline-block;
|
|
margin: 0 6rpx;
|
|
}
|
|
|
|
.info-list .agent {
|
|
/* position: absolute;
|
|
right: 0;
|
|
bottom: 0; */
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
background: #f2f2f2;
|
|
border-radius: 20rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
text-align: center;
|
|
/* width: 92rpx; */
|
|
color: #999;
|
|
font-size: 22rpx;
|
|
padding: 0 16rpx;
|
|
}
|
|
|
|
/*一级选项 */
|
|
.select-options1,
|
|
.select-options2 {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
z-index: 1002;
|
|
}
|
|
|
|
.select-options1 .black {
|
|
height: 36vh;
|
|
width: 100vw;
|
|
}
|
|
|
|
.select-options2 .black {
|
|
height: calc(36vh - 120rpx);
|
|
width: 100vw;
|
|
}
|
|
|
|
.select-options1 .box,
|
|
.select-options2 .box {
|
|
background: #fff;
|
|
height: 64vh;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100vw;
|
|
overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
color: #333;
|
|
z-index: 100;
|
|
}
|
|
|
|
.select-options2 .box {
|
|
bottom: 120rpx;
|
|
}
|
|
|
|
.select-options1 .box .li,
|
|
.select-options2 .box .li {
|
|
border-bottom: 1px solid #f2f2f2;
|
|
padding: 40rpx;
|
|
line-height: 20rpx;
|
|
}
|
|
|
|
.select-options1 .box .tips {
|
|
padding: 40rpx;
|
|
color: #999;
|
|
font-size: 13px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.select-options1 .box image,
|
|
.select-options2 .box image {
|
|
float: right;
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
}
|
|
|
|
.select-options2 .tab-box {
|
|
background: #f2f2f2;
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
position: absolute;
|
|
bottom: calc(64vh + 120rpx);
|
|
width: 100vw;
|
|
text-align: center;
|
|
font-size: 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
.select-options2 .tab-box .tab {
|
|
display: inline-block;
|
|
width: 50%;
|
|
vertical-align: middle;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.select-options2 .tab-box .active {
|
|
background: #fff;
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
|
|
.select-options2 .tab-box .red {
|
|
color: #C63E3A;
|
|
}
|
|
|
|
.select-options2 .cle {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: #f2f2f2;
|
|
text-align: center;
|
|
line-height: 120rpx;
|
|
height: 120rpx;
|
|
font-size: 28rpx;
|
|
width: 100vw;
|
|
color: #333;
|
|
}
|
|
|
|
.select-options2 .submit {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: #C63E3A;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 120rpx;
|
|
height: 120rpx;
|
|
font-size: 28rpx;
|
|
width: 100vw;
|
|
}
|
|
|
|
.loading {
|
|
width: 100vw;
|
|
height: 35px;
|
|
margin: 20px auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.loading view {
|
|
background-color: #ccc;
|
|
width: 4px;
|
|
height: 35px;
|
|
border-radius: 2px;
|
|
margin: 4px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
-webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
|
|
animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
|
|
}
|
|
|
|
.loading view:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
@-webkit-keyframes line-scale-pulse-out-rapid {
|
|
0% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: scaley(0.3);
|
|
transform: scaley(0.3);
|
|
}
|
|
|
|
90% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1);
|
|
}
|
|
}
|
|
|
|
@keyframes line-scale-pulse-out-rapid {
|
|
0% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: scaley(0.3);
|
|
transform: scaley(0.3);
|
|
}
|
|
|
|
90% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1);
|
|
}
|
|
}
|
|
|
|
|
|
.loading view:nth-child(1) {
|
|
animation-delay: 0.5s !important;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.loading view:nth-child(2) {
|
|
animation-delay: 0.25s !important;
|
|
}
|
|
|
|
.loading view:nth-child(3) {
|
|
-webkit-animation-delay: 0.39s;
|
|
}
|
|
|
|
.loading view:nth-child(4) {
|
|
animation-delay: 0.25s !important;
|
|
}
|
|
|
|
.loading view:nth-child(5) {
|
|
animation-delay: 0.5s !important;
|
|
}
|
|
|
|
.go_login {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 10000;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
|
|
.getuserbtn {
|
|
height: 100%;
|
|
background: transparent;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.getuserbtn:after {
|
|
background: transparent;
|
|
border: none
|
|
}
|
|
|
|
.submit-form {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.info-list .submit-form {
|
|
padding: 44rpx 30rpx;
|
|
}
|
|
|
|
.submit-form button {
|
|
background: transparent;
|
|
border: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 10;
|
|
}
|
|
|
|
.submit-form button::before,
|
|
.submit-form button::after {
|
|
border: none;
|
|
}
|
|
|
|
|
|
/* 内容底部栏 */
|
|
|
|
.detailFooter {}
|
|
|
|
.detailFooter .fixfooter {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
font-size: 0;
|
|
/* display: table; */
|
|
background: #f2f2f2;
|
|
line-height: 100rpx;
|
|
height: 100rpx;
|
|
text-align: center;
|
|
border-top: none;
|
|
display: flex;
|
|
}
|
|
|
|
.detailFooter .fixfooter .item {
|
|
display: inline-flex;
|
|
flex: 1;
|
|
font-size: 32rpx;
|
|
justify-content: center;
|
|
}
|
|
|
|
.detailFooter .fixfooter .item .tables {
|
|
display: flex;
|
|
}
|
|
|
|
.detailFooter .fixfooter .item .cells {
|
|
display: inline-flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.detailFooter .fixfooter .phone {
|
|
background: #62b1fe;
|
|
color: #fff;
|
|
border-top: 1px solid #62b1fe;
|
|
line-height: 100rpx;
|
|
}
|
|
|
|
.detailFooter .fixfooter .submit-form {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.detailFooter .fixfooter .cell {
|
|
width: 25%;
|
|
padding: 0;
|
|
border-top: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.detailFooter .fixfooter .staro {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
position: static;
|
|
margin: 0;
|
|
}
|
|
|
|
.detailFooter .fixfooter .star-bottom {
|
|
width: 42rpx;
|
|
height: 40rpx;
|
|
position: static;
|
|
margin: 0;
|
|
}
|
|
|
|
.detailFooter .fixfooter .share {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
|
|
.detailFooter .share-box {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
z-index: 1001;
|
|
}
|
|
|
|
.detailFooter .share-box .box {
|
|
width: 100vw;
|
|
height: 360rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
background: #fff;
|
|
font-size: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.detailFooter .whitebox {
|
|
width: 100vw;
|
|
height: calc(100vh - 360rpx);
|
|
position: absolute;
|
|
bottom: 360rpx;
|
|
font-size: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.detailFooter .share-box .name {
|
|
line-height: 120rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.detailFooter .share-box .item {
|
|
display: inline-block;
|
|
width: 50%;
|
|
font-size: 30rpx;
|
|
padding: 30rpx 0;
|
|
line-height: inherit;
|
|
vertical-align: middle;
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.detailFooter .share-box .item:after {
|
|
border: none;
|
|
}
|
|
|
|
.detailFooter .share-box .image {
|
|
display: block;
|
|
margin: 0 auto 30rpx;
|
|
}
|
|
|
|
.detailFooter .share-box .tips {
|
|
color: #999999;
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.detailFooter .share-box .title {
|
|
color: #333333;
|
|
font-size: 36rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.detailFooter .share-box .btn {
|
|
width: 220rpx;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
margin: 50rpx auto;
|
|
text-align: center;
|
|
color: #C63E3A;
|
|
font-size: 30rpx;
|
|
border: 1px solid #e8e8e8;
|
|
border-radius: 40rpx;
|
|
}
|
|
|
|
.detailFooter .index {
|
|
width: 44.8rpx;
|
|
height: 36.8rpx;
|
|
}
|
|
|
|
.iren-coupon-receive .mask {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
z-index: 1004;
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen {
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 1005;
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner {
|
|
position: relative;
|
|
width: 300px;
|
|
height: 337px;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
padding-top: 18px;
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .bg {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 308px;
|
|
height: 340px;
|
|
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .irent-title {
|
|
position: relative;
|
|
font-size: 15px;
|
|
font-family: "PingFang";
|
|
color: rgb(207, 0, 24);
|
|
font-weight: bold;
|
|
z-index: 1006;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .irent-title::before,
|
|
.iren-coupon-receive .all-over-the-screen .inner .irent-title::after {
|
|
content: "";
|
|
display: inline-block;
|
|
margin: 0 10px;
|
|
width: 15px;
|
|
height: 1px;
|
|
background: rgb(207, 0, 24);
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .name {
|
|
position: relative;
|
|
font-size: 22px;
|
|
font-family: "PingFang";
|
|
color: rgb(255, 255, 255);
|
|
font-weight: bold;
|
|
z-index: 1006;
|
|
margin: 20px 0 -3px;
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .money {
|
|
position: relative;
|
|
font-size: 22px;
|
|
font-family: "PingFang";
|
|
color: rgb(255, 201, 12);
|
|
font-weight: bold;
|
|
z-index: 1006;
|
|
text-shadow: 1px -1px 2px rgb(255, 61, 150);
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .money .num {
|
|
display: inline-block;
|
|
font-size: 66px;
|
|
font-family: "PingFang";
|
|
color: rgb(255, 201, 12);
|
|
line-height: 1.364;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .tips {
|
|
position: relative;
|
|
font-size: 12px;
|
|
font-family: "PingFang";
|
|
color: rgb(255, 255, 255);
|
|
z-index: 1006;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .btn {
|
|
position: absolute;
|
|
bottom: 12px;
|
|
left: calc(50% - 87px);
|
|
width: 173px;
|
|
height: 52px;
|
|
animation: iren-coupon-btn 1s infinite;
|
|
font-size: 23px;
|
|
color: rgb(255, 255, 255);
|
|
line-height: 52px;
|
|
text-shadow: 0px 0px 2px rgba(230, 179, 2, 0.004);
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .btn .img {
|
|
width: 173px;
|
|
height: 52px;
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .btn .text {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 173px;
|
|
height: 52px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .inner .btn .text::after {
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
display: inline-block;
|
|
border: 6px solid transparent;
|
|
border-left-color: #fff;
|
|
margin: 0 -6px 0 5px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -2px;
|
|
|
|
|
|
}
|
|
|
|
@keyframes iren-coupon-btn {
|
|
from {
|
|
transform: scale(1.03)
|
|
}
|
|
|
|
70% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1.03)
|
|
}
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .close {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
border: 2px solid #fff;
|
|
box-sizing: border-box;
|
|
bottom: -68px;
|
|
left: calc(50% - 20px);
|
|
}
|
|
|
|
.iren-coupon-receive .all-over-the-screen .close .img {
|
|
display: block;
|
|
margin: 12px auto;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
@keyframes iren-coupon-min {
|
|
from {
|
|
transform: scale(1.03)
|
|
}
|
|
|
|
70% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1.03)
|
|
}
|
|
}
|
|
|
|
.iren-coupon-receive .iren-coupon-right {
|
|
position: fixed;
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
z-index: 1003;
|
|
animation: iren-coupon-toright 0.3s;
|
|
right: 10rpx;
|
|
bottom: 280rpx;
|
|
}
|
|
|
|
.iren-coupon-receive .iren-coupon-right .small {
|
|
position: relative;
|
|
transition: all 0.2s;
|
|
opacity: 1;
|
|
right: 0;
|
|
animation: irent-shake 0.6s infinite;
|
|
}
|
|
|
|
.iren-coupon-receive .iren-coupon-right .small.hide {
|
|
opacity: 0.6;
|
|
animation: irent-hide 0.8s infinite;
|
|
}
|
|
|
|
.iren-coupon-receive .iren-coupon-right .img {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
margin: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.iren-coupon-receive .iren-coupon-right .text {
|
|
position: absolute;
|
|
font-size: 18px;
|
|
font-family: "PingFang";
|
|
color: rgb(255, 201, 12);
|
|
font-weight: bold;
|
|
z-index: 1006;
|
|
text-shadow: 1px -1px 2px rgb(255, 61, 150);
|
|
width: 100%;
|
|
top: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
@keyframes iren-coupon-toright {
|
|
from {
|
|
right: calc(50% - 50rpx);
|
|
bottom: calc(50% - 50rpx);
|
|
}
|
|
|
|
20% {
|
|
bottom: calc(50% + 10rpx);
|
|
}
|
|
|
|
to {
|
|
right: 10rpx;
|
|
bottom: 280rpx;
|
|
}
|
|
}
|
|
|
|
@keyframes irent-shake {
|
|
from {
|
|
right: 0;
|
|
}
|
|
|
|
50% {
|
|
right: -10rpx;
|
|
}
|
|
|
|
to {
|
|
right: 0rpx;
|
|
}
|
|
}
|
|
|
|
@keyframes irent-hide {
|
|
from {
|
|
right: -50rpx;
|
|
}
|
|
|
|
50% {
|
|
right: -60rpx;
|
|
}
|
|
|
|
to {
|
|
right: -50rpx;
|
|
}
|
|
}
|
|
|
|
/* 单独的文道潮黑体字体 选择只有 添加客服马上预订 8个字 ，需要可以通过 http://font.qqe2.com/index.html# 网站添加 在 font 文件夹 里 fonteditor.woff 留底用的 字体文件转 base64 网站 https://transfonter.org/ */
|
|
@font-face {
|
|
font-family: 'fonteditor';
|
|
src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2'),
|
|
url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAtMAA0AAAAADqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALEAAAABoAAAAckv9cc0dERUYAAAssAAAAHgAAAB4AKQAVT1MvMgAAAZgAAABNAAAAYKR6EQdjbWFwAAACEAAAAHAAAAGa3ktYL2dhc3AAAAsIAAAACAAAAAj//wADZ2x5ZgAAAqAAAAcvAAAIXu/b3HNoZWFkAAABMAAAADQAAAA2INer92hoZWEAAAFkAAAAHwAAACQHzwOVaG10eAAAAegAAAAmAAAAJghgAQlsb2NhAAACgAAAACAAAAAgC/ANzW1heHAAAAGEAAAAFAAAACAAFgBfbmFtZQAACdAAAADTAAABv04iRoxwb3N0AAAKpAAAAGIAAACg7s4A/HjaY2BkYGAA4o2yb2Xj+W2+MnCzMIDAvbWztoLp/2fDGIT+dzL/ZE4DcjkYmECiAFC1DGx42mNgZGBgTvvfyRDDwsAgxMDO/JMBKIICWABZgQNtAHjaY2BkYGDgZ4hnYGPACgALpQB2eNpjYGFhYJzAwMrAwDST6QwDA0M/hGZ8zWDMyAkUZWBjZoABRgEGBAhIc01hOODHNSuHOe1/J0MMcxpDOUgNSI5ZAqxEgYERAF9nDCwAAAABdgAiAAAAAAFVAAAEAAA3AEQAEgBLAD8AIAAhAE0AHAA7ACIAXgAAeNpjYGBgZoBgGQZGBhCYAuQxgvksDBVAWopBACjC5ccVmBO0IMQrelE6b+7vmt9197sXzWiZlfP/PwMDbrmNP9fNWJu6es+S1Bm/J/E18zfqlGSld6YugtqFAzCyMcAVMDIBCSZ0BQzDHgAAlsspkQAAABMAEwATACoAcgCzAPIBWwHKAlECwANPA4oEBQQveNpNVXlwE9cdfm8XabGxJa9Xq7UtH1qtpLUuW/Kyu5J1WHJ8G9fGJ76N7RiStB6Kg+2kHS7bwQZPOMKYAHWTAeJJDRgGmgYomaFkknSm0P6RKTSdyUyv6UymJSk0mSZTtOpb2VD+0Oqt3tN7v+/4fQ9gwAIALMGWAQ4IAASSJXmB5Cww48s7d7DleLsFG0ELgJy4jd/Bq8AGAGwszYosKdDoG6uGM49fgk23oEO533v6NPbFv06jnSoSJ/C/4zVoxwzAAwC0BC9JMgPsdl42GhlCiz52XruO4GX1d62WkGQ0BZdWhpuig64PYGCgrnCk+2j/8U2vyrdJ07Dy9V3HC7F2/m7lSNnFGaOlBTv5sLLi+V+/HFGO7Z7fvvHlE1U/7T3WPxqq9/iz7mMjP99R88oRP5YilIUBqiczcQy/iKrPBnbgRAgMWo7jOREB1WKotEwZjWXBQAg2khM5mkPgJEnASY7EdIXCi3rngCe1d6yjPJjS1Y+/Cz+Bby1Ki4spPrNVIkP+Pif84mPl3nxwL6RW5i+MS9WPP9q4EQ92OD3xPfCfigFVUJ/4CX4NbwMM4FRGoEqhyK3xoiUEUaAFmqMpTtTQHIWOF1iNTWTxa4/fgDtvssWNFhd9zUBtv5FIfPML5er72Hv6MvhePA4blKvw3zMzfbzT2TTdUeLgJyb298V/5oNe+G4k8gBuA0ADyhKn8d/hI8ANBOAHYRBDHPB2HoFl0WmoCMT+ai0IvKieLiChGALNouKMDM4yhCwzGkkmCCNaiWZQbYvZFucF5dEKNmb6cGdudmiTr6XXPXn5ss4/a/OMd+TDxqM5ba37l68rtxrpk1SX8gfOdohe8Aarv/0a6pRHRzWa9cq3JhPUZbXEgoyJy6uObXtuxwNJMlca7K6/kMMxloEtTD40SnNZZpj5eVZ2FlzyIj8Bc2Ie/wYXQRaQQCmIgEpQB0Amqpt8oi1iNwlJRGKCpN0IHinL0v9fQAtJ70E0otErUD3IkcgNRuaBPecVuy+S5qyKrheEFo45iH1S93xt1P89bgF+VcSPpbmHbj7UHs4pLYxfD4fD8JLVV+ANXGJ2e2x4PvP4HzXBQevt3uMD9r3Xz8MTvnhU3uerF0VHMb7wZ8HfWNj9JVnUfyQEPx0c/OuQ8sNA21aTcgVmixudyC1sYgF/iEdQ/7SCLQBQas+g3oHJtpHRCDlHoJOtZOdpwyoeeRWvjJ5rvkK6csRaz4kCelHl1qqqoj/a0MJp74/5Hbl9LJ4fKtrjdRd7IjnhPMcemQkyU6lU92i6ayt0h6Uas1tvpClT2ztST1431SXv+kFBD+v3vsp/sCH9Ctb8+YYMSB1uH9mibIPFMh7Rh/NmbYOmeKK+u2alK8/RLHiKFozmXeWu9u7Xp4atZxvaRSEw7NetL7h6tqviTFWueXPrnH2rqUUfypvJdszOcgVzAWnBuKuYAxhoSLyJ/xLvRL6tRFlCPMVLEMwaZIIvkZPA0dPC81Ybcq2aKc9kyypXa0TK2K/6u4/ond/H5sOH5ZdqS90hk9/o7docrXwjp6LYHD5IwvOwxvmbSyJXNGCzvBmb69xXSaXUVXY6j5P5KbPSXv5FmwT1GX+bGrXe0Glawh3uUnkoojmFeXyZOSegGMBGsgNn9NryAo2u0DkaHHKt15p1rsCWSE9JdLyleDowzVap2ZSbOIzfR+hqQAfoU/EJhmeFTMbDE3jC07RcTQ1VUmENnKBK+wxUSvW5xY7sT6rpokluKmP3lmp9O7cXtlZhmUK+3FBeoT/wW6Igw8kJpUaTiTe8kxvzFDFZhqlMWvZzd/+TkVNRErK7Hn3me25Th3FdyDqSe4hMWxZjzUJovohV8ptPTpguvA93ZB1b2WaRa67OY9rZgXJiQ2eUPwcFkdSfqpgfKGyeDKzDfe4qh70ytt/s8BrZfOu+2lJcW5zqMI25m2SLcqW7LhaBfuVeoztdChWcpXnETjBxCv9j8iah1ZuKWnOzhiMNTyJcZEGSFF5G6cmSD8zRolhgexDrW+w5ku4a/wyzxs87vWWvd4YD8EewAAsF2sTanKhUHD+OxMN6F+JTTH+wy3UuE1YfUkYBcpwlMYd/h5eDcrAZAOuqZ5L0cdQqjU+Pp9YEYJAJRRtSRbSpOqCyKIJE4SMKjAEljJyUSqtmKSHIeNnu0HhZXcnmZWFW2gktUZctLdXU06pzboF7FsUw6yjlMj+FxjTNBJZ6U6e7OAtvkKkHYFqG8hCeITQfuRvd1hyXFX+tUZqsb3CM1TS1boUFTf0Wi71EuYVQQe9EuMhPZJWY4SSk0zc54J48k+KCbVD5k/eFButQcMgLredyTf6y1lwj5TGqqPsSS/gybgEGlKrApl2LSZmlBFSzGvgCga4t/G0sIs7p3LuJ+O9NlzO+oxQNdjt/8lF8qbS6od3xX9j48VcHlQMfTk+D/wHPJwWzAHjahY49jsIwEIU/Q4gWRIm2WQl5O2j4aSiAFjpaTpAgpSCWQuAQHICanpNxC15gkFIgYcuazzNv5g3Q5YKjOo4Ov8YNYsbGTf7IjSNprsYt+tyNYzquL6WL2sr0nl0VNzT/37jJTPfFkTRn4xZLbsYxPffDjiDHkpSETDFQwC7kZZpkZRBvrHRkr4+yR8W1da1qXZ4pIyaKc72Pc9eau3rO9dPRxM993ejrJluVCg4qVsK33UL0eZ0BJ9MM1ZwWhyzkle/C1/YYnJQZfnd/AMeVSggAeNptykkOgCAUA9BfnKd4FSSIuESGu7hx5/0VZGmT5iVNidEXQf+Z34IYGAqUqFCjQYsOPQaMmJr7OqXnJrouyiaF4Ukpv/0wIqo27pIuHNHNZr0LUZ1/u9YyaZR9AGgLG6IAAAAAAAH//wACeNpjYGBgZACCq0vUOUD0vbWztsJoAEXrB14AAAABAAAADAAAABYAAAACAAEAAwAOAAEABAAAAAIAAAAA') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
.icon {
|
|
font-family: "fonteditor" !important;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
|
|
/* 公共的flex 布局方法 */
|
|
.flexflex {
|
|
display: flex;
|
|
}
|
|
|
|
.flexcenter {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.flexacenter {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex1 {
|
|
flex: 1;
|
|
} |