下拉刷新
暂无相关数据~
去逛逛 >
加载中..
//无数据-- END --
*/
html,body{height:100%}
body{-webkit-overflow-scrolling:touch}
.mescroll{width:100%;height:100%;overflow-y:auto}
.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center}
.mescroll-downwarp-reset{-webkit-transition:height 300ms;transition:height 300ms}
.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0}
.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip,.mescroll-upwarp .upwarp-nodata{display:inline-block;font-size:12px;color:gray;vertical-align:middle}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px}
.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid gray;border-bottom-color:transparent;vertical-align:middle}
.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite}
@-webkit-keyframes mescrollRotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes mescrollRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.mescroll-empty{width:100%;padding-top:20px;text-align:center}
.mescroll-empty .empty-icon{width:45%}
.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:gray}
.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:white;color:#65aadd}
.mescroll-empty .empty-btn:active{opacity:.75}
.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0}
.mescroll-lazy-in,.mescroll-fade-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards}
@-webkit-keyframes mescrollFadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes mescrollFadeIn{0%{opacity:0}100%{opacity:1}}
.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards}
@-webkit-keyframes mescrollFadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes mescrollFadeOut{0%{opacity:1}100%{opacity:0}}
.mescroll-bar::-webkit-scrollbar-track{background-color:transparent}
.mescroll-bar::-webkit-scrollbar{width:6px}
.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}
.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}
.bus-wrapper[data-v-0500947a] {
height: 100vh;
overflow-y: scroll;
background-color: #f99d4c;
}
.bus-wrapper .bus[data-v-0500947a] {
background-color: #f99d4c;
min-height: 100vh;
}
.bus-wrapper .bus .content[data-v-0500947a] {
margin: 0 0.8rem;
}
.bus-wrapper .bus .content .content-item[data-v-0500947a] {
position: relative;
padding: 0.8rem 0;
background-color: #fff;
border-radius: 0.3rem;
margin-bottom: 0.8rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 16.5rem;
}
.bus-wrapper .bus .content .content-item .content-item-title[data-v-0500947a] {
width: 70%;
height: 1.2rem;
line-height: 1.2rem;
background: url(data:image/png;base64,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) no-repeat;
background-size: 100% 1.2rem;
font-size: 0.56rem;
color: #fff;
text-align: center;
position: absolute;
left: 15%;
top: -0.25rem;
}
.bus-wrapper .bus .content .content-item .content-ul[data-v-0500947a] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0.5rem 0;
}
.bus-wrapper .bus .content .content-item .content-ul .content-ui-li[data-v-0500947a] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 30%;
border: 1px solid #eee;
border-radius: 0.2rem;
font-size: 0.56rem;
overflow: hidden;
margin: 0 1.65% 0.3rem 1.65%;
}
.bus-wrapper .bus .content .content-item .content-ul .content-ui-li .item-img[data-v-0500947a] {
width: 100%;
height: 4rem;
}
.bus-wrapper .bus .content .content-item .content-ul .content-ui-li .item-name[data-v-0500947a] {
margin: 0.2rem 0;
padding: 0 0.2rem;
font-size: 0.4rem;
color: #666;
height: 0.6rem;
line-height: 0.6rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.bus-wrapper .bus .content .content-item .content-ul .content-ui-li .item-footer[data-v-0500947a] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0.2rem 0.3rem;
}
.bus-wrapper .bus .content .content-item .content-ul .content-ui-li .item-footer .item-price[data-v-0500947a] {
font-size: 0.4rem;
}
.bus-wrapper .bus .content .content-item .content-ul .content-ui-li .item-footer .item-price span[data-v-0500947a] {
color: #ff2f35;
}
.bus-wrapper .bus .content .content-item .content-ul .content-ui-li .item-footer .item-price del[data-v-0500947a] {
color: #999;
}
.bus-wrapper .bus .content .content-item .content-ul .content-ui-li .item-footer .item-cart i[data-v-0500947a] {
font-size: 0.56rem;
color: #666;
}
.bus-wrapper .bus .content .content-item .content-item-footer[data-v-0500947a] {
width: 100%;
margin-top: 1rem;
text-align: center;
font-size: 0.56rem;
color: #ef4672;
}
.bus-wrapper .bus .header .header-img[data-v-0500947a] {
width: 100%;
}
.bus-wrapper .bus .footer .footer-img[data-v-0500947a] {
width: 100%;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.storeGoods .vux-header .vux-header-right a {
position: relative;
}
.storeGoods .vux-header .vux-header-right a .shopping-cart {
width: 0.8rem /* 20/25 */;
height: 0.8rem /* 20/25 */;
}
.storeGoods .vux-header .vux-header-right a span {
position: absolute;
top: -0.32rem /* 8/25 */;
right: -0.32rem /* 8/25 */;
display: block;
width: 0.64rem /* 16/25 */;
height: 0.64rem /* 16/25 */;
line-height: 0.64rem /* 16/25 */;
text-align: center;
border-radius: 50%;
font-size: 0.48rem /* 12/25 */;
background-color: var(--theme-color);
color: #ffffff;
}
.storeGoods .app-header {
background: #219dfe;
}
.storeGoods .app-header {
position: fixed;
top: 0;
width: 100%;
max-width: 750px;
z-index: 1000;
}
.storeGoods .app-header .app-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.32rem /* 8/25 */ 0.6rem /* 15/25 */;
}
.storeGoods .app-header .app-content .left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.storeGoods .app-header .app-content .left img {
width: 0.4rem /* 10/25 */;
margin-right: 0.12rem /* 3/25 */;
}
.storeGoods .app-header .app-content .center {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
height: 1.12rem /* 28/25 */;
line-height: 1.12rem /* 28/25 */;
margin-left: 0.6rem /* 15/25 */;
margin-right: 0.52rem /* 13/25 */;
padding-left: 1.36rem /* 34/25 */;
border-radius: 20px;
font-size: 0.48rem /* 12/25 */;
color: #e2e2e2;
background: url(data:image/png;base64,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) no-repeat #ffffff 0.48rem center;
background-size: 0.56rem /* 14/25 */;
}
.storeGoods .app-header .app-content .right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.storeGoods .app-header .app-content .right .carts {
position: relative;
}
.storeGoods .app-header .app-content .right .carts .shopping-cart {
width: 0.8rem /* 20/25 */;
height: 0.8rem /* 20/25 */;
}
.storeGoods .app-header .app-content .right .carts span {
position: absolute;
top: -0.32rem /* 8/25 */;
right: -0.32rem /* 8/25 */;
display: block;
width: 0.64rem /* 16/25 */;
height: 0.64rem /* 16/25 */;
line-height: 0.64rem /* 16/25 */;
text-align: center;
border-radius: 50%;
font-size: 0.48rem /* 12/25 */;
background-color: var(--theme-color);
color: #ffffff;
}
.storeGoods .mescroll-empty .empty-icon {
width: 5.32rem /* 133/25 */;
}
.storeGoods .goods-list {
height: 100vh;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 44px;
}
.storeGoods .goods-list #dataList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.6rem /* 15/25 */;
}
.storeGoods .goods-list #dataList li {
position: relative;
width: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 48%;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
margin-bottom: 0.6rem /* 15/25 */;
border-radius: 5px;
border: 1px solid #e6e6e6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
overflow: hidden;
}
.storeGoods .goods-list #dataList li:nth-child(odd) {
margin-right: 2%;
}
.storeGoods .goods-list #dataList li:nth-child(even) {
margin-left: 2%;
}
.storeGoods .goods-list #dataList li .desc {
height: auto /* 170/25 6.8rem */;
overflow: hidden;
}
.storeGoods .goods-list #dataList li .desc img {
display: block;
max-height: 7rem;
width: 100%;
margin: 0 auto;
}
.storeGoods .goods-list #dataList li .saled-mask {
position: absolute;
background: url(../../static/img/saled_mask.359f9c1.png) no-repeat scroll top / 6.8rem transparent;
top: 0;
left: 0;
right: 0;
bottom: auto;
height: 6.8rem;
z-index: 10;
}
.storeGoods .goods-list #dataList li .detail {
padding: 0.6rem /* 15/25 */ 0.4rem /* 10/25 */;
}
.storeGoods .goods-list #dataList li .detail .word {
height: 1.28rem /* 32/25 */;
line-height: 0.64rem /* 16/25 */;
font-size: 0.48rem /* 12/25 */;
color: #333333;
letter-spacing: 1px;
}
.storeGoods .goods-list #dataList li .detail .name {
margin-top: 0.4rem /* 10/25 */;
line-height: 0.64rem /* 16/25 */;
font-size: 0.48rem /* 12/25 */;
color: #757678;
}
.storeGoods .goods-list #dataList li .detail .price {
margin-top: 0.4rem /* 10/25 */;
font-size: 0.48rem /* 12/25 */;
color: #ff0000;
}
.storeGoods .goods-list #dataList li .detail .price span {
margin-left: 0.2rem /* 5/25 */;
font-size: 0.48rem /* 12/25 */;
color: #cccccc;
text-decoration: line-through;
}
.storeGoods .goods-list #dataList li .detail .activity-tag {
display: block;
margin-top: 0.2rem /* 5/25 */;
font-size: 0;
}
.storeGoods .goods-list #dataList li .detail .activity-tag span {
display: inline-block;
vertical-align: top;
padding: 0.08rem /* 2/25 */ 0.2rem /* 5/25 */;
border-radius: 5px;
font-size: 0.48rem /* 12/25 */;
color: #ffffff;
background-color: #ff0000;
}
.storeGoods .goods-list #dataList li .shopping-cart {
position: absolute;
bottom: 0.4rem /* 10/25 */;
right: 0.4rem /* 10/25 */;
width: 0.8rem /* 20/25 */;
height: 0.8rem /* 20/25 */;
background: url(data:image/png;base64,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) no-repeat center center;
background-size: 100%;
}
.storeGoods .goods-list .goods-wrap {
top: 0;
width: 100%;
overflow: hidden;
}
.storeGoods .goods-list .goods-wrap .banner-wrapper {
position: relative;
height: 7.6rem /* 167/25 */;
background: url(../../static/img/header-bg.c008f85.png) no-repeat;
background-size: 100% 100%;
}
.storeGoods .goods-list .goods-wrap .banner-wrapper .store-box {
position: absolute;
left: 0;
right: 0;
top: 1rem;
margin: 0 1rem;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.storeGoods .goods-list .goods-wrap .banner-wrapper .store-box .store-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.storeGoods .goods-list .goods-wrap .banner-wrapper .store-box .store-img img {
display: block;
width: 4rem /* 80/25 */;
height: 4rem /* 80/25 */;
border-radius: 2rem;
}
.storeGoods .goods-list .goods-wrap .banner-wrapper .store-box .store-text {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.64rem /* 16/25 */;
font-weight: bold;
color: #949393;
}
.storeGoods .goods-list .goods-wrap .banner-wrapper .store-box .store-text .logo-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 12px;
margin: 0 1.2rem;
margin-top: 10px;
}
.storeGoods .goods-list .goods-wrap .banner-wrapper .store-box .store-text .logo-list .logo-item {
width: 32%;
height: 0.8rem;
border-radius: 0.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background-color: #31acf4;
}
.storeGoods .goods-list .goods-wrap .banner-wrapper .store-box .to-home {
width: 30px;
height: 30px;
position: absolute;
top: 1.7rem;
right: 0.4rem;
}
.storeGoods .goods-list .goods-wrap .filter-wrapper {
width: 100%;
height: 1.76rem;
}
.storeGoods .goods-list .goods-wrap .filter-wrapper .menu-fixed {
position: fixed;
top: 1.25rem;
left: 0;
right: 0;
z-index: 9;
}
.storeGoods .fix-cart {
position: fixed;
right: 0.32rem /* 8/25 */;
bottom: 3.2rem /* 80/25 */;
z-index: 200;
width: 1.2rem /* 30/25 */;
height: 1.2rem /* 30/25 */;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
border: 1px solid #cccccc;
background-color: #ffffff;
}
.storeGoods .fix-cart .fa {
font-size: 0.8rem /* 20/25 */;
color: #cccccc;
}
.storeGoods .fix-cart span {
position: absolute;
top: -0.32rem /* 8/25 */;
right: -0.32rem /* 8/25 */;
display: block;
width: 0.64rem /* 16/25 */;
height: 0.64rem /* 16/25 */;
line-height: 0.64rem /* 16/25 */;
text-align: center;
border-radius: 50%;
font-size: 0.48rem /* 12/25 */;
background-color: #4083ff;
color: #ffffff;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.goodsSearchList {
position: relative;
z-index: 1000;
height: 100%;
background-color: #ffffff;
}
.goodsSearchList .vux-header .vux-header-right a {
position: relative;
}
.goodsSearchList .vux-header .vux-header-right a .shopping-cart {
width: 0.8rem /* 20/25 */;
height: 0.8rem /* 20/25 */;
}
.goodsSearchList .vux-header .vux-header-right a span {
position: absolute;
top: -0.32rem /* 8/25 */;
right: -0.32rem /* 8/25 */;
display: block;
width: 0.64rem /* 16/25 */;
height: 0.64rem /* 16/25 */;
line-height: 0.64rem /* 16/25 */;
text-align: center;
border-radius: 50%;
font-size: 0.48rem /* 12/25 */;
background-color: var(--theme-color);
color: #ffffff;
}
.goodsSearchList .mescroll-empty .empty-icon {
width: 5.32rem /* 133/25 */;
}
.goodsSearchList .search-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.28rem /* 7/25 */ 0 /* 15/25 */;
}
.goodsSearchList .search-box .search-group {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
height: 1.2rem /* 30/25 */;
line-height: 1.2rem /* 30/25 */;
padding-left: 1.36rem /* 34/25 */;
padding-right: 0.4rem /* 10/25 */;
border-radius: 20px;
font-size: 0.48rem /* 12/25 */;
color: #e2e2e2;
background: url(data:image/png;base64,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) no-repeat #f4f4f4 0.48rem center;
background-size: 0.56rem /* 14/25 */;
}
.goodsSearchList .search-box .search-group .weui-cell {
width: 100%;
height: 100%;
padding: 0;
}
.goodsSearchList .search-box .search-group .weui-cell .weui-cell__bd {
height: 100%;
}
.goodsSearchList .search-box .search-group .weui-cell .weui-cell__bd input {
display: block;
height: 100%;
line-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333333;
}
.goodsSearchList .search-btn {
margin-left: 0.52rem /* 13/25 */;
font-size: 0.56rem /* 14/25 */;
color: #333333;
text-align: left;
}
.goodsSearchList .goodsList-wrap {
width: 100%;
overflow: hidden;
background-color: #ffffff;
}
.goodsSearchList .goodsList-wrap .history {
position: absolute;
top: 0.4rem;
left: 0;
right: 0;
z-index: 99;
background: #fff;
font-size: 0.56rem /* 14/25 */;
padding: 0.4rem /* 10/25 */ 0.6rem /* 15/25 */;
border-bottom: 1px solid #eee;
}
.goodsSearchList .goodsList-wrap .history .history-title {
color: #666;
height: 16px;
line-height: 16px;
padding: 0 0 10px 0;
}
.goodsSearchList .goodsList-wrap .history .history-title .history-clear {
float: right;
}
.goodsSearchList .goodsList-wrap .history .history-list-wrapper {
overflow: hidden;
color: #999;
margin-left: -10px;
}
.goodsSearchList .goodsList-wrap .history .history-list-wrapper .history-item {
display: block;
float: left;
padding: 0 10px 0 10px;
height: 24px;
line-height: 24px;
border-radius: 5px;
border: 1px solid #ccc;
margin: 0 0 8px 10px;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.goodsSearchList .goodsList-wrap .history .history-list-wrapper .history-item .history-delete {
width: 8px;
padding: 5px;
vertical-align: middle;
}
.goodsSearchList .goodsList-wrap .goods-list {
position: absolute;
top: 1.75rem /* 44/25 */;
bottom: 0;
width: 100%;
height: auto;
}
.goodsSearchList .goodsList-wrap .goods-list ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.6rem /* 15/25 */;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item {
position: relative;
width: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 48%;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
margin-bottom: 0.6rem /* 15/25 */;
border-radius: 5px;
border: 1px solid #e6e6e6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
overflow: hidden;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item:nth-child(odd) {
margin-right: 2%;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item:nth-child(even) {
margin-left: 2%;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .desc {
height: 6.8rem /* 170/25 */;
overflow: hidden;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .desc img {
display: block;
width: 100%;
margin: 0 auto;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .saled-mask {
position: absolute;
background: url(../../static/img/saled_mask.359f9c1.png) no-repeat scroll top / 6.8rem transparent;
top: 0;
left: 0;
right: 0;
bottom: auto;
height: 6.8rem;
z-index: 10;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .detail {
padding: 0.6rem /* 15/25 */ 0.4rem /* 10/25 */;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .detail .word {
height: 1.28rem /* 32/25 */;
line-height: 0.64rem /* 16/25 */;
font-size: 0.48rem /* 12/25 */;
color: #333333;
letter-spacing: 1px;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .detail .name {
margin-top: 0.4rem /* 10/25 */;
line-height: 0.64rem /* 16/25 */;
font-size: 0.48rem /* 12/25 */;
color: #757678;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .detail .price {
margin-top: 0.4rem /* 10/25 */;
font-size: 0.48rem /* 12/25 */;
color: #ff0000;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .detail .price span {
margin-left: 0.2rem /* 5/25 */;
font-size: 0.48rem /* 12/25 */;
color: #cccccc;
text-decoration: line-through;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .detail .activity-tag {
display: block;
margin-top: 0.2rem /* 5/25 */;
font-size: 0;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .detail .activity-tag span {
display: inline-block;
vertical-align: top;
padding: 0.08rem /* 2/25 */ 0.2rem /* 5/25 */;
border-radius: 5px;
font-size: 0.48rem /* 12/25 */;
color: #ffffff;
background-color: #ff0000;
}
.goodsSearchList .goodsList-wrap .goods-list ul .goods-list-item .shopping-cart {
position: absolute;
bottom: 0.4rem /* 10/25 */;
right: 0.4rem /* 10/25 */;
width: 0.8rem /* 20/25 */;
height: 0.8rem /* 20/25 */;
background: url(data:image/png;base64,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) no-repeat center center;
background-size: 100%;
}
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.vux-header {
position: relative;
padding: 3px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #35495e;
}
.vux-header .vux-header-title {
line-height: 40px;
text-align: center;
font-size: 18px;
font-weight: 400;
color: #fff;
}
.vux-header-title-area,
.vux-header .vux-header-title {
margin: 0 88px;
height: 40px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vux-header .vux-header-title > span {
display: inline-block;
}
.vux-header .vux-header-left,
.vux-header .vux-header-right {
position: absolute;
top: 14px;
display: block;
font-size: 14px;
line-height: 21px;
color: #ccc;
}
.vux-header .vux-header-left a,
.vux-header .vux-header-left button,
.vux-header .vux-header-right a,
.vux-header .vux-header-right button {
float: left;
margin-right: 8px;
color: #ccc;
}
.vux-header .vux-header-left a:active,
.vux-header .vux-header-left button:active,
.vux-header .vux-header-right a:active,
.vux-header .vux-header-right button:active {
opacity: 0.5;
}
.vux-header .vux-header-left {
left: 18px;
}
.vux-header .vux-header-left .vux-header-back {
padding-left: 16px;
}
.vux-header .vux-header-left .left-arrow {
position: absolute;
width: 30px;
height: 30px;
top: -5px;
left: -5px;
}
.vux-header .vux-header-left .left-arrow:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border: 1px solid #ccc;
border-width: 1px 0 0 1px;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
top: 8px;
left: 7px;
}
.vux-header .vux-header-right {
right: 15px;
}
.vux-header .vux-header-right a,
.vux-header .vux-header-right button {
margin-left: 8px;
margin-right: 0;
}
.vux-header .vux-header-right .vux-header-more:after {
content: "\2022 \2022 \2022 ";
font-size: 16px;
}
.vux-header-fade-in-right-enter-active {
-webkit-animation: fadeinR .5s;
animation: fadeinR .5s;
}
.vux-header-fade-in-left-enter-active {
-webkit-animation: fadeinL .5s;
animation: fadeinL .5s;
}
@-webkit-keyframes fadeinR {
0% {
opacity: 0;
-webkit-transform: translateX(150px);
transform: translateX(150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeinR {
0% {
opacity: 0;
-webkit-transform: translateX(150px);
transform: translateX(150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeinL {
0% {
opacity: 0;
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeinL {
0% {
opacity: 0;
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.weui-cell_access {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: inherit;
}
.weui-cell_access:active {
background-color: #ECECEC;
}
.weui-cell_access .weui-cell__ft {
padding-right: 13px;
position: relative;
}
.weui-cell_access .weui-cell__ft:after {
content: " ";
display: inline-block;
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #C8C8CD;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
margin-top: -4px;
right: 2px;
}
.weui-cell_link {
color: #586C94;
font-size: 14px;
}
.weui-cell_link.weui-cell:first-child:before {
display: block;
}
.weui-cell_access.vux-cell-box {
padding-right: 13px;
position: relative;
}
.weui-cell_access.vux-cell-box:after {
content: " ";
display: inline-block;
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #C8C8CD;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
margin-top: -4px;
right: 17px;
}
.weui-cells {
margin-top: 1.17647059em;
background-color: #FFFFFF;
line-height: 1.41176471;
font-size: 17px;
overflow: hidden;
position: relative;
}
.weui-cells:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #D9D9D9;
color: #D9D9D9;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.weui-cells:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #D9D9D9;
color: #D9D9D9;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.weui-cells__title {
margin-top: 0.77em;
margin-bottom: 0.3em;
padding-left: 15px;
padding-right: 15px;
color: #999999;
font-size: 14px;
}
.weui-cells__title + .weui-cells {
margin-top: 0;
}
.weui-cells__tips {
margin-top: .3em;
color: #999999;
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
}
.weui-cell {
padding: 10px 15px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.weui-cell:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #D9D9D9;
color: #D9D9D9;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
left: 15px;
}
.weui-cell:first-child:before {
display: none;
}
.weui-cell_primary {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.weui-cell__bd {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.weui-cell__ft {
text-align: right;
color: #999999;
}
.vux-cell-justify {
height: 1.41176471em;
}
.vux-cell-justify.vux-cell-justify:after {
content: ".";
display: inline-block;
width: 100%;
overflow: hidden;
height: 0;
}
.weui-label {
display: block;
width: 105px;
word-wrap: break-word;
word-break: break-all;
}
.weui-input {
width: 100%;
border: 0;
outline: 0;
-webkit-appearance: none;
background-color: transparent;
font-size: inherit;
color: inherit;
height: 1.41176471em;
line-height: 1.41176471;
}
.weui-input::-webkit-outer-spin-button,
.weui-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.weui-textarea {
display: block;
border: 0;
resize: none;
width: 100%;
color: inherit;
font-size: 1em;
line-height: inherit;
outline: 0;
}
.weui-textarea-counter {
color: #B2B2B2;
text-align: right;
}
.weui-cell_warn .weui-textarea-counter {
color: #E64340;
}
.weui-toptips {
display: none;
position: fixed;
-webkit-transform: translateZ(0);
transform: translateZ(0);
top: 0;
left: 0;
right: 0;
padding: 5px;
font-size: 14px;
text-align: center;
color: #FFF;
z-index: 5000;
word-wrap: break-word;
word-break: break-all;
}
.weui-toptips_warn {
background-color: #E64340;
}
.weui-cells_form .weui-cell__ft {
font-size: 0;
}
.weui-cells_form .weui-icon-warn {
display: none;
}
.weui-cells_form input,
.weui-cells_form textarea,
.weui-cells_form label[for] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui-cell_warn {
color: #E64340;
}
.weui-cell_warn .weui-icon-warn {
display: inline-block;
}
.weui-cell_vcode {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.weui-vcode-img {
margin-left: 5px;
height: 44px;
vertical-align: middle;
}
.weui-vcode-btn {
display: inline-block;
height: 44px;
margin-left: 5px;
padding: 0 0.6em 0 0.7em;
border-left: 1px solid #E5E5E5;
line-height: 44px;
vertical-align: middle;
font-size: 17px;
color: #3CC51F;
}
button.weui-vcode-btn {
background-color: transparent;
border-top: 0;
border-right: 0;
border-bottom: 0;
outline: 0;
}
.weui-vcode-btn:active {
color: #52a341;
}
.vux-x-input .vux-x-input-placeholder-right input::-webkit-input-placeholder {
text-align: right;
}
.vux-x-input .vux-x-input-placeholder-center input::-webkit-input-placeholder {
text-align: center;
}
.vux-x-input .vux-input-icon {
font-size: 21px;
}
.vux-input-icon.weui-icon-warn:before,
.vux-input-icon.weui-icon-success:before {
font-size: 21px;
}
.vux-x-input .weui-icon {
padding-left: 5px;
}
.vux-x-input.weui-cell_vcode {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.vux-x-input.disabled .weui-input {
text-fill-color: #888;
-webkit-text-fill-color: #888;
/* Override iOS / Android font color change */
opacity: 1;
/* Override iOS opacity change affecting text & background color */
}
.vux-x-input-right-full {
margin-left: 5px;
height: 44px;
vertical-align: middle;
}
.vux-x-input-right-full img {
height: 44px;
}
.vux-x-input-has-right-full {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
@font-face {
font-weight: normal;
font-style: normal;
font-family: "weui";
src: url('data:application/octet-stream;base64,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') format('truetype');
}
[class^="weui-icon-"],
[class*=" weui-icon-"] {
display: inline-block;
vertical-align: middle;
font: normal normal normal 14px/1 "weui";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
[class^="weui-icon-"]:before,
[class*=" weui-icon-"]:before {
display: inline-block;
margin-left: .2em;
margin-right: .2em;
}
.weui-icon-circle:before {
content: "\EA01";
}
/* '' */
.weui-icon-download:before {
content: "\EA02";
}
/* '' */
.weui-icon-info:before {
content: "\EA03";
}
/* '' */
.weui-icon-safe-success:before {
content: "\EA04";
}
/* '' */
.weui-icon-safe-warn:before {
content: "\EA05";
}
/* '' */
.weui-icon-success:before {
content: "\EA06";
}
/* '' */
.weui-icon-success-circle:before {
content: "\EA07";
}
/* '' */
.weui-icon-success-no-circle:before {
content: "\EA08";
}
/* '' */
.weui-icon-waiting:before {
content: "\EA09";
}
/* '' */
.weui-icon-waiting-circle:before {
content: "\EA0A";
}
/* '' */
.weui-icon-warn:before {
content: "\EA0B";
}
/* '' */
.weui-icon-info-circle:before {
content: "\EA0C";
}
/* '' */
.weui-icon-cancel:before {
content: "\EA0D";
}
/* '' */
.weui-icon-search:before {
content: "\EA0E";
}
/* '' */
.weui-icon-clear:before {
content: "\EA0F";
}
/* '' */
.weui-icon-back:before {
content: "\EA10";
}
/* '' */
.weui-icon-delete:before {
content: "\EA11";
}
/* '' */
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
[class^="weui-icon_"]:before,
[class*=" weui-icon_"]:before {
margin: 0;
}
.weui-icon-success {
font-size: 23px;
color: #09BB07;
}
.weui-icon-waiting {
font-size: 23px;
color: #10AEFF;
}
.weui-icon-warn {
font-size: 23px;
color: #F43530;
}
.weui-icon-info {
font-size: 23px;
color: #10AEFF;
}
.weui-icon-success-circle {
font-size: 23px;
color: #09BB07;
}
.weui-icon-success-no-circle {
font-size: 23px;
color: #09BB07;
}
.weui-icon-waiting-circle {
font-size: 23px;
color: #10AEFF;
}
.weui-icon-circle {
font-size: 23px;
color: #C9C9C9;
}
.weui-icon-download {
font-size: 23px;
color: #09BB07;
}
.weui-icon-info-circle {
font-size: 23px;
color: #09BB07;
}
.weui-icon-safe-success {
color: #09BB07;
}
.weui-icon-safe-warn {
color: #FFBE00;
}
.weui-icon-cancel {
color: #F43530;
font-size: 22px;
}
.weui-icon-search {
color: #B2B2B2;
font-size: 14px;
}
.weui-icon-clear {
color: #B2B2B2;
font-size: 14px;
}
.weui-icon-delete.weui-icon_gallery-delete {
color: #FFFFFF;
font-size: 22px;
}
.weui-icon_msg {
font-size: 93px;
}
.weui-icon_msg.weui-icon-warn {
color: #F76260;
}
.weui-icon_msg-primary {
font-size: 93px;
}
.weui-icon_msg-primary.weui-icon-warn {
color: #FFBE00;
}
/**
following styles will be removed after v3.0.0
*/
.icon-big:before {
font-size: 93px;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
opacity: 1;
-webkit-transition: opacity linear 0.2s;
transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
opacity: 0;
}
.vux-dialog-enter-active {
-webkit-animation: vux-dialog-in 0.5s;
animation: vux-dialog-in 0.5s;
}
.vux-dialog-leave-active {
-webkit-animation: vux-dialog-out 0.3s;
animation: vux-dialog-out 0.3s;
}
@-webkit-keyframes vux-dialog-in {
0% {
-webkit-transform: scale(1.185);
transform: scale(1.185);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes vux-dialog-in {
0% {
-webkit-transform: scale(1.185);
transform: scale(1.185);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes vux-dialog-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
}
}
@keyframes vux-dialog-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
}
}
.vux-mask-enter,
.vux-mask-leave-active {
opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.weui-mask {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}
.weui-mask_transparent {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
@font-face {
font-weight: normal;
font-style: normal;
font-family: "weui";
src: url('data:application/octet-stream;base64,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') format('truetype');
}
[class^="weui-icon-"],
[class*=" weui-icon-"] {
display: inline-block;
vertical-align: middle;
font: normal normal normal 14px/1 "weui";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
[class^="weui-icon-"]:before,
[class*=" weui-icon-"]:before {
display: inline-block;
margin-left: .2em;
margin-right: .2em;
}
.weui-icon-circle:before {
content: "\EA01";
}
/* '' */
.weui-icon-download:before {
content: "\EA02";
}
/* '' */
.weui-icon-info:before {
content: "\EA03";
}
/* '' */
.weui-icon-safe-success:before {
content: "\EA04";
}
/* '' */
.weui-icon-safe-warn:before {
content: "\EA05";
}
/* '' */
.weui-icon-success:before {
content: "\EA06";
}
/* '' */
.weui-icon-success-circle:before {
content: "\EA07";
}
/* '' */
.weui-icon-success-no-circle:before {
content: "\EA08";
}
/* '' */
.weui-icon-waiting:before {
content: "\EA09";
}
/* '' */
.weui-icon-waiting-circle:before {
content: "\EA0A";
}
/* '' */
.weui-icon-warn:before {
content: "\EA0B";
}
/* '' */
.weui-icon-info-circle:before {
content: "\EA0C";
}
/* '' */
.weui-icon-cancel:before {
content: "\EA0D";
}
/* '' */
.weui-icon-search:before {
content: "\EA0E";
}
/* '' */
.weui-icon-clear:before {
content: "\EA0F";
}
/* '' */
.weui-icon-back:before {
content: "\EA10";
}
/* '' */
.weui-icon-delete:before {
content: "\EA11";
}
/* '' */
[class^="weui-icon_"]:before,
[class*=" weui-icon_"]:before {
margin: 0;
}
.weui-icon-success {
font-size: 23px;
color: #09BB07;
}
.weui-icon-waiting {
font-size: 23px;
color: #10AEFF;
}
.weui-icon-warn {
font-size: 23px;
color: #F43530;
}
.weui-icon-info {
font-size: 23px;
color: #10AEFF;
}
.weui-icon-success-circle {
font-size: 23px;
color: #09BB07;
}
.weui-icon-success-no-circle {
font-size: 23px;
color: #09BB07;
}
.weui-icon-waiting-circle {
font-size: 23px;
color: #10AEFF;
}
.weui-icon-circle {
font-size: 23px;
color: #C9C9C9;
}
.weui-icon-download {
font-size: 23px;
color: #09BB07;
}
.weui-icon-info-circle {
font-size: 23px;
color: #09BB07;
}
.weui-icon-safe-success {
color: #09BB07;
}
.weui-icon-safe-warn {
color: #FFBE00;
}
.weui-icon-cancel {
color: #F43530;
font-size: 22px;
}
.weui-icon-search {
color: #B2B2B2;
font-size: 14px;
}
.weui-icon-clear {
color: #B2B2B2;
font-size: 14px;
}
.weui-icon-delete.weui-icon_gallery-delete {
color: #FFFFFF;
font-size: 22px;
}
.weui-icon_msg {
font-size: 93px;
}
.weui-icon_msg.weui-icon-warn {
color: #F76260;
}
.weui-icon_msg-primary {
font-size: 93px;
}
.weui-icon_msg-primary.weui-icon-warn {
color: #FFBE00;
}
.weui-toast {
position: fixed;
z-index: 5001;
width: 7.6em;
min-height: 7.6em;
top: 180px;
left: 50%;
margin-left: -3.8em;
background: rgba(17, 17, 17, 0.7);
text-align: center;
border-radius: 5px;
color: #FFFFFF;
}
.weui-icon_toast {
margin: 22px 0 0;
display: block;
}
.weui-icon_toast.weui-icon-success-no-circle:before {
color: #FFFFFF;
font-size: 55px;
}
.weui-icon_toast.weui-loading {
margin: 30px 0 0;
width: 38px;
height: 38px;
vertical-align: baseline;
}
.weui-toast__content {
margin: 0 0 15px;
}
.weui-toast.vux-toast-top {
top: 10px;
}
.weui-toast.vux-toast-bottom {
top: auto;
bottom: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.weui-toast.vux-toast-middle {
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.vux-slide-from-top-enter,
.vux-slide-from-top-leave-active {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-100%) !important;
transform: translateX(-50%) translateY(-100%) !important;
}
.vux-slide-from-bottom-enter,
.vux-slide-from-bottom-leave-active {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(100%) !important;
transform: translateX(-50%) translateY(100%) !important;
}
.vux-slide-from-top-enter-active,
.vux-slide-from-top-leave-active,
.vux-slide-from-bottom-enter-active,
.vux-slide-from-bottom-leave-active {
-webkit-transition: all 400ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: all 400ms cubic-bezier(0.36, 0.66, 0.04, 1);
}
.weui-toast {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: 0!important;
}
.weui-toast.weui-toast_forbidden {
color: #F76260;
}
.weui-toast.weui-toast_forbidden .weui-toast__content {
margin-top: 10px;
}
.weui-toast.weui-toast_text {
min-height: 0;
}
.weui-toast_text .weui-toast__content {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 15px;
}
.weui-toast__content {
font-size: 16px;
}
.weui-loading_toast .weui-toast__content {
margin-top: 0;
}
.weui-toast_success .weui-icon_toast:before {
content: "\EA08";
}
.weui-toast_cancel .weui-icon_toast:before {
content: "\EA0D";
}
.weui-toast_forbidden .weui-icon_toast.weui-icon-success-no-circle:before {
content: "\EA0B";
color: #F76260;
}
.vux-label-desc {
font-size:14px;
color:#666;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.filter-header .sort {
background-color: #f7f7f7;
}
.filter-header .sort ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
.filter-header .sort ul li {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1.5rem /* 44/25 */;
line-height: 1.5rem /* 44/25 */;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-size: 0.56rem /* 14/25 */;
color: #999999;
}
.filter-header .sort ul li.active {
color: var(--theme-color);
}
.filter-header .sort ul li.filter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-left: 1px solid #ededed;
}
.filter-header .sort ul li.filter img {
width: 0.5rem;
height: 0.5rem;
}
.filter-header .sort ul li.blue {
color: #377ee6;
}
.filter-header .filter-popup {
position: absolute;
top: 1.76rem;
left: 0;
right: 0;
z-index: 999;
}
.filter-header .filter-popup .filter-mask {
position: absolute;
width: 100%;
height: 100vh;
background: #000;
opacity: 0.7;
top: 100%;
left: 0;
right: 0;
bottom: 0;
}
.filter-header .filter-popup .filter-popup-body {
background-color: #fff;
font-size: 0.56rem;
}
.filter-header .filter-popup .filter-popup-body .filter-title {
color: #999;
padding: 0.6rem 0.6rem 0 0.6rem;
}
.filter-header .filter-popup .filter-popup-body .filter-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 1.7rem 0;
padding: 0 0.6rem;
}
.filter-header .filter-popup .filter-popup-body .filter-content input {
width: 5rem;
height: 1rem;
line-height: 1rem;
padding: 0.3rem 0;
border-radius: 0.8rem;
background: #f7f7f7;
text-align: center;
font-size: 0.6rem;
color: #377ee6;
}
.filter-header .filter-popup .filter-popup-body .filter-content input::-webkit-input-placeholder {
font-size: 0.56rem;
letter-spacing: 2px;
color: #999 !important;
text-align: center;
}
.filter-header .filter-popup .filter-popup-body .filter-content input:-ms-input-placeholder {
font-size: 0.56rem;
letter-spacing: 2px;
color: #999 !important;
text-align: center;
}
.filter-header .filter-popup .filter-popup-body .filter-content input::-ms-input-placeholder {
font-size: 0.56rem;
letter-spacing: 2px;
color: #999 !important;
text-align: center;
}
.filter-header .filter-popup .filter-popup-body .filter-content input::placeholder {
font-size: 0.56rem;
letter-spacing: 2px;
color: #999 !important;
text-align: center;
}
.filter-header .filter-popup .filter-popup-body .filter-content .filter-line {
width: 1.3rem;
height: 2px;
background: #e5e5e5;
}
.filter-header .filter-popup .filter-popup-body .filter-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 1.8rem;
border-top: 1px solid #f7f7f7;
font-size: 0.6rem;
}
.filter-header .filter-popup .filter-popup-body .filter-footer div {
width: 50%;
text-align: center;
}
.filter-header .filter-popup .filter-popup-body .filter-footer div.sure-btn {
color: #377ee6;
border-left: 1px solid #e5e5e5;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html[data-v-5d882476],
body[data-v-5d882476],
div[data-v-5d882476],
span[data-v-5d882476],
applet[data-v-5d882476],
object[data-v-5d882476],
iframe[data-v-5d882476],
h1[data-v-5d882476],
h2[data-v-5d882476],
h3[data-v-5d882476],
h4[data-v-5d882476],
h5[data-v-5d882476],
h6[data-v-5d882476],
p[data-v-5d882476],
blockquote[data-v-5d882476],
pre[data-v-5d882476],
a[data-v-5d882476],
abbr[data-v-5d882476],
acronym[data-v-5d882476],
address[data-v-5d882476],
big[data-v-5d882476],
cite[data-v-5d882476],
code[data-v-5d882476],
del[data-v-5d882476],
dfn[data-v-5d882476],
em[data-v-5d882476],
img[data-v-5d882476],
ins[data-v-5d882476],
kbd[data-v-5d882476],
q[data-v-5d882476],
s[data-v-5d882476],
samp[data-v-5d882476],
small[data-v-5d882476],
strike[data-v-5d882476],
strong[data-v-5d882476],
sub[data-v-5d882476],
sup[data-v-5d882476],
tt[data-v-5d882476],
var[data-v-5d882476],
b[data-v-5d882476],
u[data-v-5d882476],
i[data-v-5d882476],
center[data-v-5d882476],
dl[data-v-5d882476],
dt[data-v-5d882476],
dd[data-v-5d882476],
ol[data-v-5d882476],
ul[data-v-5d882476],
li[data-v-5d882476],
fieldset[data-v-5d882476],
form[data-v-5d882476],
label[data-v-5d882476],
legend[data-v-5d882476],
table[data-v-5d882476],
caption[data-v-5d882476],
tbody[data-v-5d882476],
tfoot[data-v-5d882476],
thead[data-v-5d882476],
tr[data-v-5d882476],
th[data-v-5d882476],
td[data-v-5d882476],
article[data-v-5d882476],
aside[data-v-5d882476],
canvas[data-v-5d882476],
details[data-v-5d882476],
embed[data-v-5d882476],
figure[data-v-5d882476],
figcaption[data-v-5d882476],
footer[data-v-5d882476],
header[data-v-5d882476],
menu[data-v-5d882476],
nav[data-v-5d882476],
output[data-v-5d882476],
ruby[data-v-5d882476],
section[data-v-5d882476],
summary[data-v-5d882476],
textarea[data-v-5d882476],
time[data-v-5d882476],
mark[data-v-5d882476],
audio[data-v-5d882476],
video[data-v-5d882476],
input[data-v-5d882476] {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article[data-v-5d882476],
aside[data-v-5d882476],
details[data-v-5d882476],
figcaption[data-v-5d882476],
figure[data-v-5d882476],
footer[data-v-5d882476],
header[data-v-5d882476],
menu[data-v-5d882476],
nav[data-v-5d882476],
section[data-v-5d882476] {
display: block;
}
body[data-v-5d882476] {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote[data-v-5d882476],
q[data-v-5d882476] {
quotes: none;
}
blockquote[data-v-5d882476]:before,
blockquote[data-v-5d882476]:after,
q[data-v-5d882476]:before,
q[data-v-5d882476]:after {
content: none;
}
table[data-v-5d882476] {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a[data-v-5d882476] {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li[data-v-5d882476] {
list-style: none;
}
[data-v-5d882476]::-webkit-scrollbar {
width: 5px;
height: 5px;
}
[data-v-5d882476]::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
[data-v-5d882476]::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
[data-v-5d882476]::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html[data-v-5d882476],
body[data-v-5d882476] {
width: 100%;
}
html[data-v-5d882476] {
-ms-touch-action: none;
touch-action: none;
}
body[data-v-5d882476] {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[data-v-5d882476],
button[data-v-5d882476],
textarea[data-v-5d882476] {
outline: none;
}
.weui-dialog[data-v-5d882476] {
top: 1rem;
}
[data-v-5d882476]:root {
--theme-color: #0080ee;
}
html[data-v-5d882476],
body[data-v-5d882476] {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
[data-v-5d882476]::-webkit-scrollbar {
display: none;
}
.line-ellipsis[data-v-5d882476] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis[data-v-5d882476] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis[data-v-5d882476] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header[data-v-5d882476] {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast[data-v-5d882476] {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text[data-v-5d882476] {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow[data-v-5d882476] {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p[data-v-5d882476] {
color: #fff;
}
.weui-mask_transparent[data-v-5d882476] {
display: none;
}
.contentFix[data-v-5d882476] {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2[data-v-5d882476] {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header[data-v-5d882476],
.goodsCategory .vux-header[data-v-5d882476],
.goodsList .vux-header[data-v-5d882476],
.goods-detail .vux-header[data-v-5d882476],
.goodsContent .vux-header[data-v-5d882476],
.commonContent .vux-header[data-v-5d882476],
.user .vux-header[data-v-5d882476],
.page1 .vux-header[data-v-5d882476],
.page1-wrap .vux-header[data-v-5d882476] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left[data-v-5d882476],
.goodsCategory .vux-header .vux-header-left[data-v-5d882476],
.goodsList .vux-header .vux-header-left[data-v-5d882476],
.goods-detail .vux-header .vux-header-left[data-v-5d882476],
.goodsContent .vux-header .vux-header-left[data-v-5d882476],
.commonContent .vux-header .vux-header-left[data-v-5d882476],
.user .vux-header .vux-header-left[data-v-5d882476],
.page1 .vux-header .vux-header-left[data-v-5d882476],
.page1-wrap .vux-header .vux-header-left[data-v-5d882476],
.movie .vux-header .vux-header-right[data-v-5d882476],
.goodsCategory .vux-header .vux-header-right[data-v-5d882476],
.goodsList .vux-header .vux-header-right[data-v-5d882476],
.goods-detail .vux-header .vux-header-right[data-v-5d882476],
.goodsContent .vux-header .vux-header-right[data-v-5d882476],
.commonContent .vux-header .vux-header-right[data-v-5d882476],
.user .vux-header .vux-header-right[data-v-5d882476],
.page1 .vux-header .vux-header-right[data-v-5d882476],
.page1-wrap .vux-header .vux-header-right[data-v-5d882476] {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title[data-v-5d882476],
.goodsCategory .vux-header .vux-header-title[data-v-5d882476],
.goodsList .vux-header .vux-header-title[data-v-5d882476],
.goods-detail .vux-header .vux-header-title[data-v-5d882476],
.goodsContent .vux-header .vux-header-title[data-v-5d882476],
.commonContent .vux-header .vux-header-title[data-v-5d882476],
.user .vux-header .vux-header-title[data-v-5d882476],
.page1 .vux-header .vux-header-title[data-v-5d882476],
.page1-wrap .vux-header .vux-header-title[data-v-5d882476] {
color: #333;
}
.movie .content[data-v-5d882476],
.goodsCategory .content[data-v-5d882476],
.goodsList .content[data-v-5d882476],
.goods-detail .content[data-v-5d882476],
.goodsContent .content[data-v-5d882476],
.commonContent .content[data-v-5d882476],
.user .content[data-v-5d882476],
.page1 .content[data-v-5d882476],
.page1-wrap .content[data-v-5d882476] {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header[data-v-5d882476] {
background: none!important;
}
.padtop[data-v-5d882476] {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header[data-v-5d882476] {
padding-top: 2.1rem;
}
.padtop64[data-v-5d882476] {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66[data-v-5d882476] {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80[data-v-5d882476] {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom[data-v-5d882476] {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50[data-v-5d882476] {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65[data-v-5d882476] {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100[data-v-5d882476] {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160[data-v-5d882476] {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20[data-v-5d882476] {
top: 0.8rem /* 20/25 */;
}
.top32[data-v-5d882476] {
top: 1.28rem /* 30/25 */;
}
.top64[data-v-5d882476] {
top: 2.56rem /* 64/25 */;
}
.top50[data-v-5d882476] {
top: 2.0rem;
}
.top45[data-v-5d882476] {
top: 1.8rem;
/** 45/25 */
}
.bottom[data-v-5d882476] {
bottom: 0;
}
.fixed[data-v-5d882476] {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10[data-v-5d882476] {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix[data-v-5d882476] {
padding-bottom: 0;
}
.isIPhoneX .padtop[data-v-5d882476] {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64[data-v-5d882476] {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66[data-v-5d882476] {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80[data-v-5d882476] {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom[data-v-5d882476] {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10[data-v-5d882476] {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50[data-v-5d882476] {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65[data-v-5d882476] {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160[data-v-5d882476] {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20[data-v-5d882476] {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64[data-v-5d882476] {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom[data-v-5d882476] {
bottom: 10px;
}
.isIPhoneX .foot-fix[data-v-5d882476] {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer[data-v-5d882476] {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header[data-v-5d882476],
.isIPhoneX .goodsCategory .vux-header[data-v-5d882476],
.isIPhoneX .goodsList .vux-header[data-v-5d882476],
.isIPhoneX .goods-detail .vux-header[data-v-5d882476],
.isIPhoneX .goodsContent .vux-header[data-v-5d882476],
.isIPhoneX .commonContent .vux-header[data-v-5d882476],
.isIPhoneX .user .vux-header[data-v-5d882476],
.isIPhoneX .page1 .vux-header[data-v-5d882476],
.isIPhoneX .page1-wrap .vux-header[data-v-5d882476] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .goodsCategory .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .goodsList .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .goods-detail .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .goodsContent .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .commonContent .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .user .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .page1 .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .page1-wrap .vux-header .vux-header-left[data-v-5d882476],
.isIPhoneX .movie .vux-header .vux-header-right[data-v-5d882476],
.isIPhoneX .goodsCategory .vux-header .vux-header-right[data-v-5d882476],
.isIPhoneX .goodsList .vux-header .vux-header-right[data-v-5d882476],
.isIPhoneX .goods-detail .vux-header .vux-header-right[data-v-5d882476],
.isIPhoneX .goodsContent .vux-header .vux-header-right[data-v-5d882476],
.isIPhoneX .commonContent .vux-header .vux-header-right[data-v-5d882476],
.isIPhoneX .user .vux-header .vux-header-right[data-v-5d882476],
.isIPhoneX .page1 .vux-header .vux-header-right[data-v-5d882476],
.isIPhoneX .page1-wrap .vux-header .vux-header-right[data-v-5d882476] {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title[data-v-5d882476],
.isIPhoneX .goodsCategory .vux-header .vux-header-title[data-v-5d882476],
.isIPhoneX .goodsList .vux-header .vux-header-title[data-v-5d882476],
.isIPhoneX .goods-detail .vux-header .vux-header-title[data-v-5d882476],
.isIPhoneX .goodsContent .vux-header .vux-header-title[data-v-5d882476],
.isIPhoneX .commonContent .vux-header .vux-header-title[data-v-5d882476],
.isIPhoneX .user .vux-header .vux-header-title[data-v-5d882476],
.isIPhoneX .page1 .vux-header .vux-header-title[data-v-5d882476],
.isIPhoneX .page1-wrap .vux-header .vux-header-title[data-v-5d882476] {
color: #333;
}
.isIPhoneX .movie .content[data-v-5d882476],
.isIPhoneX .goodsCategory .content[data-v-5d882476],
.isIPhoneX .goodsList .content[data-v-5d882476],
.isIPhoneX .goods-detail .content[data-v-5d882476],
.isIPhoneX .goodsContent .content[data-v-5d882476],
.isIPhoneX .commonContent .content[data-v-5d882476],
.isIPhoneX .user .content[data-v-5d882476],
.isIPhoneX .page1 .content[data-v-5d882476],
.isIPhoneX .page1-wrap .content[data-v-5d882476] {
padding-top: 1.04rem /* 74/25 */;
}
.common-header[data-v-5d882476] {
width: 100%;
height: 2.1rem;
position: fixed;
top: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #333;
background-color: #fff;
z-index: 100;
}
.common-header .left[data-v-5d882476] {
width: 2rem;
text-align: center;
font-size: .8rem;
color: #333;
}
.common-header .left i[data-v-5d882476] {
color: #333;
}
.common-header .center[data-v-5d882476] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
font-size: .7rem;
color: #333;
}
.common-header .right[data-v-5d882476] {
width: 2rem;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.store-list {
height: 100%;
}
.store-list .store-title {
background: #fff;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.store-list .store-title .left {
color: #ccc !important;
}
.store-list .store-title .title {
color: #333 !important;
}
.store-list .store-title .search-btn {
width: 0.56rem /* 14/25 */;
padding: 0.2rem /* 5/25 */;
position: absolute;
right: 0.6rem /* 15/25 */;
}
.store-list .condition {
position: fixed;
top: 46px;
left: 0;
width: 100%;
z-index: 998;
background: #fff;
}
.store-list .condition .vux-button-group {
background-color: #fff;
}
.store-list .condition .services {
overflow: auto;
}
.store-list .condition .services .service-box.wid25 {
white-space: nowrap;
}
.store-list .condition .services .service-box.wid25 span {
display: inline-block;
width: 25%;
color: #666;
font-size: 0.56rem /* 14/25 */;
padding: 0.4rem /* 10/25 */ 0;
text-align: center;
}
.store-list .condition .services .service-box.wid25 span.active {
color: #0075f2;
border-bottom: 2px solid #0075f2;
}
.store-list .condition .services .service-box.disf {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.store-list .condition .services .service-box.disf span {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
color: #666;
font-size: 0.56rem /* 14/25 */;
padding: 0.4rem /* 10/25 */ 0;
}
.store-list .condition .services .service-box.disf span.active {
color: #0075f2;
border-bottom: 2px solid #0075f2;
}
.store-list .condition .search-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.store-list .condition .search-wrapper .search {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border: none;
}
.store-list .condition .search-wrapper .hide-btn {
font-size: 0.56rem /* 14/25 */;
color: #666;
padding: 0.4rem /* 10/25 */ 0.4rem /* 10/25 */ 0.4rem /* 10/25 */ 0;
}
.store-list .condition .vux-button-group > a {
font-size: 12px;
height: 26px;
line-height: 26px;
}
.store-list .condition .vux-button-group > a.vux-button-group-current {
color: #333;
background: #fff;
border-radius: 0;
border-bottom: 2px solid #4da3ff;
}
.store-list .condition .vux-button-group > a::after {
border: none;
border-top: 1px solid #f4f4f4;
border-radius: 0;
}
.store-list .store-lists {
position: fixed;
top: 50px;
left: 0;
width: 100%;
bottom: 0;
overflow: auto;
}
.store-list .store-lists .list-wrapper-paddingT {
padding-top: 66px;
}
.store-list .store-lists .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.4rem /* 10/25 */ 0 0.6rem /* 15/25 */ 0.4rem /* 10/25 */;
}
.store-list .store-lists .item .left {
margin-right: 0.6rem /* 15/25 */;
width: 2rem /* 50/25 */;
height: 2rem /* 50/25 */;
position: relative;
overflow: hidden;
border-radius: 0.4rem /* 10/25 */;
border: 1px solid #e3e3e3;
}
.store-list .store-lists .item .left img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.store-list .store-lists .item .right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
border-bottom: 1px solid #f7f7f7;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.store-list .store-lists .item .right .item-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 0.6rem /* 15/25 */;
}
.store-list .store-lists .item .right .item-title h3 {
font-size: 0.56rem /* 14/25 */;
line-height: 0.72rem /* 18/25 */;
color: #333;
font-weight: 600;
margin-bottom: 0.2rem /* 5/25 */;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.store-list .store-lists .item .right .item-title span {
font-size: 0.52rem /* 13/25 */;
color: #999;
margin-left: 0.4rem /* 10/25 */;
}
.store-list .store-lists .item .right .item-des {
font-size: 0.48rem /* 12/25 */;
color: #999;
line-height: 0.72rem;
/* 18/25 */
}
.store-list .store-lists .item .right .item-address {
font-size: 0.48rem /* 12/25 */;
color: #999;
margin: 0.28rem /* 7/25 */ 0;
padding-right: 0.6rem /* 15/25 */;
line-height: 0.64rem /* 16/25 */;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.vux-tab-ink-bar {
position: absolute;
height: 2px;
bottom: 0;
left: 0;
background-color: #04BE02;
text-align: center;
}
.vux-tab-ink-bar-transition-forward {
-webkit-transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s;
transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s;
}
.vux-tab-ink-bar-transition-backward {
-webkit-transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s, left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s, left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.vux-tab-bar-top .vux-tab-ink-bar {
top: 0;
}
.vux-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #fff;
height: 44px;
position: relative;
}
.vux-tab button {
padding: 0;
border: 0;
outline: 0;
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vux-tab .vux-tab-item {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), color-stop(#e5e5e5), to(rgba(229, 229, 229, 0))) bottom left no-repeat;
background: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) bottom left no-repeat;
background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) bottom left no-repeat;
background-size: 100% 1px;
font-size: 14px;
text-align: center;
line-height: 44px;
color: #666;
}
.vux-tab .vux-tab-item.vux-tab-selected {
color: #04BE02;
border-bottom: 3px solid #04BE02;
}
.vux-tab-bar-top .vux-tab .vux-tab-item {
background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), color-stop(#e5e5e5), to(rgba(229, 229, 229, 0))) top left no-repeat;
background: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) top left no-repeat;
background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) top left no-repeat;
background-size: 100% 1px;
}
.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected {
border-bottom: none;
border-top: 3px solid #04BE02;
}
.vux-tab .vux-tab-item.vux-tab-disabled {
color: #ddd;
}
.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected {
background: 0 0;
}
/** when=prop:custom-bar-width **/
.vux-tab-bar-inner {
display: block;
background-color: #04BE02;
margin: auto;
height: 100%;
-webkit-transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.vux-tab-item-badge {
position: absolute;
top: 0;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
height: 18px;
min-width: 18px;
padding: 0 4px;
border-radius: 30px;
margin: auto 0 auto 4px;
line-height: 18px;
font-size: 11px;
background-clip: padding-box;
vertical-align: middle;
}
.vux-tab-wrap {
position: relative;
padding-top: 44px;
}
.vux-tab-container {
height: 44px;
top: 0;
left: 0;
right: 0;
overflow: hidden;
position: absolute;
}
.scrollable {
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 17px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.scrollable::-webkit-scrollbar {
display: none;
}
.scrollable .vux-tab-ink-bar {
bottom: 17px;
position: absolute;
}
.scrollable .vux-tab-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 22%;
-ms-flex: 0 0 22%;
flex: 0 0 22%;
}
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.vux-reddot,
.vux-reddot-border,
.vux-reddot-s {
position: relative;
}
.vux-reddot:after,
.vux-reddot-border:after,
.vux-reddot-s:after {
content: '';
position: absolute;
display: block;
width: 8px;
height: 8px;
background-color: #f74c31;
border-radius: 5px;
right: -3px;
top: -3px;
background-clip: padding-box;
}
.vux-reddot-border:before {
content: '';
position: absolute;
display: block;
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 5px;
right: -4px;
top: -4px;
background-clip: padding-box;
padding: 1px;
}
.vux-reddot-s:after {
width: 6px;
height: 6px;
top: -5px;
right: -5px;
}
.vux-1px,
.vux-1px-t,
.vux-1px-b,
.vux-1px-tb,
.vux-1px-l,
.vux-1px-r {
position: relative;
}
.vux-1px:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 200%;
border: 1px solid #C7C7C7;
color: #C7C7C7;
height: 200%;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.vux-1px-t:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #C7C7C7;
color: #C7C7C7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.vux-1px-b:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #C7C7C7;
color: #C7C7C7;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.vux-1px-tb:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #C7C7C7;
color: #C7C7C7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.vux-1px-tb:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #C7C7C7;
color: #C7C7C7;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.vux-1px-l:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 1px;
bottom: 0;
border-left: 1px solid #C7C7C7;
color: #C7C7C7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.vux-1px-r:after {
content: " ";
position: absolute;
right: 0;
top: 0;
width: 1px;
bottom: 0;
border-right: 1px solid #C7C7C7;
color: #C7C7C7;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.vux-button-group {
-webkit-touch-callout: none;
display: box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.vux-button-group > a.vux-button-tab-item-last {
border-top-right-radius: 32px;
border-bottom-right-radius: 32px;
}
.vux-button-group > a.vux-button-tab-item-last:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 200%;
height: 1px;
border-right: 1px solid #04BE02;
border-top: 1px solid #04BE02;
border-bottom: 1px solid #04BE02;
border-left: none;
color: #04BE02;
height: 200%;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.5);
transform: scale(0.5);
/* #2322 */
z-index: 1;
border-top-right-radius: 32px;
border-bottom-right-radius: 32px;
}
.vux-button-group > a.vux-button-tab-item-first {
border-top-left-radius: 32px;
border-bottom-left-radius: 32px;
}
.vux-button-group > a.vux-button-tab-item-first:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 200%;
border: 1px solid #04BE02;
color: #04BE02;
height: 200%;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.5);
transform: scale(0.5);
border-top-left-radius: 32px;
border-bottom-left-radius: 32px;
}
.vux-button-group > a.vux-button-tab-item-middle:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 200%;
height: 1px;
border-right: 1px solid #04BE02;
border-top: 1px solid #04BE02;
border-bottom: 1px solid #04BE02;
border-left: none;
color: #04BE02;
height: 200%;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.5);
transform: scale(0.5);
/* #2322 */
z-index: 1;
}
.vux-button-group > a {
display: block;
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
height: 30px;
padding: 0;
font-size: 14px;
line-height: 31px;
text-align: center;
color: #999;
white-space: nowrap;
background: #fdfdfd;
-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
.vux-button-group > a:after {
background-clip: padding-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vux-button-group > a.vux-button-group-current {
color: #FFF;
background: #04BE02;
}
.vux-button-group > a.vux-button-group-current:disabled,
.vux-button-group > a:disabled {
border-color: #CDCDCD;
background: #e5e5e5;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
color: #aaa;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.cus-header {
position: fixed;
top: 0;
width: 100%;
max-width: 750px;
min-width: 320px;
z-index: 999;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.84rem /* 21/25 */ 0 0 0;
line-height: 1.8rem /* 45/25 */;
height: 1.8rem /* 45/25 */;
}
.cus-header .left {
position: absolute;
left: 0;
display: inline-block;
text-align: center;
color: #fff;
-webkit-text-stroke: 1px #fff;
}
.cus-header .title {
font-size: 0.64rem /* 16/25 */;
color: #000;
width: 75%;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.cus-header {
padding: 1.24rem /* 31/25 */ 0 0 0;
}
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html[data-v-63dce042],
body[data-v-63dce042],
div[data-v-63dce042],
span[data-v-63dce042],
applet[data-v-63dce042],
object[data-v-63dce042],
iframe[data-v-63dce042],
h1[data-v-63dce042],
h2[data-v-63dce042],
h3[data-v-63dce042],
h4[data-v-63dce042],
h5[data-v-63dce042],
h6[data-v-63dce042],
p[data-v-63dce042],
blockquote[data-v-63dce042],
pre[data-v-63dce042],
a[data-v-63dce042],
abbr[data-v-63dce042],
acronym[data-v-63dce042],
address[data-v-63dce042],
big[data-v-63dce042],
cite[data-v-63dce042],
code[data-v-63dce042],
del[data-v-63dce042],
dfn[data-v-63dce042],
em[data-v-63dce042],
img[data-v-63dce042],
ins[data-v-63dce042],
kbd[data-v-63dce042],
q[data-v-63dce042],
s[data-v-63dce042],
samp[data-v-63dce042],
small[data-v-63dce042],
strike[data-v-63dce042],
strong[data-v-63dce042],
sub[data-v-63dce042],
sup[data-v-63dce042],
tt[data-v-63dce042],
var[data-v-63dce042],
b[data-v-63dce042],
u[data-v-63dce042],
i[data-v-63dce042],
center[data-v-63dce042],
dl[data-v-63dce042],
dt[data-v-63dce042],
dd[data-v-63dce042],
ol[data-v-63dce042],
ul[data-v-63dce042],
li[data-v-63dce042],
fieldset[data-v-63dce042],
form[data-v-63dce042],
label[data-v-63dce042],
legend[data-v-63dce042],
table[data-v-63dce042],
caption[data-v-63dce042],
tbody[data-v-63dce042],
tfoot[data-v-63dce042],
thead[data-v-63dce042],
tr[data-v-63dce042],
th[data-v-63dce042],
td[data-v-63dce042],
article[data-v-63dce042],
aside[data-v-63dce042],
canvas[data-v-63dce042],
details[data-v-63dce042],
embed[data-v-63dce042],
figure[data-v-63dce042],
figcaption[data-v-63dce042],
footer[data-v-63dce042],
header[data-v-63dce042],
menu[data-v-63dce042],
nav[data-v-63dce042],
output[data-v-63dce042],
ruby[data-v-63dce042],
section[data-v-63dce042],
summary[data-v-63dce042],
textarea[data-v-63dce042],
time[data-v-63dce042],
mark[data-v-63dce042],
audio[data-v-63dce042],
video[data-v-63dce042],
input[data-v-63dce042] {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article[data-v-63dce042],
aside[data-v-63dce042],
details[data-v-63dce042],
figcaption[data-v-63dce042],
figure[data-v-63dce042],
footer[data-v-63dce042],
header[data-v-63dce042],
menu[data-v-63dce042],
nav[data-v-63dce042],
section[data-v-63dce042] {
display: block;
}
body[data-v-63dce042] {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote[data-v-63dce042],
q[data-v-63dce042] {
quotes: none;
}
blockquote[data-v-63dce042]:before,
blockquote[data-v-63dce042]:after,
q[data-v-63dce042]:before,
q[data-v-63dce042]:after {
content: none;
}
table[data-v-63dce042] {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a[data-v-63dce042] {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li[data-v-63dce042] {
list-style: none;
}
[data-v-63dce042]::-webkit-scrollbar {
width: 5px;
height: 5px;
}
[data-v-63dce042]::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
[data-v-63dce042]::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
[data-v-63dce042]::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html[data-v-63dce042],
body[data-v-63dce042] {
width: 100%;
}
html[data-v-63dce042] {
-ms-touch-action: none;
touch-action: none;
}
body[data-v-63dce042] {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[data-v-63dce042],
button[data-v-63dce042],
textarea[data-v-63dce042] {
outline: none;
}
.weui-dialog[data-v-63dce042] {
top: 1rem;
}
[data-v-63dce042]:root {
--theme-color: #0080ee;
}
html[data-v-63dce042],
body[data-v-63dce042] {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
[data-v-63dce042]::-webkit-scrollbar {
display: none;
}
.line-ellipsis[data-v-63dce042] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis[data-v-63dce042] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis[data-v-63dce042] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header[data-v-63dce042] {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast[data-v-63dce042] {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text[data-v-63dce042] {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow[data-v-63dce042] {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p[data-v-63dce042] {
color: #fff;
}
.weui-mask_transparent[data-v-63dce042] {
display: none;
}
.contentFix[data-v-63dce042] {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2[data-v-63dce042] {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header[data-v-63dce042],
.goodsCategory .vux-header[data-v-63dce042],
.goodsList .vux-header[data-v-63dce042],
.goods-detail .vux-header[data-v-63dce042],
.goodsContent .vux-header[data-v-63dce042],
.commonContent .vux-header[data-v-63dce042],
.user .vux-header[data-v-63dce042],
.page1 .vux-header[data-v-63dce042],
.page1-wrap .vux-header[data-v-63dce042] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left[data-v-63dce042],
.goodsCategory .vux-header .vux-header-left[data-v-63dce042],
.goodsList .vux-header .vux-header-left[data-v-63dce042],
.goods-detail .vux-header .vux-header-left[data-v-63dce042],
.goodsContent .vux-header .vux-header-left[data-v-63dce042],
.commonContent .vux-header .vux-header-left[data-v-63dce042],
.user .vux-header .vux-header-left[data-v-63dce042],
.page1 .vux-header .vux-header-left[data-v-63dce042],
.page1-wrap .vux-header .vux-header-left[data-v-63dce042],
.movie .vux-header .vux-header-right[data-v-63dce042],
.goodsCategory .vux-header .vux-header-right[data-v-63dce042],
.goodsList .vux-header .vux-header-right[data-v-63dce042],
.goods-detail .vux-header .vux-header-right[data-v-63dce042],
.goodsContent .vux-header .vux-header-right[data-v-63dce042],
.commonContent .vux-header .vux-header-right[data-v-63dce042],
.user .vux-header .vux-header-right[data-v-63dce042],
.page1 .vux-header .vux-header-right[data-v-63dce042],
.page1-wrap .vux-header .vux-header-right[data-v-63dce042] {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title[data-v-63dce042],
.goodsCategory .vux-header .vux-header-title[data-v-63dce042],
.goodsList .vux-header .vux-header-title[data-v-63dce042],
.goods-detail .vux-header .vux-header-title[data-v-63dce042],
.goodsContent .vux-header .vux-header-title[data-v-63dce042],
.commonContent .vux-header .vux-header-title[data-v-63dce042],
.user .vux-header .vux-header-title[data-v-63dce042],
.page1 .vux-header .vux-header-title[data-v-63dce042],
.page1-wrap .vux-header .vux-header-title[data-v-63dce042] {
color: #333;
}
.movie .content[data-v-63dce042],
.goodsCategory .content[data-v-63dce042],
.goodsList .content[data-v-63dce042],
.goods-detail .content[data-v-63dce042],
.goodsContent .content[data-v-63dce042],
.commonContent .content[data-v-63dce042],
.user .content[data-v-63dce042],
.page1 .content[data-v-63dce042],
.page1-wrap .content[data-v-63dce042] {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header[data-v-63dce042] {
background: none!important;
}
.padtop[data-v-63dce042] {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header[data-v-63dce042] {
padding-top: 2.1rem;
}
.padtop64[data-v-63dce042] {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66[data-v-63dce042] {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80[data-v-63dce042] {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom[data-v-63dce042] {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50[data-v-63dce042] {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65[data-v-63dce042] {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100[data-v-63dce042] {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160[data-v-63dce042] {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20[data-v-63dce042] {
top: 0.8rem /* 20/25 */;
}
.top32[data-v-63dce042] {
top: 1.28rem /* 30/25 */;
}
.top64[data-v-63dce042] {
top: 2.56rem /* 64/25 */;
}
.top50[data-v-63dce042] {
top: 2.0rem;
}
.top45[data-v-63dce042] {
top: 1.8rem;
/** 45/25 */
}
.bottom[data-v-63dce042] {
bottom: 0;
}
.fixed[data-v-63dce042] {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10[data-v-63dce042] {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix[data-v-63dce042] {
padding-bottom: 0;
}
.isIPhoneX .padtop[data-v-63dce042] {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64[data-v-63dce042] {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66[data-v-63dce042] {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80[data-v-63dce042] {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom[data-v-63dce042] {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10[data-v-63dce042] {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50[data-v-63dce042] {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65[data-v-63dce042] {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160[data-v-63dce042] {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20[data-v-63dce042] {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64[data-v-63dce042] {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom[data-v-63dce042] {
bottom: 10px;
}
.isIPhoneX .foot-fix[data-v-63dce042] {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer[data-v-63dce042] {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header[data-v-63dce042],
.isIPhoneX .goodsCategory .vux-header[data-v-63dce042],
.isIPhoneX .goodsList .vux-header[data-v-63dce042],
.isIPhoneX .goods-detail .vux-header[data-v-63dce042],
.isIPhoneX .goodsContent .vux-header[data-v-63dce042],
.isIPhoneX .commonContent .vux-header[data-v-63dce042],
.isIPhoneX .user .vux-header[data-v-63dce042],
.isIPhoneX .page1 .vux-header[data-v-63dce042],
.isIPhoneX .page1-wrap .vux-header[data-v-63dce042] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .goodsCategory .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .goodsList .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .goods-detail .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .goodsContent .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .commonContent .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .user .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .page1 .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .page1-wrap .vux-header .vux-header-left[data-v-63dce042],
.isIPhoneX .movie .vux-header .vux-header-right[data-v-63dce042],
.isIPhoneX .goodsCategory .vux-header .vux-header-right[data-v-63dce042],
.isIPhoneX .goodsList .vux-header .vux-header-right[data-v-63dce042],
.isIPhoneX .goods-detail .vux-header .vux-header-right[data-v-63dce042],
.isIPhoneX .goodsContent .vux-header .vux-header-right[data-v-63dce042],
.isIPhoneX .commonContent .vux-header .vux-header-right[data-v-63dce042],
.isIPhoneX .user .vux-header .vux-header-right[data-v-63dce042],
.isIPhoneX .page1 .vux-header .vux-header-right[data-v-63dce042],
.isIPhoneX .page1-wrap .vux-header .vux-header-right[data-v-63dce042] {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title[data-v-63dce042],
.isIPhoneX .goodsCategory .vux-header .vux-header-title[data-v-63dce042],
.isIPhoneX .goodsList .vux-header .vux-header-title[data-v-63dce042],
.isIPhoneX .goods-detail .vux-header .vux-header-title[data-v-63dce042],
.isIPhoneX .goodsContent .vux-header .vux-header-title[data-v-63dce042],
.isIPhoneX .commonContent .vux-header .vux-header-title[data-v-63dce042],
.isIPhoneX .user .vux-header .vux-header-title[data-v-63dce042],
.isIPhoneX .page1 .vux-header .vux-header-title[data-v-63dce042],
.isIPhoneX .page1-wrap .vux-header .vux-header-title[data-v-63dce042] {
color: #333;
}
.isIPhoneX .movie .content[data-v-63dce042],
.isIPhoneX .goodsCategory .content[data-v-63dce042],
.isIPhoneX .goodsList .content[data-v-63dce042],
.isIPhoneX .goods-detail .content[data-v-63dce042],
.isIPhoneX .goodsContent .content[data-v-63dce042],
.isIPhoneX .commonContent .content[data-v-63dce042],
.isIPhoneX .user .content[data-v-63dce042],
.isIPhoneX .page1 .content[data-v-63dce042],
.isIPhoneX .page1-wrap .content[data-v-63dce042] {
padding-top: 1.04rem /* 74/25 */;
}
.search-input[data-v-63dce042] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.2rem 0.6rem /* 15/25 */;
border: 1px solid #f5f5f5;
background: #fff;
}
.search-input .search-box[data-v-63dce042] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 0.8rem /* 20/25 */;
padding: 0 0.4rem /* 10/25 */ 0 0.6rem /* 15/25 */;
background: #f4f4f4;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.search-input .search-box .fa-search[data-v-63dce042],
.search-input .search-box .fa-times[data-v-63dce042] {
font-size: 0.56rem /* 14/25 */;
color: #999;
}
.search-input .search-box .input[data-v-63dce042] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.48rem /* 12/25 */;
color: #666;
margin: 0 0.4rem /* 10/25 */;
outline: none;
padding: 0.32rem /* 8/25 */ 0;
}
.search-input .btn[data-v-63dce042] {
border: none;
border-radius: 0.16rem /* 4/25 */;
margin-left: 0.4rem /* 10/25 */;
background: none;
font-size: 0.56rem /* 14/25 */;
color: #333;
outline: none;
padding: 0.2rem /* 5/25 */ 0.32rem /* 8/25 */;
}
.store-detail {
background-color: #f7f7f7;
}
.store-detail .head {
background-color: #fff;
padding: 0 0%;
}
.store-detail .head.noImage {
background-size: 3.2rem /* 80/25 */;
}
.store-detail .head .mint-swipe {
height: 7rem /* 230/25 */;
margin-top: 0rem;
background-color: #ffffff;
overflow: hidden;
}
.store-detail .head .mint-swipe .mint-swipe-items-wrap .mint-swipe-item img {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
}
.store-detail .head .mint-swipe .mint-swipe-indicators {
bottom: 0.4rem /* 10/25 */;
}
.store-detail .head .mint-swipe .mint-swipe-indicators .mint-swipe-indicator {
opacity: 1;
background-color: #e9eeed;
}
.store-detail .head .mint-swipe .mint-swipe-indicators .mint-swipe-indicator.is-active {
width: 12px;
border-radius: 5px;
background-color: #e7c402;
}
.store-detail .head .swiper-container {
z-index: 2;
height: 100%;
}
.store-detail .head .swiper-container .swiper-wrapper {
height: 100%;
}
.store-detail .head .swiper-container .swiper-wrapper .swiper-slide img {
display: block;
width: 100%;
}
.store-detail .head .swiper-container .swiper-pagination .swiper-pagination-bullet {
opacity: 1;
background-color: #e9eeed;
}
.store-detail .head .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 12px;
border-radius: 5px;
background-color: #e7c402;
}
.store-detail .head .hos-detail {
position: relative;
}
.store-detail .head .hos-detail .hos-box .bottom {
padding: 0.5rem;
margin-top: 3rem;
font-size: 0.55rem;
color: #8f8e8e;
}
.store-detail .head .hos-detail .hos-box .bottom .address {
line-height: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.store-detail .head .hos-detail .hos-box .bottom .address .add-info {
-webkit-box-flex: 3;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.store-detail .head .hos-detail .hos-box .bottom .address .map-btn {
width: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
border: 1px solid;
padding: 0rem 0.1rem;
border-radius: 0.6rem;
font-size: 0.45rem;
color: #50a1e9;
}
.store-detail .head .hos-detail .hos-box .bottom .time {
margin-top: 0.2rem;
}
.store-detail .head .hos-detail .hos-box .bottom .declare {
margin-top: 0.3rem;
border-top: 1px solid #e9eeed;
padding-top: 0.3rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #444444;
}
.store-detail .head .hos-detail .h-top {
position: absolute;
top: -4rem;
left: 9%;
background-color: #fff;
border-radius: 0.2rem;
width: calc(82% - 1rem);
font-size: 0.6rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem;
-webkit-box-shadow: 0 0 0.2rem #8f8e8e;
box-shadow: 0 0 0.2rem #8f8e8e;
}
.store-detail .head .hos-detail .h-top .h-img {
position: absolute;
top: -1rem;
width: 2rem;
height: 2rem;
border: 1px solid #e7e5e5;
border-radius: 1rem;
overflow: hidden;
}
.store-detail .head .hos-detail .h-top .h-img img {
width: 100%;
}
.store-detail .head .hos-detail .h-top .name {
font-size: 0.7rem;
padding: 0.3rem 0;
margin-top: 1rem;
}
.store-detail .head .hos-detail .h-top .info {
font-size: 0.55rem;
overflow: hidden;
height: 0.8rem;
}
.store-detail .head .hos-detail .h-top .info div {
padding: 0 0.2rem;
}
.store-detail .head .hos-detail .h-top .tag-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.store-detail .head .hos-detail .h-top .tag-box .tag {
border: 1px solid #50a1e9;
margin: 0.2rem 0.4rem 0 0;
padding: 0.2rem;
border-radius: 0.5rem;
font-size: 0.45rem;
color: #50a1e9;
}
.store-detail .container {
padding: 0 0.5rem;
margin-top: 0.3rem;
margin-bottom: 2rem;
background-color: #fff !important;
}
.store-detail .container .c-title {
font-size: 0.7rem;
padding: 0.3rem 0.5rem;
}
.store-detail .container .data-box {
height: 100%;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
/*! mescroll -- 精致的下拉刷新和上拉加载js框架 ( a great JS framework for pull-refresh and pull-up-loading )
* version 1.3.6
* 2018-09-10
* author: wenju < mescroll@qq.com > 文举
* *
* 官网: http://www.mescroll.com
* 动态: https://github.com/mescroll/mescroll/releases
* 问答: http://www.mescroll.com/qa.html
* issues: https://github.com/mescroll/mescroll/issues
* QQ交流群: 633126761
*
* 温馨提示: mescroll唯一的全局样式: html,body{height:100%},用于固定body的高度满屏; 如果影响到您原本的项目样式,可自行删除
*
*
* ----- mescroll的html结构解析 ----
*
下拉刷新
暂无相关数据~
去逛逛 >
加载中..
//无数据-- END --
*/
html,body{height:100%
}
body{-webkit-overflow-scrolling:touch
}
.mescroll{width:100%;height:100%;overflow-y:auto
}
.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000
}
.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center
}
.mescroll-downwarp-reset{-webkit-transition:height 300ms;transition:height 300ms
}
.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0
}
.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden
}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip,.mescroll-upwarp .upwarp-nodata{display:inline-block;font-size:12px;color:gray;vertical-align:middle
}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px
}
.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid gray;border-bottom-color:transparent;vertical-align:middle
}
.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite
}
@-webkit-keyframes mescrollRotate{
0%{-webkit-transform:rotate(0deg)
}
100%{-webkit-transform:rotate(360deg)
}
}
@keyframes mescrollRotate{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)
}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)
}
}
.mescroll-empty{width:100%;padding-top:20px;text-align:center
}
.mescroll-empty .empty-icon{width:45%
}
.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:gray
}
.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:white;color:#65aadd
}
.mescroll-empty .empty-btn:active{opacity:.75
}
.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0
}
.mescroll-lazy-in,.mescroll-fade-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards
}
@-webkit-keyframes mescrollFadeIn{
0%{opacity:0
}
100%{opacity:1
}
}
@keyframes mescrollFadeIn{
0%{opacity:0
}
100%{opacity:1
}
}
.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards
}
@-webkit-keyframes mescrollFadeOut{
0%{opacity:1
}
100%{opacity:0
}
}
@keyframes mescrollFadeOut{
0%{opacity:1
}
100%{opacity:0
}
}
.mescroll-bar::-webkit-scrollbar-track{background-color:transparent
}
.mescroll-bar::-webkit-scrollbar{width:6px
}
.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc
}
.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.hp-container {
left: 0;
bottom: 2.6rem;
top: 11.5rem /* 107/25 */;
height: auto;
}
.hp-container .box-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0.5rem;
margin-top: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #e9eeed;
}
.hp-container .box-item:nth-last-child(1) {
border: none;
}
.hp-container .box-item .img img {
width: 4rem;
height: 4rem;
}
.hp-container .box-item .content-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 65%;
padding: 0 0.5rem;
}
.hp-container .box-item .content-box .p-title {
line-height: 1rem;
font-size: 0.55rem;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hp-container .box-item .content-box .tag-box {
line-height: 0.9rem;
}
.hp-container .box-item .content-box .tag-box .tag {
background: #d0e1f3;
color: #0080ee;
width: 100%;
border-radius: 1rem;
font-size: 0.5rem;
padding: 0 0.3rem;
}
.hp-container .box-item .content-box .price {
color: red;
font-size: 0.7rem;
}
.hp-container .box-item .content-box .price span {
font-size: 0.5rem;
}
.hp-container .box-item .content-box .line-price {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 0.5rem;
}
.hp-container .box-item .content-box .line-price .l-p {
color: #c2c1c1;
text-decoration: line-through;
}
.hp-container .box-item .content-box .line-price .btn {
color: #fff;
font-size: 0.5rem;
background: red;
padding: 4px 7px;
border-radius: 10px;
}
.float-btn[data-v-69175377] {
/**设置悬浮按钮位置 */
position: fixed;
top: 0.4rem;
left: 0.4rem;
z-index: 999;
/**设置形状及阴影 */
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(177, 177, 177, 0.8);
-webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.4);
/**居中 */
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
/**过渡属性 */
-webkit-transition: width 0.5s, height 0.5s;
transition: width 0.5s, height 0.5s;
}
.float-btn[data-v-69175377]:active {
background-color: whitesmoke;
}
.bottom-btn[data-v-75efaf1e] {
/**设置悬浮按钮位置 */
position: fixed;
bottom: 0rem;
left: 0rem;
z-index: 999;
/**设置形状及阴影 */
width: 100%;
height: 50px;
background-color: #ff8124;
-webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.6);
/**居中 */
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 40px;
font-size: 0.64rem;
color: white;
/**过渡属性 */
-webkit-transition: width 0.5s, height 0.5s;
transition: width 0.5s, height 0.5s;
}
.bottom-btn[data-v-75efaf1e]:active {
background-color: #faa264;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html[data-v-4c4dd87b],
body[data-v-4c4dd87b],
div[data-v-4c4dd87b],
span[data-v-4c4dd87b],
applet[data-v-4c4dd87b],
object[data-v-4c4dd87b],
iframe[data-v-4c4dd87b],
h1[data-v-4c4dd87b],
h2[data-v-4c4dd87b],
h3[data-v-4c4dd87b],
h4[data-v-4c4dd87b],
h5[data-v-4c4dd87b],
h6[data-v-4c4dd87b],
p[data-v-4c4dd87b],
blockquote[data-v-4c4dd87b],
pre[data-v-4c4dd87b],
a[data-v-4c4dd87b],
abbr[data-v-4c4dd87b],
acronym[data-v-4c4dd87b],
address[data-v-4c4dd87b],
big[data-v-4c4dd87b],
cite[data-v-4c4dd87b],
code[data-v-4c4dd87b],
del[data-v-4c4dd87b],
dfn[data-v-4c4dd87b],
em[data-v-4c4dd87b],
img[data-v-4c4dd87b],
ins[data-v-4c4dd87b],
kbd[data-v-4c4dd87b],
q[data-v-4c4dd87b],
s[data-v-4c4dd87b],
samp[data-v-4c4dd87b],
small[data-v-4c4dd87b],
strike[data-v-4c4dd87b],
strong[data-v-4c4dd87b],
sub[data-v-4c4dd87b],
sup[data-v-4c4dd87b],
tt[data-v-4c4dd87b],
var[data-v-4c4dd87b],
b[data-v-4c4dd87b],
u[data-v-4c4dd87b],
i[data-v-4c4dd87b],
center[data-v-4c4dd87b],
dl[data-v-4c4dd87b],
dt[data-v-4c4dd87b],
dd[data-v-4c4dd87b],
ol[data-v-4c4dd87b],
ul[data-v-4c4dd87b],
li[data-v-4c4dd87b],
fieldset[data-v-4c4dd87b],
form[data-v-4c4dd87b],
label[data-v-4c4dd87b],
legend[data-v-4c4dd87b],
table[data-v-4c4dd87b],
caption[data-v-4c4dd87b],
tbody[data-v-4c4dd87b],
tfoot[data-v-4c4dd87b],
thead[data-v-4c4dd87b],
tr[data-v-4c4dd87b],
th[data-v-4c4dd87b],
td[data-v-4c4dd87b],
article[data-v-4c4dd87b],
aside[data-v-4c4dd87b],
canvas[data-v-4c4dd87b],
details[data-v-4c4dd87b],
embed[data-v-4c4dd87b],
figure[data-v-4c4dd87b],
figcaption[data-v-4c4dd87b],
footer[data-v-4c4dd87b],
header[data-v-4c4dd87b],
menu[data-v-4c4dd87b],
nav[data-v-4c4dd87b],
output[data-v-4c4dd87b],
ruby[data-v-4c4dd87b],
section[data-v-4c4dd87b],
summary[data-v-4c4dd87b],
textarea[data-v-4c4dd87b],
time[data-v-4c4dd87b],
mark[data-v-4c4dd87b],
audio[data-v-4c4dd87b],
video[data-v-4c4dd87b],
input[data-v-4c4dd87b] {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article[data-v-4c4dd87b],
aside[data-v-4c4dd87b],
details[data-v-4c4dd87b],
figcaption[data-v-4c4dd87b],
figure[data-v-4c4dd87b],
footer[data-v-4c4dd87b],
header[data-v-4c4dd87b],
menu[data-v-4c4dd87b],
nav[data-v-4c4dd87b],
section[data-v-4c4dd87b] {
display: block;
}
body[data-v-4c4dd87b] {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote[data-v-4c4dd87b],
q[data-v-4c4dd87b] {
quotes: none;
}
blockquote[data-v-4c4dd87b]:before,
blockquote[data-v-4c4dd87b]:after,
q[data-v-4c4dd87b]:before,
q[data-v-4c4dd87b]:after {
content: none;
}
table[data-v-4c4dd87b] {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a[data-v-4c4dd87b] {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li[data-v-4c4dd87b] {
list-style: none;
}
[data-v-4c4dd87b]::-webkit-scrollbar {
width: 5px;
height: 5px;
}
[data-v-4c4dd87b]::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
[data-v-4c4dd87b]::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
[data-v-4c4dd87b]::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html[data-v-4c4dd87b],
body[data-v-4c4dd87b] {
width: 100%;
}
html[data-v-4c4dd87b] {
-ms-touch-action: none;
touch-action: none;
}
body[data-v-4c4dd87b] {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[data-v-4c4dd87b],
button[data-v-4c4dd87b],
textarea[data-v-4c4dd87b] {
outline: none;
}
.weui-dialog[data-v-4c4dd87b] {
top: 1rem;
}
[data-v-4c4dd87b]:root {
--theme-color: #0080ee;
}
html[data-v-4c4dd87b],
body[data-v-4c4dd87b] {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
[data-v-4c4dd87b]::-webkit-scrollbar {
display: none;
}
.line-ellipsis[data-v-4c4dd87b] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis[data-v-4c4dd87b] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis[data-v-4c4dd87b] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header[data-v-4c4dd87b] {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast[data-v-4c4dd87b] {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text[data-v-4c4dd87b] {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow[data-v-4c4dd87b] {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p[data-v-4c4dd87b] {
color: #fff;
}
.weui-mask_transparent[data-v-4c4dd87b] {
display: none;
}
.contentFix[data-v-4c4dd87b] {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2[data-v-4c4dd87b] {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header[data-v-4c4dd87b],
.goodsCategory .vux-header[data-v-4c4dd87b],
.goodsList .vux-header[data-v-4c4dd87b],
.goods-detail .vux-header[data-v-4c4dd87b],
.goodsContent .vux-header[data-v-4c4dd87b],
.commonContent .vux-header[data-v-4c4dd87b],
.user .vux-header[data-v-4c4dd87b],
.page1 .vux-header[data-v-4c4dd87b],
.page1-wrap .vux-header[data-v-4c4dd87b] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left[data-v-4c4dd87b],
.goodsCategory .vux-header .vux-header-left[data-v-4c4dd87b],
.goodsList .vux-header .vux-header-left[data-v-4c4dd87b],
.goods-detail .vux-header .vux-header-left[data-v-4c4dd87b],
.goodsContent .vux-header .vux-header-left[data-v-4c4dd87b],
.commonContent .vux-header .vux-header-left[data-v-4c4dd87b],
.user .vux-header .vux-header-left[data-v-4c4dd87b],
.page1 .vux-header .vux-header-left[data-v-4c4dd87b],
.page1-wrap .vux-header .vux-header-left[data-v-4c4dd87b],
.movie .vux-header .vux-header-right[data-v-4c4dd87b],
.goodsCategory .vux-header .vux-header-right[data-v-4c4dd87b],
.goodsList .vux-header .vux-header-right[data-v-4c4dd87b],
.goods-detail .vux-header .vux-header-right[data-v-4c4dd87b],
.goodsContent .vux-header .vux-header-right[data-v-4c4dd87b],
.commonContent .vux-header .vux-header-right[data-v-4c4dd87b],
.user .vux-header .vux-header-right[data-v-4c4dd87b],
.page1 .vux-header .vux-header-right[data-v-4c4dd87b],
.page1-wrap .vux-header .vux-header-right[data-v-4c4dd87b] {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title[data-v-4c4dd87b],
.goodsCategory .vux-header .vux-header-title[data-v-4c4dd87b],
.goodsList .vux-header .vux-header-title[data-v-4c4dd87b],
.goods-detail .vux-header .vux-header-title[data-v-4c4dd87b],
.goodsContent .vux-header .vux-header-title[data-v-4c4dd87b],
.commonContent .vux-header .vux-header-title[data-v-4c4dd87b],
.user .vux-header .vux-header-title[data-v-4c4dd87b],
.page1 .vux-header .vux-header-title[data-v-4c4dd87b],
.page1-wrap .vux-header .vux-header-title[data-v-4c4dd87b] {
color: #333;
}
.movie .content[data-v-4c4dd87b],
.goodsCategory .content[data-v-4c4dd87b],
.goodsList .content[data-v-4c4dd87b],
.goods-detail .content[data-v-4c4dd87b],
.goodsContent .content[data-v-4c4dd87b],
.commonContent .content[data-v-4c4dd87b],
.user .content[data-v-4c4dd87b],
.page1 .content[data-v-4c4dd87b],
.page1-wrap .content[data-v-4c4dd87b] {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header[data-v-4c4dd87b] {
background: none!important;
}
.padtop[data-v-4c4dd87b] {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header[data-v-4c4dd87b] {
padding-top: 2.1rem;
}
.padtop64[data-v-4c4dd87b] {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66[data-v-4c4dd87b] {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80[data-v-4c4dd87b] {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom[data-v-4c4dd87b] {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50[data-v-4c4dd87b] {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65[data-v-4c4dd87b] {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100[data-v-4c4dd87b] {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160[data-v-4c4dd87b] {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20[data-v-4c4dd87b] {
top: 0.8rem /* 20/25 */;
}
.top32[data-v-4c4dd87b] {
top: 1.28rem /* 30/25 */;
}
.top64[data-v-4c4dd87b] {
top: 2.56rem /* 64/25 */;
}
.top50[data-v-4c4dd87b] {
top: 2.0rem;
}
.top45[data-v-4c4dd87b] {
top: 1.8rem;
/** 45/25 */
}
.bottom[data-v-4c4dd87b] {
bottom: 0;
}
.fixed[data-v-4c4dd87b] {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10[data-v-4c4dd87b] {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix[data-v-4c4dd87b] {
padding-bottom: 0;
}
.isIPhoneX .padtop[data-v-4c4dd87b] {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64[data-v-4c4dd87b] {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66[data-v-4c4dd87b] {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80[data-v-4c4dd87b] {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom[data-v-4c4dd87b] {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10[data-v-4c4dd87b] {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50[data-v-4c4dd87b] {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65[data-v-4c4dd87b] {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160[data-v-4c4dd87b] {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20[data-v-4c4dd87b] {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64[data-v-4c4dd87b] {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom[data-v-4c4dd87b] {
bottom: 10px;
}
.isIPhoneX .foot-fix[data-v-4c4dd87b] {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer[data-v-4c4dd87b] {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header[data-v-4c4dd87b],
.isIPhoneX .goodsCategory .vux-header[data-v-4c4dd87b],
.isIPhoneX .goodsList .vux-header[data-v-4c4dd87b],
.isIPhoneX .goods-detail .vux-header[data-v-4c4dd87b],
.isIPhoneX .goodsContent .vux-header[data-v-4c4dd87b],
.isIPhoneX .commonContent .vux-header[data-v-4c4dd87b],
.isIPhoneX .user .vux-header[data-v-4c4dd87b],
.isIPhoneX .page1 .vux-header[data-v-4c4dd87b],
.isIPhoneX .page1-wrap .vux-header[data-v-4c4dd87b] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .goodsCategory .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .goodsList .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .goods-detail .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .goodsContent .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .commonContent .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .user .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .page1 .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .page1-wrap .vux-header .vux-header-left[data-v-4c4dd87b],
.isIPhoneX .movie .vux-header .vux-header-right[data-v-4c4dd87b],
.isIPhoneX .goodsCategory .vux-header .vux-header-right[data-v-4c4dd87b],
.isIPhoneX .goodsList .vux-header .vux-header-right[data-v-4c4dd87b],
.isIPhoneX .goods-detail .vux-header .vux-header-right[data-v-4c4dd87b],
.isIPhoneX .goodsContent .vux-header .vux-header-right[data-v-4c4dd87b],
.isIPhoneX .commonContent .vux-header .vux-header-right[data-v-4c4dd87b],
.isIPhoneX .user .vux-header .vux-header-right[data-v-4c4dd87b],
.isIPhoneX .page1 .vux-header .vux-header-right[data-v-4c4dd87b],
.isIPhoneX .page1-wrap .vux-header .vux-header-right[data-v-4c4dd87b] {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title[data-v-4c4dd87b],
.isIPhoneX .goodsCategory .vux-header .vux-header-title[data-v-4c4dd87b],
.isIPhoneX .goodsList .vux-header .vux-header-title[data-v-4c4dd87b],
.isIPhoneX .goods-detail .vux-header .vux-header-title[data-v-4c4dd87b],
.isIPhoneX .goodsContent .vux-header .vux-header-title[data-v-4c4dd87b],
.isIPhoneX .commonContent .vux-header .vux-header-title[data-v-4c4dd87b],
.isIPhoneX .user .vux-header .vux-header-title[data-v-4c4dd87b],
.isIPhoneX .page1 .vux-header .vux-header-title[data-v-4c4dd87b],
.isIPhoneX .page1-wrap .vux-header .vux-header-title[data-v-4c4dd87b] {
color: #333;
}
.isIPhoneX .movie .content[data-v-4c4dd87b],
.isIPhoneX .goodsCategory .content[data-v-4c4dd87b],
.isIPhoneX .goodsList .content[data-v-4c4dd87b],
.isIPhoneX .goods-detail .content[data-v-4c4dd87b],
.isIPhoneX .goodsContent .content[data-v-4c4dd87b],
.isIPhoneX .commonContent .content[data-v-4c4dd87b],
.isIPhoneX .user .content[data-v-4c4dd87b],
.isIPhoneX .page1 .content[data-v-4c4dd87b],
.isIPhoneX .page1-wrap .content[data-v-4c4dd87b] {
padding-top: 1.04rem /* 74/25 */;
}
body[data-v-4c4dd87b] {
background-color: #ffffff;
}
.gary-bg[data-v-4c4dd87b] {
background: rgba(233, 233, 233, 0.5) !important;
}
.page1-wrap[data-v-4c4dd87b] {
height: 100%;
}
.page1-wrap .copy-wrapper[data-v-4c4dd87b] {
font-size: 12px;
color: #999;
background: #fff;
position: relative;
}
.page1-wrap .copy-wrapper .company-name[data-v-4c4dd87b] {
position: fixed;
left: 20px;
bottom: 1rem;
background: none;
}
.page1-wrap .copy-wrapper .record[data-v-4c4dd87b] {
position: fixed;
right: 20px;
bottom: 1rem;
}
.page1-wrap .page1[data-v-4c4dd87b] {
position: fixed;
top: 0;
bottom: 0;
width: 100%;
height: auto;
max-width: 750px;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: #f7f7f7;
}
.page1-wrap .page1 .mescroll-upwarp[data-v-4c4dd87b] {
display: none;
}
.page1-wrap .page1 .header-wrap[data-v-4c4dd87b] {
background: url(../../static/img/bgnew.89c43e3.png) no-repeat;
background-size: 100% 280px;
}
.page1-wrap .page1 .header-wrap .header[data-v-4c4dd87b] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 20px 20px 20px;
color: #333;
font-size: 0.56rem;
}
.page1-wrap .page1 .header-wrap .header .header-left[data-v-4c4dd87b],
.page1-wrap .page1 .header-wrap .header .header-right[data-v-4c4dd87b] {
text-align: center;
}
.page1-wrap .page1 .header-wrap .head[data-v-4c4dd87b] {
height: 100%;
background-color: transparent;
}
.page1-wrap .page1 .header-wrap .head.noImage[data-v-4c4dd87b] {
background-size: 3.2rem /* 80/25 */;
}
.page1-wrap .page1 .header-wrap .head .mint-swipe[data-v-4c4dd87b] {
width: 90%;
height: 7.1rem;
margin: 0 5%;
border-radius: 0.5rem;
}
.page1-wrap .page1 .header-wrap .head .mint-swipe .mint-swipe-items-wrap .mint-swipe-item img[data-v-4c4dd87b] {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
}
.page1-wrap .page1 .header-wrap .head .mint-swipe .mint-swipe-indicators[data-v-4c4dd87b] {
bottom: 0.4rem /* 10/25 */;
}
.page1-wrap .page1 .header-wrap .head .mint-swipe .mint-swipe-indicators .mint-swipe-indicator[data-v-4c4dd87b] {
opacity: 1;
background-color: #e9eeed;
}
.page1-wrap .page1 .header-wrap .head .mint-swipe .mint-swipe-indicators .mint-swipe-indicator.is-active[data-v-4c4dd87b] {
width: 12px;
border-radius: 5px;
background-color: #e7c402;
}
.page1-wrap .page1 .header-wrap .head .swiper-container[data-v-4c4dd87b] {
z-index: 2;
height: 100%;
}
.page1-wrap .page1 .header-wrap .head .swiper-container .swiper-wrapper[data-v-4c4dd87b] {
height: 100%;
}
.page1-wrap .page1 .header-wrap .head .swiper-container .swiper-wrapper .swiper-slide img[data-v-4c4dd87b] {
display: block;
width: 100%;
}
.page1-wrap .page1 .header-wrap .head .swiper-container .swiper-pagination .swiper-pagination-bullet[data-v-4c4dd87b] {
opacity: 1;
background-color: #e9eeed;
}
.page1-wrap .page1 .header-wrap .head .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active[data-v-4c4dd87b] {
width: 12px;
border-radius: 5px;
background-color: #e7c402;
}
.page1-wrap .page1 .main-content .go-shop[data-v-4c4dd87b] {
margin-top: 0.6rem;
}
.page1-wrap .page1 .main-content .go-shop img[data-v-4c4dd87b] {
width: 94%;
margin: 0 4% 0 2%;
}
.page1-wrap .page1 .main-content .header-content[data-v-4c4dd87b] {
font-size: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.2rem 0 0.1rem 0;
}
.page1-wrap .page1 .main-content .header-content .header-menu[data-v-4c4dd87b] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 0.65rem;
border: 1px solid #0080ee;
}
.page1-wrap .page1 .main-content .header-content .header-menu .header-menu-left[data-v-4c4dd87b] {
border-radius: 0.65rem 0 0 0.65rem;
}
.page1-wrap .page1 .main-content .header-content .header-menu .header-menu-right[data-v-4c4dd87b] {
border-radius: 0 0.65rem 0.65rem 0;
}
.page1-wrap .page1 .main-content .header-content .header-menu .header-menu-item[data-v-4c4dd87b] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 4.5rem;
height: 1.2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: rgba(255, 255, 255, 0.8);
color: #666;
}
.page1-wrap .page1 .main-content .header-content .header-menu .header-menu-item.active[data-v-4c4dd87b] {
font-size: 14px;
background-image: -webkit-gradient(linear, left top, right top, from(#516dff), to(#0080ee));
background-image: -webkit-linear-gradient(left, #516dff, #0080ee);
background-image: linear-gradient(to right, #516dff, #0080ee);
color: #fff;
border: none;
}
.page1-wrap .page1 .main-content .movie-list[data-v-4c4dd87b] {
padding: 0.5rem 5% 0 5%;
}
.page1-wrap .page1 .main-content .movie-list .movie-item[data-v-4c4dd87b] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0.6rem;
font-size: 14px;
border-radius: 0.5rem;
padding: 0.4rem;
background: url(../../static/img/itemBgnew.d94325a.png) no-repeat;
background-size: 100% 5rem;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-left[data-v-4c4dd87b] {
position: relative;
width: 3rem;
height: 4rem;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-left img[data-v-4c4dd87b] {
width: 100%;
height: 100%;
border-radius: 0.15rem;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-left .movie-type[data-v-4c4dd87b] {
position: absolute;
top: 0.1rem;
left: 0.1rem;
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 0.4rem;
padding: 0.1rem;
border-radius: 0.1rem;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-center[data-v-4c4dd87b] {
height: 4rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 0.3rem;
color: #333;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-center h3[data-v-4c4dd87b] {
font-size: 15px;
height: 20px;
line-height: 20px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-center p[data-v-4c4dd87b] {
width: 100%;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 0.22rem;
line-height: 13px;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-right .buy-btn[data-v-4c4dd87b] {
width: 3rem;
height: 1rem;
border-radius: 0.5rem;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-right .buy-btn.orange[data-v-4c4dd87b] {
background-image: -webkit-gradient(linear, left bottom, right top, from(#516dff), to(#0080ee));
background-image: -webkit-linear-gradient(bottom left, #516dff, #0080ee);
background-image: linear-gradient(to top right, #516dff, #0080ee);
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-right .buy-btn.blue[data-v-4c4dd87b] {
background: #9bc5ef;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-right .buy-btn.yellow[data-v-4c4dd87b] {
background: #efb23d;
}
.page1-wrap .page1 .main-content .movie-list .movie-item .movie-item-right .no-buy[data-v-4c4dd87b] {
background: #c9c8c8 !important;
color: #666 !important;
}
.page1-wrap .page1 .main-content .no-data[data-v-4c4dd87b] {
font-size: 16px;
color: #666;
text-align: center;
}
.page1-wrap .page1 .main-content .no-data img[data-v-4c4dd87b] {
width: 7.2rem;
}
.page1-wrap .vux-header[data-v-4c4dd87b] {
z-index: 1002 !important;
}
.page1-wrap .httpBg[data-v-4c4dd87b] {
position: fixed;
top: 0;
bottom: 0;
z-index: 1001;
width: 100%;
max-width: 750px;
height: 100%;
background-color: #ffffff;
}
.page1-wrap .app-header[data-v-4c4dd87b] {
position: fixed;
top: 0;
width: 100%;
max-width: 750px;
z-index: 1000;
background-color: rgba(255, 255, 255, 0);
}
.page1-wrap .app-header .app-content[data-v-4c4dd87b] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.28rem /* 7/25 */ 0.6rem /* 15/25 */;
}
.page1-wrap .app-header .app-content .left[data-v-4c4dd87b] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0.4rem /* 10/25 */;
}
.page1-wrap .app-header .app-content .left .header-logo[data-v-4c4dd87b] {
width: 120px;
height: 28px;
margin-right: 5px;
}
.page1-wrap .app-header .app-content .left .logo-text[data-v-4c4dd87b] {
font-size: 14px;
color: #333;
border-left: 1px solid #666;
padding-left: 5px;
}
.page1-wrap .app-header .app-content .center[data-v-4c4dd87b] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
height: 1.2rem /* 30/25 */;
line-height: 1.2rem /* 30/25 */;
padding-left: 1.36rem /* 34/25 */;
border-radius: 20px;
font-size: 0.48rem /* 12/25 */;
color: #999999;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAACHDwAAjA8AAP1SAACBQAAAfXkAAOmLAAA85QAAGcxzPIV3AAAKL2lDQ1BJQ0MgUHJvZmlsZQAASMedlndUVNcWh8+9d3qhzTDSGXqTLjCA9C4gHQRRGGYGGMoAwwxNbIioQEQREQFFkKCAAaOhSKyIYiEoqGAPSBBQYjCKqKhkRtZKfHl57+Xl98e939pn73P32XuftS4AJE8fLi8FlgIgmSfgB3o401eFR9Cx/QAGeIABpgAwWempvkHuwUAkLzcXerrICfyL3gwBSPy+ZejpT6eD/0/SrFS+AADIX8TmbE46S8T5Ik7KFKSK7TMipsYkihlGiZkvSlDEcmKOW+Sln30W2VHM7GQeW8TinFPZyWwx94h4e4aQI2LER8QFGVxOpohvi1gzSZjMFfFbcWwyh5kOAIoktgs4rHgRm4iYxA8OdBHxcgBwpLgvOOYLFnCyBOJDuaSkZvO5cfECui5Lj25qbc2ge3IykzgCgaE/k5XI5LPpLinJqUxeNgCLZ/4sGXFt6aIiW5paW1oamhmZflGo/7r4NyXu7SK9CvjcM4jW94ftr/xS6gBgzIpqs+sPW8x+ADq2AiB3/w+b5iEAJEV9a7/xxXlo4nmJFwhSbYyNMzMzjbgclpG4oL/rfzr8DX3xPSPxdr+Xh+7KiWUKkwR0cd1YKUkpQj49PZXJ4tAN/zzE/zjwr/NYGsiJ5fA5PFFEqGjKuLw4Ubt5bK6Am8Kjc3n/qYn/MOxPWpxrkSj1nwA1yghI3aAC5Oc+gKIQARJ5UNz13/vmgw8F4psXpjqxOPefBf37rnCJ+JHOjfsc5xIYTGcJ+RmLa+JrCdCAACQBFcgDFaABdIEhMANWwBY4AjewAviBYBAO1gIWiAfJgA8yQS7YDApAEdgF9oJKUAPqQSNoASdABzgNLoDL4Dq4Ce6AB2AEjIPnYAa8AfMQBGEhMkSB5CFVSAsygMwgBmQPuUE+UCAUDkVDcRAPEkK50BaoCCqFKqFaqBH6FjoFXYCuQgPQPWgUmoJ+hd7DCEyCqbAyrA0bwwzYCfaGg+E1cBycBufA+fBOuAKug4/B7fAF+Dp8Bx6Bn8OzCECICA1RQwwRBuKC+CERSCzCRzYghUg5Uoe0IF1IL3ILGUGmkXcoDIqCoqMMUbYoT1QIioVKQ21AFaMqUUdR7age1C3UKGoG9QlNRiuhDdA2aC/0KnQcOhNdgC5HN6Db0JfQd9Dj6DcYDIaG0cFYYTwx4ZgEzDpMMeYAphVzHjOAGcPMYrFYeawB1g7rh2ViBdgC7H7sMew57CB2HPsWR8Sp4sxw7rgIHA+XhyvHNeHO4gZxE7h5vBReC2+D98Oz8dn4Enw9vgt/Az+OnydIE3QIdoRgQgJhM6GC0EK4RHhIeEUkEtWJ1sQAIpe4iVhBPE68QhwlviPJkPRJLqRIkpC0k3SEdJ50j/SKTCZrkx3JEWQBeSe5kXyR/Jj8VoIiYSThJcGW2ChRJdEuMSjxQhIvqSXpJLlWMkeyXPKk5A3JaSm8lLaUixRTaoNUldQpqWGpWWmKtKm0n3SydLF0k/RV6UkZrIy2jJsMWyZf5rDMRZkxCkLRoLhQWJQtlHrKJco4FUPVoXpRE6hF1G+o/dQZWRnZZbKhslmyVbJnZEdoCE2b5kVLopXQTtCGaO+XKC9xWsJZsmNJy5LBJXNyinKOchy5QrlWuTty7+Xp8m7yifK75TvkHymgFPQVAhQyFQ4qXFKYVqQq2iqyFAsVTyjeV4KV9JUCldYpHVbqU5pVVlH2UE5V3q98UXlahabiqJKgUqZyVmVKlaJqr8pVLVM9p/qMLkt3oifRK+g99Bk1JTVPNaFarVq/2ry6jnqIep56q/ojDYIGQyNWo0yjW2NGU1XTVzNXs1nzvhZei6EVr7VPq1drTltHO0x7m3aH9qSOnI6XTo5Os85DXbKug26abp3ubT2MHkMvUe+A3k19WN9CP16/Sv+GAWxgacA1OGAwsBS91Hopb2nd0mFDkqGTYYZhs+GoEc3IxyjPqMPohbGmcYTxbuNe408mFiZJJvUmD0xlTFeY5pl2mf5qpm/GMqsyu21ONnc332jeaf5ymcEyzrKDy+5aUCx8LbZZdFt8tLSy5Fu2WE5ZaVpFW1VbDTOoDH9GMeOKNdra2Xqj9WnrdzaWNgKbEza/2BraJto22U4u11nOWV6/fMxO3Y5pV2s3Yk+3j7Y/ZD/ioObAdKhzeOKo4ch2bHCccNJzSnA65vTC2cSZ79zmPOdi47Le5bwr4urhWuja7ybjFuJW6fbYXd09zr3ZfcbDwmOdx3lPtKe3527PYS9lL5ZXo9fMCqsV61f0eJO8g7wrvZ/46Pvwfbp8Yd8Vvnt8H67UWslb2eEH/Lz89vg98tfxT/P/PgAT4B9QFfA00DQwN7A3iBIUFdQU9CbYObgk+EGIbogwpDtUMjQytDF0Lsw1rDRsZJXxqvWrrocrhHPDOyOwEaERDRGzq91W7109HmkRWRA5tEZnTdaaq2sV1iatPRMlGcWMOhmNjg6Lbor+wPRj1jFnY7xiqmNmWC6sfaznbEd2GXuKY8cp5UzE2sWWxk7G2cXtiZuKd4gvj5/munAruS8TPBNqEuYS/RKPJC4khSW1JuOSo5NP8WR4ibyeFJWUrJSBVIPUgtSRNJu0vWkzfG9+QzqUvia9U0AV/Uz1CXWFW4WjGfYZVRlvM0MzT2ZJZ/Gy+rL1s3dkT+S453y9DrWOta47Vy13c+7oeqf1tRugDTEbujdqbMzfOL7JY9PRzYTNiZt/yDPJK817vSVsS1e+cv6m/LGtHlubCyQK+AXD22y31WxHbedu799hvmP/jk+F7MJrRSZF5UUfilnF174y/ariq4WdsTv7SyxLDu7C7OLtGtrtsPtoqXRpTunYHt897WX0ssKy13uj9l4tX1Zes4+wT7hvpMKnonO/5v5d+z9UxlfeqXKuaq1Wqt5RPXeAfWDwoOPBlhrlmqKa94e4h+7WetS212nXlR/GHM44/LQ+tL73a8bXjQ0KDUUNH4/wjowcDTza02jV2Nik1FTSDDcLm6eORR67+Y3rN50thi21rbTWouPguPD4s2+jvx064X2i+yTjZMt3Wt9Vt1HaCtuh9uz2mY74jpHO8M6BUytOdXfZdrV9b/T9kdNqp6vOyJ4pOUs4m3924VzOudnzqeenL8RdGOuO6n5wcdXF2z0BPf2XvC9duex++WKvU++5K3ZXTl+1uXrqGuNax3XL6+19Fn1tP1j80NZv2d9+w+pG503rm10DywfODjoMXrjleuvyba/b1++svDMwFDJ0dzhyeOQu++7kvaR7L+9n3J9/sOkh+mHhI6lH5Y+VHtf9qPdj64jlyJlR19G+J0FPHoyxxp7/lP7Th/H8p+Sn5ROqE42TZpOnp9ynbj5b/Wz8eerz+emCn6V/rn6h++K7Xxx/6ZtZNTP+kv9y4dfiV/Kvjrxe9rp71n/28ZvkN/NzhW/l3x59x3jX+z7s/cR85gfsh4qPeh+7Pnl/eriQvLDwG/eE8/s3BCkeAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAIXRFWHRDcmVhdGlvbiBUaW1lADIwMTg6MDc6MTEgMTE6MjM6NDaZDst9AAADi0lEQVRIS7WWPWhTURTHX16SpkoEq1YJRQQdRKmCU8V2kBa3JoQSVKJDBxHErZaupYgWEQc/l9CiYIm2lbRNBh1arCJOaRf7gS5CdVCpSDRYaZLn/38/Yl6TNibQHxzOOTd595x377nnPodlWcZ6jI6ONtTW1p6G2QY5CtnDcbCM5+ahp1dXV590dHR8kMPlKRkwFov53G73dZjnIS4xuD6Ywko4HI6e9vb2RTW2LkUBJyYmAqZpPoK5XY7YyEH4gFN4dv5AuhD0gXRLYyotiMfjFxEsBlMH4+TPIecg+wKBgAviXllZ8SHRIMaikAyEeCD3E4nEDemWJv+G+CMneAbRSSzitwt+v/+N8ksyNjZ2yOVyRWA2yxGxxt147pZybYjJuWdQg9oH06lUqqlcMBIMBheSyeRJBBlSQwb2sx+rdUy5NkQAZHgNqo42WMzlcv5wOJxSfll6e3szMzMznQg6qYbckNvStOMYGRlh6X+EzWq0MplMM7J+K36tEBTcXtQAK3UrfSTQsnaVTI/HcwZal/6LaoMRFNQS1ID0BDxWNrikPNQCLOVjZVZNNpvNz4G9zM+tMTHYqGwDy/FamVWDzpOE+i094wC61RZlC/iGu6Vp5FBtn5RdNaFQKAv1WXqGWVNTs0vZAgbUR8Hq6+sr7nPVwY4kQOHYuhKDLUvTcA4PD+vmXDXYFgcUz7UAW6bnFzDggjTRmzyeJmVWDY7GYaht0jOWULk/lS0w8covlc1sziqzajBf4RzTSucxUcZPofXehZDhQWVXTDQarUPSl5TLY8bmbsPEQX8PHZeu4cIeDEQiEbamivF6vXehdkrPmJudneVNY0NUKDLpgeJ9Rpp9Pt9DVGy5i9cGmvVVvB2vMcIV60KPzVerJn89YSkv4+3uCUcyhUQ6VbtaFxzsHejFfLOwHBH8ghzHZTwn3X/YbnzciTehuqUnCiCNrAfZrthB1KEWpc9qZIGoPdPLWMgXSNvaoEWfGAjKgP2QtUvKdsVOxAd4znTpaziehniFJ/kKaS0MWhSQ8PJE5ndgtsiRssxh+a/gzZnQFES3S2ILWjKgBst2ApPwijkF2Q/RbZBw8lcINMRq1AWCT45Gp9M5hYTr6RPE+IZtacWJeLdhwELY9VEc9XjQTKfT3zf6Itgo6H8HrJTx8fEjWJ3JwqBgftMCkhJBf2xqQMLlxUca22eDZVldfwGEInhaRMTLowAAAABJRU5ErkJggg==) no-repeat rgba(255, 255, 255, 0.8) 0.48rem center;
background-size: 0.56rem /* 14/25 */;
}
.page1-wrap .app-header .app-content .center.bg[data-v-4c4dd87b] {
color: #333333;
background-color: #e3e3e3;
}
.page1-wrap .app-header .app-content .right[data-v-4c4dd87b] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 1.28rem /* 32/25 */;
position: relative;
}
.page1-wrap .app-header .app-content .right img[data-v-4c4dd87b] {
width: 0.84rem /* 21/25 */;
}
.page1-wrap .app-header .app-content .right .badge[data-v-4c4dd87b] {
position: absolute;
top: 0;
right: -0.4rem;
/* 10/25 */
}
.page1-wrap .company-wrapper[data-v-4c4dd87b] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 9999;
}
.page1-wrap .company-wrapper .company-box[data-v-4c4dd87b] {
padding: 15px 15px 30px;
background: #fff;
position: absolute;
bottom: 0;
top: 130px;
overflow: auto;
}
.page1-wrap .company-wrapper .company-box .close[data-v-4c4dd87b] {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
background: #0c62ff;
color: #fff;
padding: 5px 10px;
border-radius: 10px;
}
.page1-wrap .company-wrapper .company-box .title[data-v-4c4dd87b] {
height: 44px;
line-height: 44px;
font-size: 16px;
font-weight: bold;
color: #333;
}
.page1-wrap .company-wrapper .company-box .text[data-v-4c4dd87b] {
line-height: 21px;
font-size: 14px;
color: #333;
text-indent: 28px;
}
.page1-wrap .version-box[data-v-4c4dd87b] {
position: fixed;
top: 0;
width: 100%;
height: 1.76rem /* 44/25 */;
line-height: 1.76rem /* 44/25 */;
min-width: 320px;
max-width: 750px;
z-index: 1001;
text-align: center;
font-size: 0.56rem /* 14/25 */;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.5);
}
.page1-wrap .update-notice-wrapper[data-v-4c4dd87b] {
position: fixed;
top: 0;
bottom: 0;
min-width: 320px;
max-width: 750px;
z-index: 99999;
}
.page1-wrap .update-notice-wrapper .update-notice-img[data-v-4c4dd87b] {
width: 100%;
height: 100%;
}
.page1-wrap .company-wrapper[data-v-4c4dd87b] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 9999;
}
.page1-wrap .company-wrapper .company-box[data-v-4c4dd87b] {
padding: 15px 15px 30px;
background: #fff;
position: absolute;
bottom: 0;
top: 130px;
overflow: auto;
}
.page1-wrap .company-wrapper .company-box .close[data-v-4c4dd87b] {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
background: #0c62ff;
color: #fff;
padding: 5px 10px;
border-radius: 10px;
}
.page1-wrap .company-wrapper .company-box .title[data-v-4c4dd87b] {
height: 44px;
line-height: 44px;
font-size: 16px;
font-weight: 700;
color: #333;
}
.page1-wrap .company-wrapper .company-box .text[data-v-4c4dd87b] {
line-height: 21px;
font-size: 14px;
color: #333;
text-indent: 28px;
}
.model-box[data-v-4c4dd87b] {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 9998;
}
.guide[data-v-4c4dd87b] {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
}
.guide .guide-count-down[data-v-4c4dd87b] {
padding: 4px 8px;
background-color: rgba(211, 120, 120, 0.4);
color: #fff;
font-size: 14px;
border-radius: 20px;
position: absolute;
top: 35px;
right: 10px;
}
.guide .activity-content[data-v-4c4dd87b] {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 9999;
}
.guide .activity-content .activity-swiper[data-v-4c4dd87b] {
width: 100%;
height: 100%;
}
.guide .activity-content .activity-swiper img[data-v-4c4dd87b] {
width: 100%;
height: 100%;
}
.activity618-box[data-v-4c4dd87b] {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 9998;
}
.activity618-box .close-btn[data-v-4c4dd87b] {
width: 1.6rem;
height: 1.6rem;
position: absolute;
top: 10%;
right: 20%;
margin-right: -0.8rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAMAAADWOFNCAAAAk1BMVEUAAAD1aF71aF71aF71aF71aF7////////1aF71aF7////1aF71aF71aF7////1aF71aF71aF71aF71aF71aF71aF71aF7////////////////1aF7////////1aF7////1aF7////1aF71aF71aF7////1aF71aF7////1aF71aF7////1aF71aF71aF71aF7////DT5ErAAAAL3RSTlMASI/U6qUw78NOEHuzIc9+WnZCG7lpFa+PcN/cv2DGgFtAzbytn5dWIA8MUIA8Kle3ymMAAAIdSURBVEjHpZZrf6owDMYfYKAgN8H7mOjU3c42+v0/3ZnFNtaU4eH83yD+UpInSdvAxkcxd/34EPvuvPjAXSTZtrlmmyXoIxw3nHH4+xqvseN1ryvjppu4hBXnQZs8+pM8LMJ84j/q/x4cWJjoaKbX8pOpjnoChquUOzwIlSEXN7xcwtjBxu4S/AsMpu2/swXsLGatwdTIOIugS0F4lfI2gAy/kbUSqABH8tTrLdY5ajWhj5kRoyddL9DHQgrx2pdX+Ykd+tlJy1f5eyyLC8W+XuOKoK7f9AuZJvIDDq0S4okWRRuRRjAzkKiMeiBWYhTol6V80XiqQs+s5il9/okcUw89A+/aKUkZiZPxq4XkvKOQ+wkG64uHSHkl5H4rMD8/fCgMNSf5MPDP5nO4tv0WjURKotjeddvFORSU/tWPqCVuydvQYlUtk1qIjdiQKKNiMQ7nxxcYqRAiAOPrbH7gviiPFdDhi+mimgmxRpcunsNLpUYnCpHl0KwX9aLYI1XpYPWy9gb+CFEDb5R6s30LSx9K80ouZtLKtg9tPY8fUZEKNICt5/Fp7C/TVkpjAX4C+G5uKranuJQ0cy9/W86NiAyZNGm6pTOKCl3poJi0XJ1R7DwMqiow6r2sVuw8HHD2Dj/nh98pcO6+vxzWynfcldm/3Ms53cvDZ4D+eaNk80bnbOP1zzb02WPTzbFEF07nzOYMnA//fxYdNvf+BR3+kuuzFYLbAAAAAElFTkSuQmCC) no-repeat center;
background-size: 100% 100%;
}
.activity618-box .activity-content[data-v-4c4dd87b] {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
}
.activity618-box .activity-content img[data-v-4c4dd87b] {
max-width: 90%;
max-height: 100%;
}
.activity618-box .activity-content .look-btn[data-v-4c4dd87b] {
width: 100%;
height: 1.8rem;
position: absolute;
left: 0;
bottom: 0;
}
.bounce-enter-active[data-v-4c4dd87b] {
-webkit-animation: bounce-in-data-v-4c4dd87b 0.5s;
animation: bounce-in-data-v-4c4dd87b 0.5s;
}
.bounce-leave-active[data-v-4c4dd87b] {
-webkit-animation: bounce-out-data-v-4c4dd87b 0.5s;
animation: bounce-out-data-v-4c4dd87b 0.5s;
}
@-webkit-keyframes bounce-in-data-v-4c4dd87b {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounce-in-data-v-4c4dd87b {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes bounce-out-data-v-4c4dd87b {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes bounce-out-data-v-4c4dd87b {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
.guide-leave-active[data-v-4c4dd87b] {
-webkit-animation: guide-out-data-v-4c4dd87b 0.5s;
animation: guide-out-data-v-4c4dd87b 0.5s;
}
@-webkit-keyframes guide-out-data-v-4c4dd87b {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes guide-out-data-v-4c4dd87b {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
.small-video-list .small-banner[data-v-4c4dd87b] {
width: 50% !important;
}
.small-video-list .small-banner .small-imgbox[data-v-4c4dd87b] {
height: 5.2rem !important;
padding-top: 0 !important;
}
.small-video-list .video-list-column[data-v-4c4dd87b] {
height: 0.64rem /* 32/25 */;
line-height: 0.64rem /* 16/25 */;
margin-top: 0.08rem;
/* 15/25 */
font-size: 0.48rem /* 12/25 */;
color: #333333;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.small-video-list .video-watch[data-v-4c4dd87b] {
margin-top: 0.4rem /* 10/25 */;
font-size: 0.48rem /* 12/25 */;
color: #aaa;
}
.small-video-list .video-watch span[data-v-4c4dd87b] {
padding: 0 0.4rem;
}
.small-video-list .video-item[data-v-4c4dd87b] {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-js[data-v-4c4dd87b] {
background: transparent;
}
.vjs-posterCover[data-v-4c4dd87b] {
background-size: cover;
}
.vjs-custom-skin > .video-js .vjs-big-play-button[data-v-4c4dd87b] {
height: 1.2em !important;
width: 1.2em !important;
line-height: 1.1em !important;
border-radius: 50%;
margin-left: -0.5em;
margin-top: -0.5em !important;
}
.video-out-wrap[data-v-4c4dd87b] {
border-radius: 0 !important;
width: 100% !important;
margin: 0 0 0.6rem 0 !important;
}
.video-out-wrap .love-head[data-v-4c4dd87b]::before {
background: #fedf5e !important;
}
.video-out-wrap .banner-area[data-v-4c4dd87b] {
padding-bottom: 0.4rem !important;
}
.video-area-wrap[data-v-4c4dd87b] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.video-area-wrap .video-wrap-first[data-v-4c4dd87b] {
width: 8rem;
height: 8rem;
}
.video-area-wrap .video-wrap-right[data-v-4c4dd87b] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 0.3rem;
}
.video-area-wrap .video-wrap-right .video-wrap-right-item[data-v-4c4dd87b] {
height: 3.8rem;
}
.video-area-wrap .video-wrap-right .video-wrap-right-item[data-v-4c4dd87b]:first-child {
margin-bottom: 0.4rem;
}
.video-area-wrap .video-wrap[data-v-4c4dd87b] {
position: relative;
overflow: hidden;
border-radius: 0.4rem;
}
.video-area-wrap .video-wrap .video-tag[data-v-4c4dd87b] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 3rem;
height: 1rem;
line-height: 1rem;
padding-left: 0.3rem;
border-radius: 0 0.5rem 0.5rem 0;
background-image: -webkit-gradient(linear, left bottom, right top, from(#35aff1), to(#68dfd0));
background-image: -webkit-linear-gradient(bottom left, #35aff1, #68dfd0);
background-image: linear-gradient(to top right, #35aff1, #68dfd0);
position: absolute;
left: 0;
top: 0.5rem;
color: #fff;
font-size: 14px;
}
.video-area-wrap .video-wrap .video-tag-img[data-v-4c4dd87b] {
width: 100%;
height: 100%;
}
.video-area-wrap .video-wrap .video-tag-right[data-v-4c4dd87b] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 2.5rem;
height: 0.8rem;
line-height: 0.8rem;
padding-left: 0.3rem;
border-radius: 0 0.4rem 0.4rem 0;
background-image: -webkit-gradient(linear, left bottom, right top, from(#fcab6b), to(#fb7397));
background-image: -webkit-linear-gradient(bottom left, #fcab6b, #fb7397);
background-image: linear-gradient(to top right, #fcab6b, #fb7397);
position: absolute;
left: 0;
top: 0.5rem;
color: #fff;
font-size: 12px;
}
.video-area-wrap .video-wrap .video-tag-three[data-v-4c4dd87b] {
background-image: -webkit-gradient(linear, left bottom, right top, from(#9f61c1), to(#619fec));
background-image: -webkit-linear-gradient(bottom left, #9f61c1, #619fec);
background-image: linear-gradient(to top right, #9f61c1, #619fec);
}
.video-area-wrap .video-wrap video[data-v-4c4dd87b] {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0 0;
object-position: 0 0;
}
.video-foot-wrap[data-v-4c4dd87b],
.video-foot-wrap-no-pos[data-v-4c4dd87b] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: rgba(0, 0, 0, 0.3);
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
height: 2rem;
line-height: 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 99999;
color: #fff;
}
.video-foot-wrap .video-foot-item[data-v-4c4dd87b],
.video-foot-wrap-no-pos .video-foot-item[data-v-4c4dd87b] {
text-indent: 1em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 0.6rem;
line-height: 0.6rem;
}
.video-foot-wrap .video-foot-item-t[data-v-4c4dd87b],
.video-foot-wrap-no-pos .video-foot-item-t[data-v-4c4dd87b] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bold;
font-size: 0.56rem;
height: 1.2rem;
line-height: 1.8rem;
color: #fff;
}
.video-foot-wrap .video-foot-item-r[data-v-4c4dd87b],
.video-foot-wrap-no-pos .video-foot-item-r[data-v-4c4dd87b] {
padding: 0 0.5rem 0.2rem 0;
text-align: right;
font-size: 0.4rem;
}
.video-foot-wrap .video-foot-item-r .eye[data-v-4c4dd87b],
.video-foot-wrap-no-pos .video-foot-item-r .eye[data-v-4c4dd87b] {
padding: 3px;
font-size: 0.5rem;
color: #fff;
}
.video-foot-wrap .video-foot-item-r .persons[data-v-4c4dd87b],
.video-foot-wrap-no-pos .video-foot-item-r .persons[data-v-4c4dd87b] {
padding: 0;
}
.video-foot-wrap-no-pos[data-v-4c4dd87b] {
position: static;
background: #eee;
}
.video-play[data-v-4c4dd87b] {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.6rem !important;
color: #fff;
}
.mask-video[data-v-4c4dd87b] {
background: #aaa;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
}
.mask-video iframe[data-v-4c4dd87b] {
width: 100%;
height: 100%;
}
.count-down-gradient-bg[data-v-4c4dd87b] {
background: #ff4205;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0070), color-stop(100%, #ff4205));
background: -webkit-linear-gradient(top, #ff0070 0%, #ff4205 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0070), to(#ff4205));
background: linear-gradient(to bottom, #ff0070 0%, #ff4205 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0070', endColorstr='#FF4205', GradientType=0);
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0.6rem;
padding-right: 0.6rem;
height: 1.8rem;
}
.count-down-gradient-bg .countdown-title[data-v-4c4dd87b] {
color: #fff;
font-size: 0.64rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 2px;
}
.count-down-gradient-bg .countdown-title .count-down[data-v-4c4dd87b] {
padding-top: 2px;
font-size: 0.64rem;
font-weight: bold;
}
.count-down-gradient-bg .countdown-title .inner[data-v-4c4dd87b] {
font-size: 0.5rem;
}
.count-down-gradient-bg .time[data-v-4c4dd87b] {
background: #fff;
border-radius: 4px;
color: #f00;
margin: 0 0.16rem;
display: inline-block;
width: 0.88rem;
height: 0.88rem;
line-height: 0.88rem;
text-align: center;
font-size: 0.48rem;
font-weight: bold;
letter-spacing: normal;
}
[data-v-4c4dd87b]::-webkit-progress-bar {
/* 获取progress */
background-color: #ffc8b2;
border-radius: 10px;
/* 进度条未被填充的背景颜色 */
}
[data-v-4c4dd87b]::-webkit-progress-value {
background-color: #ff2306;
/* 进度条被填充部分的背景颜色 */
border-radius: 10px;
}
[data-v-4c4dd87b]::-webkit-progress-inner-element {
border: 0;
/* 进度条的内边框，注意跟outline区分 */
}
/*video默认全屏按钮*/
video[data-v-4c4dd87b]::-webkit-media-controls-fullscreen-button {
display: none !important;
}
/*video默认aduio音量按钮*/
video[data-v-4c4dd87b]::-webkit-media-controls-mute-button {
display: none !important;
}
/*video默认setting按钮*/
video[data-v-4c4dd87b]::-internal-media-controls-overflow-button,
audio[data-v-4c4dd87b]::-internal-media-controls-overflow-button {
display: none !important;
}
video[data-v-4c4dd87b]::-internal-media-controls-button-hover-background {
background: #000 !important;
}
video[data-v-4c4dd87b]::-webkit-media-controls-current-time-display {
display: none !important;
}
video[data-v-4c4dd87b]::-webkit-media-controls-time-remaining-display {
display: none !important;
}
/*腾讯云点播禁用firefox全屏、设置按钮*/
.trump-button[sub-component="fullscreen_btn"][data-v-4c4dd87b],
.trump-button[now="fullscreen"][data-v-4c4dd87b] {
display: none !important;
}
.trump-button[sub-component="setting"][data-v-4c4dd87b] {
display: none !important;
}
/*禁用video的controls（要慎重！不要轻易隐藏掉，会导致点击视频不能播放）*/
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.vux-badge {
display: inline-block;
text-align: center;
background: #f74c31;
color: #fff;
font-size: 12px;
height: 16px;
line-height: 16px;
border-radius: 8px;
padding: 0 6px;
background-clip: padding-box;
vertical-align: middle;
}
.vux-badge-single {
padding: 0;
width: 16px;
}
.vux-badge-dot {
height: auto;
padding: 5px;
}
.loading[data-v-66f76736] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 3rem /* 112/25 */;
left: 0;
right: 0;
bottom: 0;
background: #2b2b2b;
z-index: 99;
opacity: 0.5;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.loading[data-v-66f76736] {
top: 3rem /* 122/25 */;
}
}
.vux-spinner {
stroke: #444;
fill: #444;
vertical-align: middle;
display: inline-block;
width: 28px;
height: 28px;
}
.vux-spinner svg {
width: 28px;
height: 28px;
}
.vux-spinner.vux-spinner-inverse {
stroke: #fff;
fill: #fff;
}
.vux-spinner-android {
stroke: #4b8bf4;
}
.vux-spinner-ios, .vux-spinner-ios-small {
stroke: #69717d;
}
.vux-spinner-spiral .stop1 {
stop-color: #fff;
stop-opacity: 0;
}
.vux-spinner-spiral.vux-spinner-inverse .stop1 {
stop-color: #000;
}
.vux-spinner-spiral.vux-spinner-inverse .stop2 {
stop-color: #fff;
}
.marquee-outbox {
color: #333;
overflow: hidden;
height: 1.4rem;
position: relative;
background: #fff;
}
.marquee-outbox .marquee-inbox {
white-space: nowrap;
position: absolute;
font-size: 0;
}
.marquee-outbox .marquee-inbox .marquee-list {
padding: 0 1rem;
display: inline-block;
font-size: 0.52rem;
height: 1.4rem;
line-height: 1.4rem;
}
.marquee-outbox .marquee-inbox .marquee-list .marquee-uname {
color: #FF8900;
}
.marquee-outbox .marquee-inbox .up {
width: 100%;
display: block;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html[data-v-1f9ba5aa],
body[data-v-1f9ba5aa],
div[data-v-1f9ba5aa],
span[data-v-1f9ba5aa],
applet[data-v-1f9ba5aa],
object[data-v-1f9ba5aa],
iframe[data-v-1f9ba5aa],
h1[data-v-1f9ba5aa],
h2[data-v-1f9ba5aa],
h3[data-v-1f9ba5aa],
h4[data-v-1f9ba5aa],
h5[data-v-1f9ba5aa],
h6[data-v-1f9ba5aa],
p[data-v-1f9ba5aa],
blockquote[data-v-1f9ba5aa],
pre[data-v-1f9ba5aa],
a[data-v-1f9ba5aa],
abbr[data-v-1f9ba5aa],
acronym[data-v-1f9ba5aa],
address[data-v-1f9ba5aa],
big[data-v-1f9ba5aa],
cite[data-v-1f9ba5aa],
code[data-v-1f9ba5aa],
del[data-v-1f9ba5aa],
dfn[data-v-1f9ba5aa],
em[data-v-1f9ba5aa],
img[data-v-1f9ba5aa],
ins[data-v-1f9ba5aa],
kbd[data-v-1f9ba5aa],
q[data-v-1f9ba5aa],
s[data-v-1f9ba5aa],
samp[data-v-1f9ba5aa],
small[data-v-1f9ba5aa],
strike[data-v-1f9ba5aa],
strong[data-v-1f9ba5aa],
sub[data-v-1f9ba5aa],
sup[data-v-1f9ba5aa],
tt[data-v-1f9ba5aa],
var[data-v-1f9ba5aa],
b[data-v-1f9ba5aa],
u[data-v-1f9ba5aa],
i[data-v-1f9ba5aa],
center[data-v-1f9ba5aa],
dl[data-v-1f9ba5aa],
dt[data-v-1f9ba5aa],
dd[data-v-1f9ba5aa],
ol[data-v-1f9ba5aa],
ul[data-v-1f9ba5aa],
li[data-v-1f9ba5aa],
fieldset[data-v-1f9ba5aa],
form[data-v-1f9ba5aa],
label[data-v-1f9ba5aa],
legend[data-v-1f9ba5aa],
table[data-v-1f9ba5aa],
caption[data-v-1f9ba5aa],
tbody[data-v-1f9ba5aa],
tfoot[data-v-1f9ba5aa],
thead[data-v-1f9ba5aa],
tr[data-v-1f9ba5aa],
th[data-v-1f9ba5aa],
td[data-v-1f9ba5aa],
article[data-v-1f9ba5aa],
aside[data-v-1f9ba5aa],
canvas[data-v-1f9ba5aa],
details[data-v-1f9ba5aa],
embed[data-v-1f9ba5aa],
figure[data-v-1f9ba5aa],
figcaption[data-v-1f9ba5aa],
footer[data-v-1f9ba5aa],
header[data-v-1f9ba5aa],
menu[data-v-1f9ba5aa],
nav[data-v-1f9ba5aa],
output[data-v-1f9ba5aa],
ruby[data-v-1f9ba5aa],
section[data-v-1f9ba5aa],
summary[data-v-1f9ba5aa],
textarea[data-v-1f9ba5aa],
time[data-v-1f9ba5aa],
mark[data-v-1f9ba5aa],
audio[data-v-1f9ba5aa],
video[data-v-1f9ba5aa],
input[data-v-1f9ba5aa] {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article[data-v-1f9ba5aa],
aside[data-v-1f9ba5aa],
details[data-v-1f9ba5aa],
figcaption[data-v-1f9ba5aa],
figure[data-v-1f9ba5aa],
footer[data-v-1f9ba5aa],
header[data-v-1f9ba5aa],
menu[data-v-1f9ba5aa],
nav[data-v-1f9ba5aa],
section[data-v-1f9ba5aa] {
display: block;
}
body[data-v-1f9ba5aa] {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote[data-v-1f9ba5aa],
q[data-v-1f9ba5aa] {
quotes: none;
}
blockquote[data-v-1f9ba5aa]:before,
blockquote[data-v-1f9ba5aa]:after,
q[data-v-1f9ba5aa]:before,
q[data-v-1f9ba5aa]:after {
content: none;
}
table[data-v-1f9ba5aa] {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a[data-v-1f9ba5aa] {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li[data-v-1f9ba5aa] {
list-style: none;
}
[data-v-1f9ba5aa]::-webkit-scrollbar {
width: 5px;
height: 5px;
}
[data-v-1f9ba5aa]::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
[data-v-1f9ba5aa]::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
[data-v-1f9ba5aa]::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html[data-v-1f9ba5aa],
body[data-v-1f9ba5aa] {
width: 100%;
}
html[data-v-1f9ba5aa] {
-ms-touch-action: none;
touch-action: none;
}
body[data-v-1f9ba5aa] {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[data-v-1f9ba5aa],
button[data-v-1f9ba5aa],
textarea[data-v-1f9ba5aa] {
outline: none;
}
.weui-dialog[data-v-1f9ba5aa] {
top: 1rem;
}
[data-v-1f9ba5aa]:root {
--theme-color: #0080ee;
}
html[data-v-1f9ba5aa],
body[data-v-1f9ba5aa] {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
[data-v-1f9ba5aa]::-webkit-scrollbar {
display: none;
}
.line-ellipsis[data-v-1f9ba5aa] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis[data-v-1f9ba5aa] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis[data-v-1f9ba5aa] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header[data-v-1f9ba5aa] {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast[data-v-1f9ba5aa] {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text[data-v-1f9ba5aa] {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow[data-v-1f9ba5aa] {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p[data-v-1f9ba5aa] {
color: #fff;
}
.weui-mask_transparent[data-v-1f9ba5aa] {
display: none;
}
.contentFix[data-v-1f9ba5aa] {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2[data-v-1f9ba5aa] {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header[data-v-1f9ba5aa],
.goodsCategory .vux-header[data-v-1f9ba5aa],
.goodsList .vux-header[data-v-1f9ba5aa],
.goods-detail .vux-header[data-v-1f9ba5aa],
.goodsContent .vux-header[data-v-1f9ba5aa],
.commonContent .vux-header[data-v-1f9ba5aa],
.user .vux-header[data-v-1f9ba5aa],
.page1 .vux-header[data-v-1f9ba5aa],
.page1-wrap .vux-header[data-v-1f9ba5aa] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left[data-v-1f9ba5aa],
.goodsCategory .vux-header .vux-header-left[data-v-1f9ba5aa],
.goodsList .vux-header .vux-header-left[data-v-1f9ba5aa],
.goods-detail .vux-header .vux-header-left[data-v-1f9ba5aa],
.goodsContent .vux-header .vux-header-left[data-v-1f9ba5aa],
.commonContent .vux-header .vux-header-left[data-v-1f9ba5aa],
.user .vux-header .vux-header-left[data-v-1f9ba5aa],
.page1 .vux-header .vux-header-left[data-v-1f9ba5aa],
.page1-wrap .vux-header .vux-header-left[data-v-1f9ba5aa],
.movie .vux-header .vux-header-right[data-v-1f9ba5aa],
.goodsCategory .vux-header .vux-header-right[data-v-1f9ba5aa],
.goodsList .vux-header .vux-header-right[data-v-1f9ba5aa],
.goods-detail .vux-header .vux-header-right[data-v-1f9ba5aa],
.goodsContent .vux-header .vux-header-right[data-v-1f9ba5aa],
.commonContent .vux-header .vux-header-right[data-v-1f9ba5aa],
.user .vux-header .vux-header-right[data-v-1f9ba5aa],
.page1 .vux-header .vux-header-right[data-v-1f9ba5aa],
.page1-wrap .vux-header .vux-header-right[data-v-1f9ba5aa] {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title[data-v-1f9ba5aa],
.goodsCategory .vux-header .vux-header-title[data-v-1f9ba5aa],
.goodsList .vux-header .vux-header-title[data-v-1f9ba5aa],
.goods-detail .vux-header .vux-header-title[data-v-1f9ba5aa],
.goodsContent .vux-header .vux-header-title[data-v-1f9ba5aa],
.commonContent .vux-header .vux-header-title[data-v-1f9ba5aa],
.user .vux-header .vux-header-title[data-v-1f9ba5aa],
.page1 .vux-header .vux-header-title[data-v-1f9ba5aa],
.page1-wrap .vux-header .vux-header-title[data-v-1f9ba5aa] {
color: #333;
}
.movie .content[data-v-1f9ba5aa],
.goodsCategory .content[data-v-1f9ba5aa],
.goodsList .content[data-v-1f9ba5aa],
.goods-detail .content[data-v-1f9ba5aa],
.goodsContent .content[data-v-1f9ba5aa],
.commonContent .content[data-v-1f9ba5aa],
.user .content[data-v-1f9ba5aa],
.page1 .content[data-v-1f9ba5aa],
.page1-wrap .content[data-v-1f9ba5aa] {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header[data-v-1f9ba5aa] {
background: none!important;
}
.padtop[data-v-1f9ba5aa] {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header[data-v-1f9ba5aa] {
padding-top: 2.1rem;
}
.padtop64[data-v-1f9ba5aa] {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66[data-v-1f9ba5aa] {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80[data-v-1f9ba5aa] {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom[data-v-1f9ba5aa] {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50[data-v-1f9ba5aa] {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65[data-v-1f9ba5aa] {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100[data-v-1f9ba5aa] {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160[data-v-1f9ba5aa] {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20[data-v-1f9ba5aa] {
top: 0.8rem /* 20/25 */;
}
.top32[data-v-1f9ba5aa] {
top: 1.28rem /* 30/25 */;
}
.top64[data-v-1f9ba5aa] {
top: 2.56rem /* 64/25 */;
}
.top50[data-v-1f9ba5aa] {
top: 2.0rem;
}
.top45[data-v-1f9ba5aa] {
top: 1.8rem;
/** 45/25 */
}
.bottom[data-v-1f9ba5aa] {
bottom: 0;
}
.fixed[data-v-1f9ba5aa] {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10[data-v-1f9ba5aa] {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix[data-v-1f9ba5aa] {
padding-bottom: 0;
}
.isIPhoneX .padtop[data-v-1f9ba5aa] {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64[data-v-1f9ba5aa] {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66[data-v-1f9ba5aa] {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80[data-v-1f9ba5aa] {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom[data-v-1f9ba5aa] {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10[data-v-1f9ba5aa] {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50[data-v-1f9ba5aa] {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65[data-v-1f9ba5aa] {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160[data-v-1f9ba5aa] {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20[data-v-1f9ba5aa] {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64[data-v-1f9ba5aa] {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom[data-v-1f9ba5aa] {
bottom: 10px;
}
.isIPhoneX .foot-fix[data-v-1f9ba5aa] {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer[data-v-1f9ba5aa] {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header[data-v-1f9ba5aa],
.isIPhoneX .goodsCategory .vux-header[data-v-1f9ba5aa],
.isIPhoneX .goodsList .vux-header[data-v-1f9ba5aa],
.isIPhoneX .goods-detail .vux-header[data-v-1f9ba5aa],
.isIPhoneX .goodsContent .vux-header[data-v-1f9ba5aa],
.isIPhoneX .commonContent .vux-header[data-v-1f9ba5aa],
.isIPhoneX .user .vux-header[data-v-1f9ba5aa],
.isIPhoneX .page1 .vux-header[data-v-1f9ba5aa],
.isIPhoneX .page1-wrap .vux-header[data-v-1f9ba5aa] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .goodsCategory .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .goodsList .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .goods-detail .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .goodsContent .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .commonContent .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .user .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .page1 .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .page1-wrap .vux-header .vux-header-left[data-v-1f9ba5aa],
.isIPhoneX .movie .vux-header .vux-header-right[data-v-1f9ba5aa],
.isIPhoneX .goodsCategory .vux-header .vux-header-right[data-v-1f9ba5aa],
.isIPhoneX .goodsList .vux-header .vux-header-right[data-v-1f9ba5aa],
.isIPhoneX .goods-detail .vux-header .vux-header-right[data-v-1f9ba5aa],
.isIPhoneX .goodsContent .vux-header .vux-header-right[data-v-1f9ba5aa],
.isIPhoneX .commonContent .vux-header .vux-header-right[data-v-1f9ba5aa],
.isIPhoneX .user .vux-header .vux-header-right[data-v-1f9ba5aa],
.isIPhoneX .page1 .vux-header .vux-header-right[data-v-1f9ba5aa],
.isIPhoneX .page1-wrap .vux-header .vux-header-right[data-v-1f9ba5aa] {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title[data-v-1f9ba5aa],
.isIPhoneX .goodsCategory .vux-header .vux-header-title[data-v-1f9ba5aa],
.isIPhoneX .goodsList .vux-header .vux-header-title[data-v-1f9ba5aa],
.isIPhoneX .goods-detail .vux-header .vux-header-title[data-v-1f9ba5aa],
.isIPhoneX .goodsContent .vux-header .vux-header-title[data-v-1f9ba5aa],
.isIPhoneX .commonContent .vux-header .vux-header-title[data-v-1f9ba5aa],
.isIPhoneX .user .vux-header .vux-header-title[data-v-1f9ba5aa],
.isIPhoneX .page1 .vux-header .vux-header-title[data-v-1f9ba5aa],
.isIPhoneX .page1-wrap .vux-header .vux-header-title[data-v-1f9ba5aa] {
color: #333;
}
.isIPhoneX .movie .content[data-v-1f9ba5aa],
.isIPhoneX .goodsCategory .content[data-v-1f9ba5aa],
.isIPhoneX .goodsList .content[data-v-1f9ba5aa],
.isIPhoneX .goods-detail .content[data-v-1f9ba5aa],
.isIPhoneX .goodsContent .content[data-v-1f9ba5aa],
.isIPhoneX .commonContent .content[data-v-1f9ba5aa],
.isIPhoneX .user .content[data-v-1f9ba5aa],
.isIPhoneX .page1 .content[data-v-1f9ba5aa],
.isIPhoneX .page1-wrap .content[data-v-1f9ba5aa] {
padding-top: 1.04rem /* 74/25 */;
}
.yuejie-footer[data-v-1f9ba5aa] {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #f7f7f7;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #fff;
padding: 10px 0;
}
.yuejie-footer .footer-item[data-v-1f9ba5aa] {
width: 50%;
text-align: center;
color: #999;
}
.yuejie-footer .footer-item.active[data-v-1f9ba5aa] {
color: blue;
}
.yuejie-footer .footer-item i[data-v-1f9ba5aa] {
display: block;
font-size: 20px;
margin-bottom: 5px;
}
.yuejie-footer .footer-item p[data-v-1f9ba5aa] {
display: block;
font-size: 14px;
}
.cinema[data-v-2871c678] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 100vh;
background: url(../../static/img/bgnew.89c43e3.png) no-repeat;
background-size: 100% 280px;
background-color: #f7f7f7;
padding: 0 1rem;
}
.cinema .cinema-scroll[data-v-2871c678] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100vh;
overflow: auto;
padding-top: 1.8rem;
}
.cinema .cinema-scroll .title[data-v-2871c678] {
margin-top: 1.3rem;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
}
.cinema .cinema-scroll .header[data-v-2871c678] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #333;
font-size: 14px;
margin: 0.5rem 0;
}
.cinema .cinema-scroll .header .area[data-v-2871c678] {
margin: 0 0.2rem;
}
.cinema .cinema-scroll .header .area i[data-v-2871c678] {
font-size: 14px;
margin-left: 3px;
}
.cinema .cinema-scroll .header .city[data-v-2871c678] {
margin-right: 5px;
}
.cinema .cinema-scroll .header .city i[data-v-2871c678] {
font-size: 14px;
margin-left: 3px;
}
.cinema .cinema-scroll .header .search-wrap[data-v-2871c678] {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cinema .cinema-scroll .header .search-wrap input[data-v-2871c678] {
width: 100%;
height: 1.2rem;
border-radius: 0.6rem;
color: #333;
text-align: center;
background-color: #fff;
}
.cinema .cinema-scroll .header .search-wrap input[data-v-2871c678]::-webkit-input-placeholder {
color: #333;
}
.cinema .cinema-scroll .header .search-wrap input[data-v-2871c678]:-moz-placeholder {
color: #333;
}
.cinema .cinema-scroll .header .search-wrap input[data-v-2871c678]::-moz-placeholder {
color: #333;
}
.cinema .cinema-scroll .header .search-wrap input[data-v-2871c678]:-ms-input-placeholder {
color: #333;
}
.cinema .cinema-scroll .header .search-wrap i[data-v-2871c678] {
position: absolute;
right: 0.5rem;
top: 0.3rem;
}
.cinema .cinema-scroll .cinema-list .cinema-item[data-v-2871c678] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 3.2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.3rem 0.6rem;
margin-bottom: 0.3rem;
background: url(../../static/img/movieItemBgnew.d94325a.png) no-repeat;
background-size: 100% 3.5rem;
}
.cinema .cinema-scroll .cinema-list .cinema-item .cinema-item-left[data-v-2871c678] {
width: 84%;
}
.cinema .cinema-scroll .cinema-list .cinema-item .cinema-item-left .cinema-name[data-v-2871c678] {
font-size: 0.6rem;
font-weight: bold;
}
.cinema .cinema-scroll .cinema-list .cinema-item .cinema-item-left .cinema-address[data-v-2871c678] {
margin-top: 0.3rem;
font-size: 0.4rem;
line-height: 15px;
}
.cinema .cinema-scroll .cinema-list .cinema-item .cinema-item-right[data-v-2871c678] {
text-align: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cinema .cinema-scroll .cinema-list .cinema-item .cinema-item-right i[data-v-2871c678] {
font-size: 20px;
}
.cinema .cinema-scroll .cinema-list .cinema-item .cinema-item-right .distance[data-v-2871c678] {
margin-top: 0.2rem;
font-size: 14px;
color: #666;
}
.yuejie-header[data-v-7a3a79a2] {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 1.8rem;
line-height: 1.8rem;
color: #333;
background-color: #fff;
border-bottom: 1px solid #eee;
z-index: 99;
}
.yuejie-header .yuejie-header-wrap[data-v-7a3a79a2] {
position: relative;
text-align: center;
font-size: 18px;
}
.yuejie-header .yuejie-header-wrap .back[data-v-7a3a79a2] {
position: absolute;
top: 0;
left: 0.3rem;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.user-center {
height: 100%;
overflow: auto;
background: #f7f7f7;
}
.user-center .contentFix2 {
height: auto;
top: 0 !important;
}
.user-center .header {
background: url(../../static/img/bgnew.89c43e3.png) no-repeat center / cover transparent;
height: 9rem;
padding: 0 0.4rem;
overflow: hidden;
}
.user-center .header .person-wrap {
padding: 1.2rem 0 0;
}
.user-center .header .person-wrap .photo-info {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.user-center .header .person-wrap .photo-info .user-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-center .header .person-wrap .photo-info .user-info img {
width: 2.6rem;
height: 2.6rem;
overflow: hidden;
border-radius: 50%;
}
.user-center .header .person-wrap .photo-info .user-info .text {
color: #fff;
font-size: 0.88rem;
padding: 0 0.4rem;
}
.user-center .header .person-wrap .photo-info .user-info .user-info-description {
font-size: 0.5rem;
color: #fff;
margin-left: 0.4rem;
margin-top: 0.3rem;
}
.user-center .header .person-wrap .photo-info .card-qrcode {
margin-right: 20px;
}
.user-center .header .person-wrap .photo-info .card-qrcode i {
display: inline-block;
font-size: 46px;
color: #fff;
}
.user-center .header .person-wrap .photo-info .card-qrcode p {
text-align: center;
font-size: 14px;
color: #fff;
margin-top: 2px;
}
.user-center .header .person-wrap .other-wrap {
color: #fff;
}
.user-center .header .person-wrap .other-wrap .title {
font-size: 14px;
padding: 10px 15px;
font-weight: bold;
}
.user-center .header .person-wrap .other-wrap .other-wrap-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.user-center .header .person-wrap .other-wrap .other-wrap-content .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
padding: 0.6rem 0;
font-size: 0.48rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-center .header .person-wrap .other-wrap .other-wrap-content .item .text {
font-size: 0.72rem;
padding-bottom: 0.32rem;
color: #fff;
}
.user-center .header .person-wrap .other-wrap .other-wrap-content .item .desc {
color: #fff;
}
.user-center .header .person-wrap .person-edit-info {
width: 2.72rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.user-center .header .person-wrap .person-edit-info .user-setting {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAAEJ0lEQVRYhb1ZXYhWVRRdzuiYWZmmmCQxKdRLkRmFNfVgQpiBkP1oEUGETxalUFIEPVkv2cP0lOFEUSQpkiSVU1mEOQxkIVoz2A/OgAP9iRqTljOu2HQ+uSz29919vul+G87DOWevtdc99/yfSSSRae0A1gBYCeBaAFcAaMslAWCBRwAcAvAhgHcAnM1jIHPSMySHWI0dI/lsjp4c4a9WJFrtraimaLfpAfBonbpzAMab6DpjAKbWqXsXwENlBBHxawFskbJjADYD6AcwnIS0h2X/198NMw/AEgDrAFwnPk8C6G7MUv57xuS37ic5LXOsRNJnEuc0ySkT6fPdQni0AtHFNCjxdjQr/mZnMC2vWPxSJ+aSZsT3C0lfxcJraafE7c8Vf58QnCM5q0Xi253WfzxH/AkBd7dIeC29LPFHo+LXC9BG/fQWi0dacYv2Upn4TueXPdBE4AtILia5jORNJC9qguMeR8viRuI/F+fhzIArSb5G8lfhOU7yjSQoh++g8HxVT/wi50tvzAj2toP37P0MzvkOfrmKbyM5Ik5bM4L0BYXX7HBGV9oi2FEV/5gTYF6QfJeDPZVauCfN28cdn0+C/HNI/inYdUXxR6VyQ5D4BkeULSqXi9/sJFYtumI/LDibAdutYoVUjGR0lz2C3Vnir6vn9xmxhgW71gq3S+FTQbJZTkvOLcFcRvKsYK4KxntQcNvaZB9t++wdwT15l+QPAPilBPMHgD1StjAYbxeAM4X8TBM/rVDwT0BAzS6W/EAQNyj5yUHcX6JtSlsSXLMOAHODZKOSXxDEdUp+LIizRp5dxJn4HwoFk9KVRsT6xOdW+5UBAXdL2VAw3jIA0wv5kzYQHpGB8FPGDPClYN8r8ddV+EhGrAHBrkdaXU9Jxeog4R3OjLPNWT0t/7rje38wzp0Odkat8jmpsOlsRpDY2xr8RnIvyTdJ9jobNbNvg/xTE1/RNrGwws5Me4aivRIkvzQJyTE7aC8I8r/o8F5I2VWucpw6gwGs6+0Lij9QdqVRSJc4i9r5I6E6HxHHgYwBZele5/6lZrYXX5PJpxPCYLFeb8xuAbBfpqgVAD4KTmc1uwbA9WletlX1MIDvMjlsavxUyu4C8PH5nPO1eqH6O8nJmS32fyS9gNqunPVGt9qmFgt/wdHQERFvaaMAR1t8g3BG4m/2/BoR/CgEvS0S3iNxh+r5NiLRQ4pZV8XCu5yYq5oRb2m3EB2qWPw3Eu/rRv5lZB1OS+yuSPgHTqw5ExFv6XmHdF+6Fpw/QcF2bHyizursDtJiir5J7QWw1Cm396ifAfyd+awzng4+V9Z5lzoIYFEZSVS8CfsCwG0ZAps1e++6Oh37Glr0Bc9a6vb0wDVeofCt6WG6VLhZMy/gdlZ9Ou15yo59ETsBoDe9LkYP8QCAfwG+QxeFnsY63wAAAABJRU5ErkJggg==) no-repeat center / cover transparent;
display: inline-block;
width: 0.96rem;
height: 0.88rem;
}
.user-center .header .person-wrap .person-edit-info .user-customer-service {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAD5UlEQVRYhc2Za6iOWRTHf97jmA7pjJJpXIYyucT4ghRymaHcmvhAKDOKZsJEaWqS8sEnOp8kxdQ0UTNkmESuH0yE3EVTE+cwhijUSG7ROWdp1XqmPbv9Pu9zffOv1dn77Nt/r2fttdbebxcRoSBMBIYBnwAfAQ3AY+Af4CZwEXiVd6muOccrwaXAHGBEjb5K/HdgH3Au84qq4QyyQET2S3YcF5Fvs6yddkBvETmYg6iPCyIyIg2HNDY8C/gF+DDQdg+47vx9CnQCzcBnwEBgCDAyMLYd+Ab4uUiTWFdFQ9dE5MsUGpohIkerzLWjKJP4OjD5UxFZldH+VRaKSFtg3k15CS8OTHpaRHrmIOvKnsD83+Uh/Mqb7FxBRF3ZFSA9IAthf6IbJZCN5Ii31t9pCY8P7HpoiYRV7nvrfZGG8CFv8JKSyapM9da8mZRwk4i8cQY+qgPZSK55pCf7fSoB17wM6ObUtyeNLAVgpTfFmiSB45i3y7511LDKbWftlyLSGKfhLsA4p64p4cM6alhxyil3Bz52G33CQ7xc4Ui53IJo8/7Z5381U7W6rC0ictczh4cWjT6vgykMt3zinsfhgYjsjA6gdhwmIh0Bv+tjXolkVWGdSTho51MJOiqulkj4ZEIO1zUffgs0moU8AK7YfawDGA30s7bXQO8i7mUe9GA9c65r8RzMdUTY5e3czSe0X3MJ2m1Ow6Fiu4jQPbD7CB12iyganWk4hPxwXN1FT6AFWGefrxYarG+Lja2GWA55rvlrge+trDa2Afi3St++wHon9D4HNmZZNA/h8055FbAcOA1ctuioh3QwMMHE/QoXsi6ah/AJ4DdgvtU/AKabxGGvjc2EULaWFPo+sBBYDbQmGNNqfRfZ2EzI+1SlJ3yrib6njbF8ZJC13wVumZk8Sjjn27i6TzjPy6ASOmySBhUzpwg9gF7Grd3qEbp1DbgRFxWvHNc3K16bFqNLwyyLdlGkcy8TLyq2i/924C3a7O28g+KhZH9yZlWiTcalyfMuZzT0/eWEvjteWFzhtF0sMflpEJEDNRIffRMZrMnPTuArZxdTvKx/rj3i7QCelKBhF9PsYdz3XvrAuF8LSngqcNJpvGKn/b2E7uQP4JJDbnTWsFkXmA3NC9jM+px2OVNEfrRrz7ii7N2tbAuQ/lNEVotI/5QT+y9HYuRzE/Zf4PWwTaryZW+rH0zw1dX9fVqlbYydkewIuJfNNdxLHmzIq2HffWhg+AGYCdwo4Qw1JugTi1o/yswGRtmPhX0s8sRdk9otD6hmVmMtEcqOkiLXrwGzaSnj0BUJvQ5phNQvchbYnXty4B2MMsY9jQ69GAAAAABJRU5ErkJggg==) no-repeat center / cover transparent;
width: 0.88rem;
height: 0.88rem;
display: inline-block;
}
.user-center .content {
padding: 0 0.4rem;
margin-top: -1.6rem;
}
.user-center .content .menu-icon {
position: relative;
}
.user-center .content .menu-icon i {
font-size: 30px;
}
.user-center .content .badge {
position: absolute;
right: -4px;
top: -10px;
width: auto !important;
min-width: 0.6rem;
border: 1px solid #02d2ff;
color: #02d2ff;
background: #fff;
}
.user-center .content .operator-menu {
border-radius: 0.4rem;
overflow: hidden;
background: #fff;
margin-bottom: 0.8rem;
padding: 15px 10px;
}
.user-center .content .operator-menu .operator-menu-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.user-center .content .operator-menu .operator-menu-title .operator-menu-title-text {
font-size: 14px;
color: #000;
}
.user-center .content .operator-menu .operator-menu-title .operator-menu-title-all {
font-size: 12px;
color: #666;
}
.user-center .content .operator-menu .operator-menu-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-center .content .operator-menu .operator-menu-content .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0.6rem;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-order {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAyCAYAAADMb4LpAAAC+0lEQVRoge2aS2gUQRCGv9ndhCiiEl/EZ0RQ8HERFUGFBEEQD4YgHjwJ5iDowYt40ZMKelBPIh5FECQHUS/JQRGFiKKIDxQEUSEYXxgUReOabamkVpeB7FbP7mR3yP7QLNNT1f1PbXVVT/UEwTNHGUgB3cBWoAnIlRgqUJlXwF7gVjmTh8lPB1YC04CGEJk00Ad8KOg7DByNOHc/0AoMF4y/SefOkwr09xvwBnhdOEAmGBUToqeBXUBzkQnbQuQ3RyQumA/MBgb0Wh7iJLBuDHm53wMcB+4y8re7kefsxbEfR7Nej9UaQ/2PSsgXa19xDIbuTy4in8axDUcfjnbpE5/tANqN1uoMXYvL3IxgdXGDPcCvgr7V6rIWXAemBOnH7jKw06iU07/1Yah/FTAL+F1CP6V+fB/4Gbp3W33eiq4MsNBDIaWW3gdcUwsKnnqMkUdajbEMOOJJXLAhg/u3oq2YClwEPgPfZdFHII4Sz2nEiYIZEm2GIyrP1FYtpDOUlaOqilw+zicSqeRS/59hE4kk+7yX5R8AJ4ChGPm0aNaeYxG2Wv4jsL5gBxgnXgB3TOSNlh8aJ+KC91ZBK/kF6jLndP8SR5SSbLsIOG9V8Fmwh4CDMZNv8lHwDZUp3wnixIQJlTWHCZdh/5Sxh6/ouD6WvwCcKvMFpBiywDzgDLDWRr5UmWgUUmPZHQPhMKQ2swN4axG2uk1jBQmWwhKroNVtpDh0BbikySSOJJXV18pjVgWfBduhrWZQj/PVQn17UC34WP6J1igbCurmlYLTl501wArrmFbLXx3HSNMLbLEIWsmb3ikrhB4r+ZTxIOAAjtYyDhKsTQ4XuqzyVsvLEcxz9flsDBk2z2IpMNeq5LNgJwEbozCLC/VCa7VQ3x5UC2L5pLpOIJYvdfxYq8iK1QcTSv6LuI2coW6vATK+uBe0dDsp6L9LFm8+AYtlbzOAo3Mc9i2Vav042nD8yMd5qQws1w945CMKKf7UShQShlLoegncAM6OfDYA/AXz3C4OFA1NMQAAAABJRU5ErkJggg==) no-repeat bottom / 100% 85% transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-wait-pay {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAACmUlEQVRoge2aPWgUQRiGn+9uzYGNcjYJAQWFICiITQJRI4hErKwULMRCrEwTQRAlrY2CWglBxUoQQUEkP0IKFQsTEy8qiAoixiKFIimMRokjE0dZFs/bud3bnQz3wLC33Ow38+47OzszOyIvFDmzHdgMtAJvgZfARL1VCnLSUgCOmNT1j/8fAceAadvAUnieuUOHgFPAxhr5fgDbbN3KUtAB4HgVR6oxC7TZFFJA62ls6kUxhuIGii7LslpR9NtcI8Xphjm0Czhtjkn4bjqMz/EcSp8dwG1gLAUxmhbgbNzMUqyk5tAW48j+tAJG6ADe1MoUSDI9JaAXOAl0J4pUm1FgE/D1fzmTvofWmkKeASPAvHk800aA1cCqWoJkxVTuI4VUCRpyP3Mk/Ay1mZdfJ1A2NrsoV8xRd+NTwE3g3d8/WyaW6rwHuG6ELDcWgD7g8pKg0rjqAe4vQyFR9gF3pPRYabvWuVW3upgD2gPxQwymS+/xrZfbkHSk4BqBbw4t+uZQ4sGpc3g99PEC3xwqu+aQnk/dAz7Wef3DQH6mXKX6uQYMAB+SBHGlyZ0DTqQRyIUm9yQips+smOp17jPAF5tgLjh0MfR7EDgaOt9tFl8W4wZzwaH35tgeEaPpNJPPobjBXHDoz5S6mgtFm2AF7VDOab0pf1YUlyJ1mRTFqFX9ysMqb48qwNbQ+WFgJzDD705hwSaYlIdyF6TpBy6kEciVkcJ5s3Z9BZhMEkjW3HXCoTCvgU9mydfm68hK4GogMXJmTEeC4sZ9G23PNedDrtN0yHW8c6gRX8FzpfkMOU7Rtyb3zbcmV9Gbl25lsIEpi/QKxXDB7F8bceDuJuWg3uikp+DzotgrigFRzDgwJbdND0TRLYqnouAXG4Va6pjU/ZkAAAAASUVORK5CYII=) no-repeat bottom / contain transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-has-pay {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA1CAYAAAAOJMhOAAAEz0lEQVRoge2aWWwVVRjHf+dyuxBFJGKM4B7UiGiiEBEhRh9wqcZSRaC4BjXoqy9oojHGxAfj9qIvLogUK8jqQqokalREVrE0EBUjJFrig7GKGMHSaz75TzKOM7fnzsxtr03/ycltZ872P99yvnO+ca6rRBUxEbgHuA8oAC8DrwKd1RqyWoSuBe4FZie8XwO8AryX98CusCsXQg3ABcBVQCtwmWe7bcBiYBnwax4TyYvQOOBZYG7K9gdEytRxT5aJuEJnLoQcMBqYCtwGzAPqUvTTB6wCXgI2pJrIiK+qYkPnAPOBu4AJKfvYLGIrgIO+jXwJnQssAJpCA231aGdSulmebqbvpCL4AXgNeB34tr/KbsTOsoRsEncDc4Bi5J15qKVaQZ9VmaJFsb5OqoBQgF6gXeQ+TKrkil/+Zy7HyQ6MyDSPgXYDbVrBHz3qnwzcrnKpD5MYfCoHYgQPxxFqBG6QelwDjE0xyEFJy9zwRs82NwJ3AremGA95xw7gLTmRXle34x9CJpVHgIdSdhzFxyJmBP/0qD9RWmHkTqtwrD7N+7ljhLb/S+Vsg7xOet4CjExN6Rj2SRXbfAwaOF7RhTmRGWXq/SH3vjwabbj6baXnJbaOSKMzgJukDlemJBTgKPCmnMj7nm2M0AIRHKVnG0VijbxfgDHAA8Bfrn5rKRDRZ9JFa/BTpPNpsq9bgLMzktskYm2e+8vpGndPzGJcoVBrnuz+E9ewpfQLcGKoUo9WwFb0g0gHppKzgGb9ZlHJbo1httZVQbtTNPYdwPTIu8WuYXOpR2FLHLZLV9tlD2GcKXVs0UplwXfA44rn+hL6OQF4StJImu+SglMgllAmO3jSwW4H7Q6aQ/X2O3jawXQHMxy8oGfl+osrh9TuiIO+MvXGO1joYHTZ/hq/KCuhONhGuhp4IyYybpTELOq+HqhP6KNXTmiF+joUee9ioo8JHp5yiRu5qWJCAWzAt+VEVkd3bAWoc6WWl+jZTtW1Nt9E6p8vT9Uj9UtJ6PPUhML4Xo7EbGBHzPsmHcHfjTyv09bQKi9qklkrKUfhRajo8jk9mCt/UGWDJGBbwG96vz5Sf5Ik16pIPozuLBPJi1AYM1We0GpbdLxFLr9FXqq5THuXZfCiV+CfDqfKJi5XVH2W3H9VUQ0JRRF4sEwr74tqSijAEf0mbZi+2OtTbyAklAdGyeH0i6LLum75I6yaFnAuBO73PScNhMpVim6dixaJSEWn51pUudm6RrbzWMWoRQldnKXx/8UpeKMWJZQJQ09CwypX4xiWUK2jOCAh8ABi2IZqHUNSQllvfGoJY01Cdj923hAh1GkSmhK6/E6b2B1MHNDly0rLbBSV0liqcpHS8XN081nL6FD2Ym34K5Sol9sFPAw8GpJaU0wGfLCwT3fqqxJuaBO9XK9EuFJXsK26p75wkIisk1qt6y9nW/DobK9uQScpU25i/j2/uSbia+AxjTtL18v9JqAr3VjXq4zXla5JbnKOJI6GUjXv6P+KkHZjtQ8snlG5Win55pTfNyDbXSYyPtnyRORh7B+pLJKdzY/kPgO1jq72YdloW0wGPjXyjOV+Bl5UmRr6vCa4IByj3y4lis1T7c9tdMGNW17VYM5S8mbUJoHg72iuKD8AfwM08C01H3EnxgAAAABJRU5ErkJggg==) no-repeat bottom / contain transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-has-send {
width: 2rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAsCAYAAADSHWDqAAAERklEQVRogd2aa6hVRRTHf3O8kr0gyUdGt+glioVlgWCKhKAQhYUoBkKJL7LUTPSD4vOSCFofVG5goWJEZfl+FFRwCwQVfMDVD4Yl+CEryNsNL2o+JpatA+Nm9t6zvfvcvY9/WLBnn7VnzZr5z8yaNceYE5YC8SqwDGgEat0QA1wBvgVmA/8Y01qY8yOBloJsnwBGNJiCrOuIF4WngIkNNSdbPB4u0HlBY6VA45cKtC240mCKG/lCV1qxn4X2A4DngO7A9cBvhFn/Aq0qpULIyIsDnwCTO9nwccD2UjmfMvL3Az8Ag3Owtbh0zieM/F3AIeDxvGzlVE9uSBr5H3N0XHC5y7wKRNzIfww8X7bG5g2f89OAqTF2tgKfAud1IbwKXNOYuRtwB7AlZ8bUzvkI7fsCG2J0VwMLAuq8kEvLugDRkf8sxuTGQMfROKAu4Dr/EjDK02g5eU2pF4eywKV9s+c7WaFfLmPD80B15GWBe8RT31ygo96cCkWD+T9KX+LR/xX4qIyNzgtC++GaRopiZd17lwKh/WseFTlrf1WqltYA4vxAT7XHJMFX996lQOZ8P4/KqU7UWboYPg4y533R/UiN77tryjcE1zU749s1SgmhvS8r82hCfH/boMgcXuEoMnVdvPMmNBV5G+JWaP8H0Ab01CNwV6Md+B3ooRcft3zpFEr705rB3a/PF4E7gcf0NDgdeKKGndCuu88eTYG3aTLlIT2JzgCGZq00ZOQl7m/yvJcOOKkiiY6lNbp/+wKYA/wZeS8T9iywSeVNTcQE5xPSnJfj7L7AupYDx4GdocYDsEI7NQSbgSOaeO0Z8kES7V+POC40ewMYo3P9nNLwc0dnFzALWBdkOxmbPI6/oJcfz2hAdVQ7+4D+LlPiRR2ENHQzvXfb455Lie+A0U75SWAv0N9TodD+FeCM805GYEhET+w865RPJyQ6/wJ6Rd6tAebF6K/XTq/iA+C9FOffrxhLD6F+RFY55d7GcsRY+nv0RAYZy0Fjucd5t9ijd3ek3BJTn8iaSLnZWOYl6L9jLOudcpOxXE7QFzlQwbLtBoFulhanvATLvR4dV/pgaXLK+z06X0bK87H8ElPfTud5CJa3UuyLvK268vw3ltYE3dVYvpEFb5HSbJjS4ahzCyt76NgU+lQxXmlZ/Xah3uoKDiptXbTp3J0bmXYXdEpUMTPQPkr1Sfr8oa4PLtr1vvDGWmb6bk9c7ht1OwmBXEU/oE7liWPaSSGQ/9o8HWo7bavr0FuZkEvGa9oBRSJTsF5JmUfnsRwOmG/oHOsI1M0iSXM3Kqey1F1JWRF9K2+cLArUyyobM+g3Z6k75A9JOzSuT8Ja4Psa0b0lMGrcnfV/fWm0r8o0LO9i+S3y/gyWGVjm1IDuroyL2ZKrshfL2Kz1mge3Jq94EcgxUrbE+/Sa+qesi0wnISH3BI04peE/A19HQuwwAP8BtAsYIqlaZpsAAAAASUVORK5CYII=) no-repeat bottom / 80% 85% transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-after-apply {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAwCAYAAACBpyPiAAAC8klEQVRoge2ZX4hMURzHP2eMf7tZZIklWm3LkyJqQ5TywoPaIkVSvKxSqyi2PKxafx48elAU3paNh/Viy5C1StbStITCphRWGx54sByd+s00pjsz59577tyZmk/92tl7z+93vnPuub/zO2eUGtWUYDnQLX+1WFQkgL/AB+nzTbF+bMR/A2ZHKLgQ48CCYg2S6n/tU4FWYA7wC9juIfy1BE46FDopQltzrs0HjgAPgBnABPAq98mrRDr7uQfYBywp0IFpuAvocyg6n93AFWB6gfvvgKvAqYx4M8+GgLYSgc8CJyIUnuEMcLxEG/M0Nptpc95CuCHlTl9RRizabAJOJ9B0ZnNIcdtq2S6srbP0P6aSz7Vt6jMpbA9wA/gTwYibZLEfuCCfS6KSz6zFZ/go6dM1c4EmPzHzU6UNi8ViJxnpehkxQUa+csTXRj4maiMfFwlHq2IXmoEyrcBZCzvyo8BB4DGwt9wPIIz4/CrzFvBSavNCZHpbJDuzpWHEq7qHvsuDNNABPArTsWz5NgCHpI73jaoftBY/BlyUEXeN2eT0+o3pZ9qMRCTccB34Ctz14+Qn27SjGUbTFlH2SKE56cdHzbrve84bznls1eqBKZb+P4rcm5DyuCSqIRVIPB4vrnnkay1938qXH/C4dwk4YBMkzCK1Cs0Qmh75fxJNg6WtRnMHTYtH3GFbDQnzwoa0LqUZVJrGAHG2eVz7buvvqjDbGNDvqce1mbbOcRZm3XJelM8K2wCuxfeJfZETAJV336yqv4H38tJ60W4t3mE93w/sDBljB9Bi29jlyPeE9J8HXPbj4FK89YvmwTLgnnwBa1xtRsjJ936sDk0HmjSa5nJvRnJZDzwBbgKfgWkebTJdm5OxlcAWOYcPhGrsD1wexE7t6CMuqnvka9MmJqp8zleAiKBUfbb5BCysAC1+GTP1dWd1ac5y2Ewbc1LVLL88VwtHgduqqTc76dfIkYMpmEx5G8VvrUEx50E/Zc97DXgB8A8Z07l7oe2T4gAAAABJRU5ErkJggg==) no-repeat center / 100% 85% transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .text {
font-size: 0.48rem;
color: #333;
padding-top: 0.6rem;
}
.user-center .content .actived-bg {
display: block;
margin: 0.6rem 0;
background: url(../../static/img/active-bg.7e95a3b.png) no-repeat center / cover #fff;
height: 3.2rem;
border-radius: 0.4rem;
}
.user-center .content .recommend {
background: #fff;
border-radius: 0.4rem;
}
.user-center .content .recommend .title {
height: 1.2rem;
line-height: 1.6rem;
font-size: 0.56rem;
color: #333;
font-weight: bold;
text-indent: 1em;
}
.user-center .content .recommend .items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0.32rem;
width: 100%;
}
.user-center .content .recommend .items .item {
width: 25%;
text-align: center;
margin-bottom: 15px;
position: relative;
}
.user-center .content .recommend .items .item img {
width: 1rem;
height: 1rem;
}
.user-center .content .recommend .items .item i {
color: #666;
font-size: 30px;
}
.user-center .content .recommend .items .item .audit-message-num {
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: red;
font-size: 12px;
color: #fff;
position: absolute;
top: -0.2rem;
right: 0.9rem;
}
.user-center .content .recommend .items .item .text {
font-size: 0.48rem;
color: #999;
padding-top: 0.4rem;
}
.user-center .content .recommend-like {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2rem;
font-size: 0.48rem;
margin: 0.4rem 3.6rem 0.2rem;
}
.user-center .content .recommend-like::before,
.user-center .content .recommend-like::after {
content: " ";
height: 1px;
background: #ccc;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.user-center .content .recommend-like::before {
margin-right: 0.48rem;
}
.user-center .content .recommend-like::after {
margin-left: 0.48rem;
}
.user-center .content .recommend-like .recommend-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-center .content .recommend-like .recommend-text .text {
color: #333;
font-weight: bold;
}
.user-center .content .recommend-like .recommend-icon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAFLUlEQVRIiZ2XTWhUVxTHf/e+N5lMzCQxGo3BUo0WLLbdSFFrxKLYVurKja1Qiosu2oXQorhrLV24qRsFQUGpUIpUl61YBBPEtqFglMQW/EDbaMTEqElmMpmZzLxbzr0zk7zJTEw8MMy8+849/3P+5+PeUebAAUoSBO6Ty8HixTA5CYkERCKNBMEHwPvAGqANaAI0MAI8Bu4Cl9H6F/usNcTj8PQp9rdS7rsgPpXEGKekdRvG7CcI9haAKkkceAV4G/iYIMhgzFl8/3s872aVPeiKq74P4+Ofk07fRusvZwGtJFHgU3K5PhKJb6ZH+WJgzzvNxMRxstkFeN48MAsitObzkEodAn4DYjNiswrWhUIeoAtjtpQAhfaXEbHlbLwH9NnaMCZna8hGHIlgP6JozA8oteXlkGaVVRhz2WIU8JS5etVt6OnZS2/vaRoawpRls5JvV+nCSn09RKNTTBR1kklHr0S5YEFYR0S6Y9WqI3R07LfbzKFDsrmJdPoZqZSyGwVAWmlkxLaEaW+HxkbrgLp3z7XIwoUOZHgYcdasXu3aR3Tu33c6TU3OAaFXnKqtFafeIAj+9hkdFZDv8Dxlq1kkk7Eemo4Ogs2boaUFU1ODyuVQw8Oonh7UxYuQTmO2b8ds2IBpbcXGJzqjo+jublRnpwOsq3PMiN3x8eP4/hZlDh70mZzMSvQlWp48wezYQbB7t6NQnBOvZbNE1dCAvnTJRhfs3OkMjoygJXKpxyDANDejL1xAnzvnIp/eVpHIqz7Z7C6UmgIVeteudQaFxlSqWO0uZ+LE2BjB+vWO6sFBip2hmpqs9/lbt1Cis20bqr8f1d3tJmEx59nsZz5K7SqBFko92LjRVZ8Alw+AohNjY8VOcDrGkH/40FHd0oLyffKTk5h161DXrzvniraU2iq/2ktGpXKliBYtcpVcZeqUZHrVFqs7k0FJPUg6jMFIhUshyrspaRfLy0KGfB8jFBain5dIcSqFkfRQGEpiS9bD9hoFuLH0KErSDun0zD6ciwidsRi6kE8jUUpbiiN+6DzKh7mUl4kE6u5dR9F8JZdDS6q0JpDOEMofPXI9XVMTSpIAJ0Pm43FUVxf6zh1obS1V7JwkEiGQah4YIJCxmEyiu7oce2HxBXgwtCTNPjGBPnXK9rMFn2u+JaeZDIFE6vt4Z87AwIAr2LCMC/C/oSUBaW62/ekdPepoWrp0buDSFc3NqGgU78QJuHHD9e/MvfcF+MIMA6IoYI8fW3AZkyxZMju4vCvMb+/kSbh2DZYtm+r7sPyh8byzVQ0JzYOD6BdFLnUgY9Hz0EXQtrapAVMunndKo1QCY85VNFiMfGgI79gxlICXR14WqZoNVJ6NuYlSfdoOePiq6pQqgk+L3Cxf7lpP9ogjvj+3SB3GF3a6mStXnGJPz9f09X0bugiUbxoaskDBnj2YFSvc+rNneOfPQ2+vS001UHcR+JlNm3bLe2UOH3bK8iKZ7MTz3q2MXJhsz5+7sbpypf1WDx64E0s6gVnuaPn8f9TVrbCtZYH37XMv3L0rQhD8A6yuCi5OyhiUQ0RAYjF3s5h9vKZQ6nWg3+61lz2ZKvJxR5usvoVSnaV/FeXtUDhIrOfFq00lUFlzU+8W8CbG9FuMAt7MijJmAmO2Eo0esSy8zClVPKNra3+0oHCvXKVyKcupUl+/n1jsHfL5X+ePzO/4/ofE458UWJwhlf87Cb2O6j9RaidaryGf/wilOoDXgIVlOxI2KmP+wvN+Aq7ZqKuxBfwP5KVF+PzXyoQAAAAASUVORK5CYII=) no-repeat scroll top / contain transparent;
width: 0.6rem;
height: 0.6rem;
margin: -0.08rem 0.2rem 0;
}
.user-center .content .flexbox-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.user-center .content .flexbox-wrap li {
position: relative;
width: 48%;
margin-bottom: 0.6rem;
}
.user-center .content .flexbox-wrap .flex-list {
height: 10.24rem;
text-align: center;
color: #fff;
background-color: #fff;
border-radius: 4px;
background-clip: padding-box;
word-break: break-all;
overflow: hidden;
}
.user-center .content .flexbox-wrap .flex-list .img-good {
width: 100%;
height: 6.6rem;
}
.user-center .content .flexbox-wrap .flex-list .title-wrap {
color: #333;
font-size: 0.48rem;
font-weight: 600;
margin: 0.64rem 0.4rem 0.48rem;
text-align: left;
height: 1.2rem;
line-height: 0.65rem;
letter-spacing: 1px;
}
.user-center .content .flexbox-wrap .flex-list .price-wrap {
position: relative;
font-size: 0.48rem;
margin: 0 0.4rem;
text-align: left;
}
.user-center .content .flexbox-wrap .flex-list .price-wrap .now-price {
color: #e93323;
padding-right: 0.2rem;
font-weight: 600;
}
.user-center .content .flexbox-wrap .flex-list .price-wrap .del-price {
color: #b2b2b2;
}
.user-center .content .flexbox-wrap .flex-list .price-wrap .like-cart {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAFnklEQVRogdWbe2xURRTGf7fddrso5REShBZF0BqDRapGIoYGC0gREQiUGN/yhxENL0UqgonKQyEkClHAGBOjGAnEChao0AKNClGipEbQUPEVjaKBCIW229c9Zm7vdl/d7fbunaX9kkluZ+fOOd/MmZkz554aIoIuTD9ELpAHDAcGAVcAXuACcAk4A9SqUl5Eow41XCU47RDDgBnAFGAcMDDBV03gJFAN7AEO7S2i1Q2dkiY49SDpwBxgPlCo+nRBr3+BbcCbFRP5NZmOHBOcUkUa8CiwHLg+GSXiQM3ih8Dq/ZM47aQDRwQnV3E7sAW4xbnu3UIzsBF4qXISDd15sVsEJ1biUaMJPAfWDKYaPwH3H5zMcdcJTjhg7Yg7gDsuA7FQNAHPVN/N5kQaJ0Rw/H7ygQogx0VFk8UmYPEXU4hLoEuC4z7jZrVtd2PLTyXeA+YdLY5N0hNPmbEVXAdU9lByCo+B5SA8FatBzBm8dR8DgGNgkezpWPLtPbyRMMExe63DugyY2QvIYR8jhTXT+Dryh04J3rSHp5UXkSrtXMJvQP6Jey0ftwNRa/CGcmunXNvLyGE79C8Dz4ZWRs3giE/5SB2mbkvP88HKfPCmw6Yf4ch5tyVYUK5dwS/3cSJQEUYwdzejgRqXHOYwbBkD069pr6m9AEXVbkvoQNmfM5gd+CPMRP1iOc6uk1MY4A0+Z6VbsnRh5qBdjDo707p+BQn6yixXbK4uqY2t4c/1pjaCykdeBDxBKEG/8KBOBzpywjTOoEKJ8TELZTb+ICHhYUsLTSV0LxP0ybFLf4TpBGbM2EkuwiitBCPHWC9BVVTYxDZRkyKtBkPEDIodhdGLiUGCwnjtBLuscB3Dje3kBAiOTiVBiazQhxsDJqoraNQBM/UmqpDnMbaJIjlAt6SG1qD/0GJGLEp9GO5B6Ouke8MHb48yuLYvtEpskwv8VDAoWDciG/YVthOO5zZlpMOZBlj8PZytdzQg2R5MZwSr7zQoHOLkTcjOhKlXJ96+KAeG7nQkqq8HEUerYbBPi8vaKYb0cWzSbcpELzp5c+7nwsbbDK7yte8XXcnPvRL6ZbY/+9vg5wvx26vhSzOgrgWWfdOZp5AQ6qzrkvGu2aY7kLtjQholI9ufa85Cwe6UbKOr7HNQ/lKDrFNS9EGfkl30dOCgP6WbYHrIkjWMlB30te1mKRzX7fyGTZh+R1sVE+EH25ORw/YHFW2IctVCXRs9OClPeuoCJvqlHbCJG+lOBlFLTr+JHiCwc8p8z0WEKr33wSCjDmdbb9lF2IyZoj4ZF+sazqg1qNdEfweOEkZQ+ARQ0cr+OiWHyNOJd2RBhnXQdhzusiCjAWGTLrNRocIAvB6tplmH8FZAVlrEqCqCl3QIPt8cIkbv2tssCzPOd0pQFmWcQ2SNpYHL5fGv2iz/85wfig+3ut6/Xf5BZF0op6hvE8brzRnAd+q6r3WV6MEjsiTzg9CeoxxsWZLZgsk8TFqsa0LvKXsxreShMMT8wmtsaFKezfpeMnN/qKCBLPWei/wh9hVJ2ICwPQUHcrJF7f4lnZGjqywLY31Tpp0+oj0w7BBqb54ly7z7YnLoKo3EWNeUDZTbiXY9CSoh6AEp9ZbF1T+RRCBjnb+Pnf03q4cQrFPfAaU063BXDRMKU0hplrLzOQiv2Pesy7nmTiCMTYQcTrINjVf9dylfDxjZrReThzoMtgJLZXlWwtnBjtIpjbV+H/C8fUn2pYCcyi6cLy9kHevui0ll/Bpr/MNsoiqlqo/jjmJDeVSvqaCcrMhyFIZzJWfbWNM40E49eciFdMv/ABXHfl9W+I4krZvbWffG6sah9rk5AaxMRZV1nx2juWlfTk/ZF1SV1XhMVvpaXNNH578VdAhZ1ThYfScA+tlBaz9QD/wtL/rUsx4A/wOhQ73pR8DnvgAAAABJRU5ErkJggg==) no-repeat scroll top / cover transparent;
position: absolute;
width: 1.12rem;
height: 1.12rem;
top: -0.32rem;
right: 0;
}
.user-center .foot-info-company {
background: #f7f7f7;
padding: 1.5rem 0 0.4rem;
font-size: 0.48rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
color: #ccc;
}
.user-center .foot-info-company p {
line-height: 0.7rem;
}
.user-center .saled-mask {
position: absolute;
background: url(data:image/png;base64,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) no-repeat scroll top / cover transparent;
top: 0;
left: 0;
right: 0;
bottom: auto;
height: 6.6rem;
z-index: 10;
}
.login[data-v-697bfcfe] {
font-size: 16px;
padding: 3rem 1.5rem;
}
.login .logo-wrap[data-v-697bfcfe] {
text-align: center;
margin-bottom: 1rem;
}
.login .logo-wrap .logo[data-v-697bfcfe] {
width: 8.9rem;
height: 5.95rem;
}
.login .form .code-wrap[data-v-697bfcfe] {
position: relative;
}
.login .form .code-wrap .code-btn[data-v-697bfcfe] {
position: absolute;
top: 0.5rem;
right: 0.4rem;
color: #2a83dd;
font-size: 15px;
}
.login .form .code-wrap .code-btn.gary[data-v-697bfcfe] {
color: #666;
}
.login .form .btn[data-v-697bfcfe] {
width: 100%;
height: 1.6rem;
font-size: 18px;
color: #fff;
letter-spacing: 2px;
border: none;
border-radius: 0.8rem;
background-image: -webkit-gradient(linear, left bottom, right top, from(#209cff), to(#68e0cf));
background-image: -webkit-linear-gradient(bottom left, #209cff, #68e0cf);
background-image: linear-gradient(to top right, #209cff, #68e0cf);
}
.login .form input[data-v-697bfcfe] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 1.6rem;
padding: 0 0.6rem;
border-radius: 0.8rem;
background-color: #eee;
margin-bottom: 0.6rem;
}
.login .protocol[data-v-697bfcfe] {
margin-top: 2rem;
font-size: 13px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.login .protocol .radio[data-v-697bfcfe] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background-color: #fff;
border: 1px solid #999;
margin-right: 0.2rem;
}
.login .protocol .radio.active[data-v-697bfcfe] {
background-image: -webkit-gradient(linear, left bottom, right top, from(#209cff), to(#68e0cf));
background-image: -webkit-linear-gradient(bottom left, #209cff, #68e0cf);
background-image: linear-gradient(to top right, #209cff, #68e0cf);
border: 1px solid #999;
}
.login .protocol p span[data-v-697bfcfe] {
color: #68e0cf;
}
.order[data-v-1c3ac0fa] {
min-height: 100vh;
background: url(../../static/img/bgnew.89c43e3.png) no-repeat;
background-size: 100% 280px;
background-color: #f7f7f7;
padding: 0 0.6rem;
}
.order .order-scroll .title[data-v-1c3ac0fa] {
position: relative;
margin-top: 1.3rem;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
}
.order .order-scroll .title .back[data-v-1c3ac0fa] {
position: absolute;
left: 0;
top: 0;
font-size: 16px;
}
.order .order-scroll .content[data-v-1c3ac0fa] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.3rem;
color: #fff;
font-size: 16px;
margin-top: 0.8rem;
border-radius: 0.5rem;
background-color: #f7f7f7;
}
.order .order-scroll .content .tab-menu[data-v-1c3ac0fa] {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #666;
margin-top: 0.3rem;
}
.order .order-scroll .content .tab-menu .tab-menu-item[data-v-1c3ac0fa] {
width: 30%;
height: 1.3rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.3rem;
background-color: #fff;
}
.order .order-scroll .content .tab-menu .tab-menu-item.active[data-v-1c3ac0fa] {
color: #fff;
background-color: #3eb7eb;
}
.order .order-scroll .content .order-list[data-v-1c3ac0fa] {
margin-top: 0.5rem;
}
.order .order-scroll .content .order-list .order-item[data-v-1c3ac0fa] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0.3rem;
background-color: #fff;
border-radius: 0.5rem;
color: #666;
}
.order .order-scroll .content .order-list .order-item .order-item-title[data-v-1c3ac0fa] {
padding: 0 0.5rem;
height: 1.5rem;
line-height: 1.5rem;
font-size: 14px;
border-bottom: 2px solid #f7f7f7;
}
.order .order-scroll .content .order-list .order-item .order-item-content[data-v-1c3ac0fa] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.3rem 0.5rem;
}
.order .order-scroll .content .order-list .order-item .order-item-content .movie-img[data-v-1c3ac0fa] {
width: 2.8rem;
height: 4.2rem;
margin-right: 0.3rem;
}
.order .order-scroll .content .order-list .order-item .order-item-content .movie-info[data-v-1c3ac0fa] {
font-size: 14px;
}
.order .order-scroll .content .order-list .order-item .order-item-content .movie-info h3[data-v-1c3ac0fa] {
font-size: 16px;
font-weight: bold;
}
.order .order-scroll .content .order-list .order-item .order-item-content .movie-info p[data-v-1c3ac0fa] {
margin-top: 0.5rem;
}
.order .order-scroll .content .order-list .order-item .order-item-footer[data-v-1c3ac0fa] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
padding: 0 0.5rem 0.5rem 0.5rem;
}
.order .order-scroll .content .order-list .order-item .order-item-footer .order-pay-info span[data-v-1c3ac0fa] {
color: #e02c2c;
}
.bag[data-v-4b5f0023] {
min-height: 100vh;
background: url(../../static/img/bgnew.89c43e3.png) no-repeat;
background-size: 100% 280px;
background-color: #f7f7f7;
padding: 0 0.6rem;
}
.bag .bag-scroll .title[data-v-4b5f0023] {
position: relative;
margin-top: 1.3rem;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
}
.bag .bag-scroll .title .back[data-v-4b5f0023] {
position: absolute;
left: 0;
top: 0;
font-size: 16px;
}
.bag .bag-scroll .content[data-v-4b5f0023] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.3rem;
color: #fff;
font-size: 16px;
margin-top: 0.8rem;
border-radius: 0.5rem;
background-color: #f7f7f7;
}
.bag .bag-scroll .content .img-title[data-v-4b5f0023] {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #666;
margin-top: 0.3rem;
}
.bag .bag-scroll .content .bag-list .bag-item[data-v-4b5f0023] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 89%;
margin: 0 5.5% 0.3rem;
padding: 1rem 0.5rem 0 0.8rem;
background: url(../../static/img/bagBg.e192c7d.png) no-repeat;
background-size: 100% 100%;
height: 5rem;
color: #666;
-webkit-box-shadow: 0 5px 5px rgba(215, 214, 214, 0.1);
box-shadow: 0 5px 5px rgba(215, 214, 214, 0.1);
}
.bag .bag-scroll .content .bag-list .bag-item .card-top[data-v-4b5f0023] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0.6rem;
}
.bag .bag-scroll .content .bag-list .bag-item .card-bottom[data-v-4b5f0023] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.bag .bag-scroll .content .bag-list .bag-item .card-bottom .qr-code[data-v-4b5f0023] {
width: 3rem;
height: 1.2rem;
}
.bag .bag-scroll .content .bag-list .bag-item .card-bottom .card-recharge[data-v-4b5f0023] {
text-align: center;
}
.bag .bag-scroll .content .bag-list .bag-item .card-bottom .card-recharge p[data-v-4b5f0023] {
font-size: 14px;
margin-bottom: 0.3rem;
}
.bag .bag-scroll .content .bag-list .bag-item .card-bottom .card-recharge .recharge-btn[data-v-4b5f0023] {
width: 3.8rem;
height: 1.2rem;
border-radius: 0.6rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background: #ff3738;
}
.bag .bag-scroll .content .bag-list .bag-item .card-bottom .card-recharge .recharge-btn span[data-v-4b5f0023] {
display: inline-block;
width: 0.7rem;
height: 0.7rem;
line-height: 0.7rem;
text-align: center;
margin-left: 0.2rem;
border-radius: 50%;
background-color: #fff;
}
.bag .bag-scroll .content .bag-list .bag-item .card-bottom .card-recharge .recharge-btn span i[data-v-4b5f0023] {
color: #ff3738;
font-size: 14px;
}
.city[data-v-e27a6d68] {
height: 100%;
padding-top: 1.8rem;
font-size: 16px;
background-color: #f1f1f1;
}
.city .city-list .city-list-item[data-v-e27a6d68] {
line-height: 1.5rem;
color: #333;
font-size: 16px;
}
.city .city-list .city-list-item .letter-title[data-v-e27a6d68] {
padding: 0 0.5rem;
font-size: 0.72rem;
color: #000;
}
.city .city-list .city-list-item .city-name[data-v-e27a6d68] {
padding: 0 0.5rem;
background-color: #fff;
border-bottom: 1px solid #eee;
}
.city .no-city[data-v-e27a6d68] {
width: 100%;
height: 1.8rem;
line-height: 1.8rem;
text-align: center;
color: #666;
}
.city[data-v-052ea108] {
padding-top: 1.8rem;
font-size: 16px;
}
.city .city-list .city-list-item[data-v-052ea108] {
height: 1.5rem;
line-height: 1.5rem;
padding: 0 .8rem;
color: #333;
font-size: 16px;
border-bottom: 1px solid #eee;
}
.city .no-city[data-v-052ea108] {
width: 100%;
height: 1.8rem;
line-height: 1.8rem;
text-align: center;
color: #666;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
body {
background-color: #ffffff;
}
.gary-bg {
background: rgba(233, 233, 233, 0.5) !important;
}
.active-box {
width: 100%;
}
.page1-wrap {
height: 100%;
}
.page1-wrap .copy-wrapper {
font-size: 12px;
color: #999;
background: #fff;
position: relative;
}
.page1-wrap .copy-wrapper .company-name {
position: fixed;
left: 20px;
bottom: 1rem;
background: none;
}
.page1-wrap .copy-wrapper .record {
position: fixed;
right: 20px;
bottom: 1rem;
}
.page1-wrap .page1 {
position: fixed;
top: 0;
bottom: 0;
width: 100%;
height: auto;
max-width: 750px;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: #ffffff;
}
.page1-wrap .page1 .mescroll-upwarp {
display: none;
}
.page1-wrap .page1 .head {
height: 7rem !important;
/* 230/25 */
background-color: #f7f7f7 !important;
width: 92%;
margin: 0 4%;
margin-top: 2rem /* 15/25 */;
border-radius: 0.5rem;
overflow: hidden;
}
.page1-wrap .page1 .head.noImage {
background-size: 3.2rem /* 80/25 */;
}
.page1-wrap .page1 .head .mint-swipe .mint-swipe-items-wrap .mint-swipe-item img {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
}
.page1-wrap .page1 .head .mint-swipe .mint-swipe-indicators {
bottom: 0.4rem /* 10/25 */;
}
.page1-wrap .page1 .head .mint-swipe .mint-swipe-indicators .mint-swipe-indicator {
opacity: 1;
background-color: #e9eeed;
}
.page1-wrap .page1 .head .mint-swipe .mint-swipe-indicators .mint-swipe-indicator.is-active {
width: 12px;
border-radius: 5px;
background-color: #e7c402;
}
.page1-wrap .page1 .head .swiper-container {
z-index: 2;
height: 100%;
}
.page1-wrap .page1 .head .swiper-container .swiper-wrapper {
height: 100%;
}
.page1-wrap .page1 .head .swiper-container .swiper-wrapper .swiper-slide img {
display: block;
width: 100%;
}
.page1-wrap .page1 .head .swiper-container .swiper-pagination .swiper-pagination-bullet {
opacity: 1;
background-color: #e9eeed;
}
.page1-wrap .page1 .head .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 12px;
border-radius: 5px;
background-color: #e7c402;
}
.page1-wrap .page1 .main-content {
position: relative;
padding-top: 0.4rem /* 10/25 */;
}
.page1-wrap .page1 .main-content .company {
margin: 0 0.6rem /* 15/25 */;
border-radius: 25px;
background-color: #f7f5ed;
}
.page1-wrap .page1 .main-content .company .company-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.32rem /* 8/25 */ 0.8rem /* 20/25 */;
border-radius: 5px;
}
.page1-wrap .page1 .main-content .company .company-content .left {
width: 1.2rem /* 30/25 */;
height: 1.2rem /* 30/25 */;
margin-right: 0.4rem /* 10/25 */;
border-radius: 10px;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page1-wrap .page1 .main-content .company .company-content .left img {
display: block;
width: 100%;
margin: 0 auto;
}
.page1-wrap .page1 .main-content .company .company-content .right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.page1-wrap .page1 .main-content .company .company-content .right .p1 {
line-height: 1.04rem /* 26/25 */;
font-size: 0.64rem /* 16/25 */;
font-weight: bold;
color: #333333;
}
.page1-wrap .page1 .main-content .menu {
overflow: hidden;
}
.page1-wrap .page1 .main-content .menu ul {
width: 100%;
font-size: 0;
background-color: #ffffff;
padding-bottom: 15px;
}
.page1-wrap .page1 .main-content .menu ul li {
display: inline-block;
width: 25%;
text-align: center;
margin-top: 0.6rem;
}
.page1-wrap .page1 .main-content .menu ul li .icons {
position: relative;
width: 2rem;
margin: 0 auto;
}
.page1-wrap .page1 .main-content .menu ul li .icons .icon {
width: 2rem /* 40/25 */;
height: 2rem /* 40/25 */;
border-radius: 50%;
}
.page1-wrap .page1 .main-content .menu ul li p {
margin-top: 0.4rem /* 10/25 */;
font-size: 0.48rem /* 12/25 */;
color: #333333;
}
.page1-wrap .page1 .main-content .ad-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.5rem /* 15/25 */;
padding-left: 0.6rem /* 15/25 */;
padding-right: 0.6rem /* 15/25 */;
}
.page1-wrap .page1 .main-content .ad-content .ad-imgs {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 3.44rem /* 86/25 */;
overflow: hidden;
border-radius: 5px;
}
.page1-wrap .page1 .main-content .ad-content .ad-imgs img {
display: block;
width: 100%;
border-radius: 5px;
}
.page1-wrap .page1 .main-content .ad-marquee {
padding: 0.6rem 0 0;
background: #f7f7f7;
}
.page1-wrap .page1 .main-content .hot-module {
background-color: #f7f7f7;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0.6rem !important;
}
.page1-wrap .page1 .main-content .hot-module .count-down-wrapper {
width: 100%;
}
.page1-wrap .page1 .main-content .hot-module .love-charity {
width: 92%;
margin: 0 4%;
margin-bottom: 0.6rem /* 15/25 */;
padding-top: 0.72rem /* 18/25 */;
background-color: #ffffff;
border-radius: 10px;
overflow: hidden;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .love-head {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0.6rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .love-head .love-title {
font-size: 0.64rem /* 16/25 */;
font-weight: bold;
letter-spacing: 2px;
color: #333333;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .love-head .more {
padding-right: 0.6rem /* 15/25 */;
font-size: 0.48rem /* 12/25 */;
color: #999999;
background: url(data:image/png;base64,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) no-repeat right center;
background-size: 0.4rem /* 10/25 */ 0.28rem /* 7/25 */;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .small-head {
display: none;
margin-top: 0.4rem /* 10/25 */;
padding-left: 0.6rem /* 15/25 */;
padding-right: 1rem /* 25/25 */;
font-size: 0.4rem /* 10/25 */;
color: #cccccc;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAOCAMAAABq1a50AAAAP1BMVEUAAADj4+Pl5eXl5eXl5eXm5ubl5eXm5ubl5eXk5OTm5ubm5ubi4uLNzc3m5ubm5ubm5ubm5ubm5ubm5ubm5ubgTt1AAAAAFHRSTlMAK3xcTO+35Ucwv3kVBdrTq5+NUUKqF+QAAABOSURBVCjPvc5LDoAgDEXRh4ilIH67/7U6tYYmjQPOBu5FXLQjoC/Jx4m+K2mUMcoaTXpiE1vEyy62W6XzbGH80oJLQxGXAhIXAtfJofIDo10OQeFIT6kAAAAASUVORK5CYII=) no-repeat right center;
background-size: 0.8rem /* 20/25 */ 0.28rem /* 7/25 */;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area {
padding: 0.5rem 0.6rem 0.8rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big {
margin-bottom: 0.32rem /* 8/25 */;
width: 4rem;
border: 3px solid red;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big img {
display: block;
width: 4rem;
max-height: 6rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big .title-goods {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big .title-goods .title-goods-img {
width: 4.5rem;
height: 4.5rem;
margin-right: 0.8rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big .title-goods .title-goods-info {
font-size: 10.64rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big .title-goods .title-goods-info .title-goods-name {
font-size: 0.64rem;
margin-bottom: 1.5rem;
display: -webkit-box;
color: #333;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big .title-goods .title-goods-info .title-goods-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big .title-goods .title-goods-info .title-goods-bottom .title-goods-active {
margin-right: 10px;
color: #666;
font-size: 14px;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big .title-goods .title-goods-info .title-goods-bottom .title-goods-active .title-goods-price {
color: #ff0000;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .big .title-goods .title-goods-info .title-goods-bottom .title-goods-btn {
width: 3rem;
height: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 14px;
background: -webkit-gradient(linear, left top, right top, from(#ff5602), to(#fe0235));
background: -webkit-linear-gradient(left, #ff5602, #fe0235);
background: linear-gradient(to right, #ff5602, #fe0235);
border-radius: 4px;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small {
font-size: 0;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner {
display: inline-block;
vertical-align: top;
width: 30%;
margin-right: 2%;
white-space: normal;
position: relative;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner.movie {
position: relative;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner.movie .movie-box {
width: 100%;
height: 5.8rem;
overflow: hidden;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner.movie .purchase {
position: absolute;
bottom: 0.4rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 2.24rem /* 56/25 */;
height: 0.88rem /* 22/25 */;
line-height: 0.88rem /* 22/25 */;
text-align: center;
border-radius: 10px;
font-size: 0.6rem /* 15/25 */;
color: #ffffff;
background-color: #e00303;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner .small-imgbox {
position: relative;
width: 100%;
padding-top: 100%;
overflow: hidden;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner .small-imgbox img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner .saled-mask {
position: absolute;
background: url(data:image/png;base64,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) no-repeat scroll center / cover transparent;
top: 0;
left: 0;
right: 0;
height: 4.16rem;
z-index: 999999;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner img {
display: block;
width: 100%;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner .desc {
line-height: 0.64rem /* 16/25 */;
margin-top: 0.6rem /* 15/25 */;
font-size: 0.48rem /* 12/25 */;
color: #333333;
overflow: hidden;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner .info {
line-height: 0.64rem /* 16/25 */;
margin-top: 0.6rem /* 15/25 */;
color: #efce49;
font-size: .48rem;
overflow: hidden;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner .price {
margin-top: 0.4rem /* 10/25 */;
font-size: 0.48rem /* 12/25 */;
color: #ff0000;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .small-banner .price span {
margin-left: 0.4rem /* 10/25 */;
text-decoration: line-through;
color: #cccccc;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .fix-cd {
width: 4.16rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .fix-cd .small-imgbox {
height: 4.16rem;
padding-top: 0;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap {
border-radius: 10px;
background: #f3f3f3;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li {
padding: 1rem 0.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .left {
width: 4.4rem;
height: 4.4rem;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #eee;
border-radius: 4px;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .left img {
width: 100%;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .up {
margin: 0 0.4rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .up .title {
color: #333;
font-size: 0.6rem;
font-weight: bold;
padding: 0.2rem 0;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .up .desc {
font-size: 0.48rem;
color: #f17a00;
padding: 0.2rem 0;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down {
margin: 0.5rem 0 0 0.4rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .price span {
font-size: 0.88rem;
color: #e60000;
padding-right: 0.3rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .price s {
font-size: 0.48rem;
color: #999;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .progress-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .progress-wrap .progress {
width: 4rem;
position: relative;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .progress-wrap .progress progress {
-webkit-appearance: none;
width: 100%;
height: 0.7rem;
vertical-align: -1.2rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .progress-wrap .progress .saled {
position: absolute;
bottom: 0.1rem;
left: 5px;
font-size: 0.4rem;
color: #fff;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .progress-wrap .progress .ratio {
position: absolute;
bottom: 0.1rem;
right: 0;
font-size: 0.4rem;
color: #fff;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .progress-wrap .mind-me {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
width: 4rem;
height: 0.8rem;
color: #47cb5d;
font-size: 0.48rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .progress-wrap .now-buy-wrap {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
margin-left: 0.3rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .right .down .progress-wrap .now-buy {
color: #fff;
display: inline-block;
border-radius: 10px;
padding: 0.2rem 0.4rem;
background: #f00;
font-size: 0.48rem;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small .list-down-wrap li .saled-mask {
position: absolute;
background: url(data:image/png;base64,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) no-repeat scroll left top / cover transparent;
top: 1rem;
left: 0.4rem;
width: 3.8rem;
height: 3.8rem;
z-index: 999999;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small-recommend .small-banner {
display: inline-block;
vertical-align: top;
width: 48%;
margin-right: 4%;
margin-bottom: 0.6rem /* 15/25 */;
padding-bottom: 0.6rem /* 15/25 */;
border-radius: 5px;
border: 1px solid #f7f7f7;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small-recommend .small-banner:nth-child(even) {
margin-right: 0;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small-recommend .small-banner .small-imgbox {
position: relative;
width: 100%;
padding-top: 100%;
overflow: hidden;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small-recommend .small-banner .small-imgbox img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small-recommend .small-banner img {
display: block;
width: 100%;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small-recommend .small-banner .desc {
height: 1.28rem /* 32/25 */;
line-height: 0.64rem /* 16/25 */;
margin-top: 0.6rem /* 15/25 */;
padding: 0 0.4rem /* 10/25 */;
font-size: 0.48rem /* 12/25 */;
color: #333333;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small-recommend .small-banner .price {
margin-top: 0.4rem /* 10/25 */;
padding: 0 0.4rem /* 10/25 */;
font-size: 0.48rem /* 12/25 */;
color: #ff0000;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .small-recommend .small-banner .price span {
margin-left: 0.4rem /* 10/25 */;
text-decoration: line-through;
color: #cccccc;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .count-down-tips {
background: #47cb5d !important;
}
.page1-wrap .page1 .main-content .hot-module .love-charity .banner-area .count-down-price-tips {
color: #47cb5d !important;
}
.page1-wrap .page1 .main-content .hot-module .loading-container {
padding-top: 18px;
margin: auto;
}
.page1-wrap .page1 .main-content .count-down {
margin-bottom: 0;
}
.page1-wrap .page1 .main-content .count-down .love-charity {
margin-bottom: 0;
padding-top: 0;
}
.page1-wrap .page1 .main-content .count-down .c-desc {
margin-top: 0.36rem;
font-size: 0.48rem /* 12/25 */;
color: #333333;
overflow: hidden;
height: 0.64rem;
line-height: 0.64rem;
}
.page1-wrap .page1 .main-content .count-down .c-price {
color: #ff0000;
font-size: 0.46rem;
margin-top: 0.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.page1-wrap .page1 .main-content .count-down .c-price .c-price-text {
font-weight: bold;
font-size: 0.6rem;
padding: 0 0.2rem;
}
.page1-wrap .page1 .main-content .count-down .c-price .c-ext {
color: #666;
vertical-align: text-bottom;
}
.page1-wrap .page1 .main-content .count-down .now-buy {
margin-top: 0.4rem;
text-align: center;
}
.page1-wrap .page1 .main-content .count-down .now-buy button {
background: #f00;
border: none;
color: #fff;
padding: 0.2rem 0.48rem;
border-radius: 14px;
font-size: 0.5rem;
}
.page1-wrap .page1 .main-content .copy-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: -15px;
font-size: 12px;
color: #999;
height: 18px;
line-height: 18px;
}
.page1-wrap .page1 .main-content .copy-wrapper .company {
margin: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
background: none;
}
.page1-wrap .page1 .main-content .copy-wrapper .record {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
.page1-wrap .page1 .main-content .recommend-goods {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4%;
background-color: #f7f7f7;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-title {
width: 100%;
font-size: 16px;
margin: 10px 0;
text-align: center;
color: #333;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-item {
width: 48%;
margin-bottom: 10px;
background-color: #fff;
padding-bottom: 10px;
border-radius: 10px;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-item:nth-child(odd) {
margin-left: 4%;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-item .recommend-goods-img {
width: 100%;
max-height: 6rem;
border-radius: 10px 10px 0 0;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-item .recommend-goods-bottom {
padding: 0 10px;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-item .recommend-goods-bottom .recommend-goods-name {
height: 1.6rem;
line-height: 0.8rem;
font-size: 0.48rem;
color: #333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin: 10px 0;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-item .recommend-goods-bottom .recommend-goods-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-item .recommend-goods-bottom .recommend-goods-info .recommend-goods-price {
font-size: 0.48rem;
color: #ff0000;
}
.page1-wrap .page1 .main-content .recommend-goods .recommend-goods-item .recommend-goods-bottom .recommend-goods-info .recommend-goods-cart {
width: 1rem;
}
.page1-wrap .vux-header {
z-index: 1002 !important;
}
.page1-wrap .httpBg {
position: fixed;
top: 0;
bottom: 0;
z-index: 1001;
width: 100%;
max-width: 750px;
height: 100%;
background-color: #ffffff;
}
.page1-wrap .app-header {
position: fixed;
top: 0;
width: 100%;
max-width: 750px;
z-index: 1000;
background-color: rgba(255, 255, 255, 0);
}
.page1-wrap .app-header .app-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.28rem /* 7/25 */ 0.6rem /* 15/25 */;
}
.page1-wrap .app-header .app-content .left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0.4rem /* 10/25 */;
}
.page1-wrap .app-header .app-content .left .header-logo {
width: 4.5rem;
max-height: 1.2rem;
}
.page1-wrap .app-header .app-content .left .header-logo1 {
width: 1.12rem;
height: 1.12rem;
margin-right: 5px;
}
.page1-wrap .app-header .app-content .left .logo-text {
font-size: 14px;
color: #333;
border-left: 1px solid #666;
padding-left: 5px;
}
.page1-wrap .app-header .app-content .center {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
height: 1.2rem /* 30/25 */;
line-height: 1.2rem /* 30/25 */;
padding-left: 1.36rem /* 34/25 */;
border-radius: 20px;
font-size: 0.48rem /* 12/25 */;
color: #999999;
background: url(data:image/png;base64,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) no-repeat rgba(255, 255, 255, 0.8) 0.48rem center;
background-size: 0.56rem /* 14/25 */;
}
.page1-wrap .app-header .app-content .center.bg {
color: #333333;
background-color: #e3e3e3;
}
.page1-wrap .app-header .app-content .right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 1.28rem /* 32/25 */;
position: relative;
}
.page1-wrap .app-header .app-content .right img {
width: 0.84rem /* 21/25 */;
}
.page1-wrap .app-header .app-content .right .badge {
position: absolute;
top: 0;
right: -0.4rem;
/* 10/25 */
}
.page1-wrap .company-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 9999;
}
.page1-wrap .company-wrapper .company-box {
padding: 15px 15px 30px;
background: #fff;
position: absolute;
bottom: 0;
top: 130px;
overflow: auto;
}
.page1-wrap .company-wrapper .company-box .close {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
background: #0c62ff;
color: #fff;
padding: 5px 10px;
border-radius: 10px;
}
.page1-wrap .company-wrapper .company-box .title {
height: 44px;
line-height: 44px;
font-size: 16px;
font-weight: bold;
color: #333;
}
.page1-wrap .company-wrapper .company-box .text {
line-height: 21px;
font-size: 14px;
color: #333;
text-indent: 28px;
}
.page1-wrap .version-box {
position: fixed;
top: 0;
width: 100%;
height: 1.76rem /* 44/25 */;
line-height: 1.76rem /* 44/25 */;
min-width: 320px;
max-width: 750px;
z-index: 1001;
text-align: center;
font-size: 0.56rem /* 14/25 */;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.5);
}
.page1-wrap .update-notice-wrapper {
position: fixed;
top: 0;
bottom: 0;
min-width: 320px;
max-width: 750px;
z-index: 99999;
}
.page1-wrap .update-notice-wrapper .update-notice-img {
width: 100%;
height: 100%;
}
.page1-wrap .company-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 9999;
}
.page1-wrap .company-wrapper .company-box {
padding: 15px 15px 30px;
background: #fff;
position: absolute;
bottom: 0;
top: 130px;
overflow: auto;
}
.page1-wrap .company-wrapper .company-box .close {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
background: #0c62ff;
color: #fff;
padding: 5px 10px;
border-radius: 10px;
}
.page1-wrap .company-wrapper .company-box .title {
height: 44px;
line-height: 44px;
font-size: 16px;
font-weight: 700;
color: #333;
}
.page1-wrap .company-wrapper .company-box .text {
line-height: 21px;
font-size: 14px;
color: #333;
text-indent: 28px;
}
.model-box {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 9998;
}
.guide {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
}
.guide .guide-count-down {
padding: 4px 8px;
background-color: rgba(211, 120, 120, 0.4);
color: #fff;
font-size: 14px;
border-radius: 20px;
position: absolute;
top: 35px;
right: 10px;
}
.guide .activity-content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 9999;
}
.guide .activity-content .activity-swiper {
width: 100%;
height: 100%;
}
.guide .activity-content .activity-swiper img {
width: 100%;
height: 100%;
}
.activity618-box {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 9998;
}
.activity618-box .close-btn {
width: 1.6rem;
height: 1.6rem;
position: absolute;
top: 10%;
right: 20%;
margin-right: -0.8rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAMAAADWOFNCAAAAk1BMVEUAAAD1aF71aF71aF71aF71aF7////////1aF71aF7////1aF71aF71aF7////1aF71aF71aF71aF71aF71aF71aF71aF7////////////////1aF7////////1aF7////1aF7////1aF71aF71aF7////1aF71aF7////1aF71aF7////1aF71aF71aF71aF7////DT5ErAAAAL3RSTlMASI/U6qUw78NOEHuzIc9+WnZCG7lpFa+PcN/cv2DGgFtAzbytn5dWIA8MUIA8Kle3ymMAAAIdSURBVEjHpZZrf6owDMYfYKAgN8H7mOjU3c42+v0/3ZnFNtaU4eH83yD+UpInSdvAxkcxd/34EPvuvPjAXSTZtrlmmyXoIxw3nHH4+xqvseN1ryvjppu4hBXnQZs8+pM8LMJ84j/q/x4cWJjoaKbX8pOpjnoChquUOzwIlSEXN7xcwtjBxu4S/AsMpu2/swXsLGatwdTIOIugS0F4lfI2gAy/kbUSqABH8tTrLdY5ajWhj5kRoyddL9DHQgrx2pdX+Ykd+tlJy1f5eyyLC8W+XuOKoK7f9AuZJvIDDq0S4okWRRuRRjAzkKiMeiBWYhTol6V80XiqQs+s5il9/okcUw89A+/aKUkZiZPxq4XkvKOQ+wkG64uHSHkl5H4rMD8/fCgMNSf5MPDP5nO4tv0WjURKotjeddvFORSU/tWPqCVuydvQYlUtk1qIjdiQKKNiMQ7nxxcYqRAiAOPrbH7gviiPFdDhi+mimgmxRpcunsNLpUYnCpHl0KwX9aLYI1XpYPWy9gb+CFEDb5R6s30LSx9K80ouZtLKtg9tPY8fUZEKNICt5/Fp7C/TVkpjAX4C+G5uKranuJQ0cy9/W86NiAyZNGm6pTOKCl3poJi0XJ1R7DwMqiow6r2sVuw8HHD2Dj/nh98pcO6+vxzWynfcldm/3Ms53cvDZ4D+eaNk80bnbOP1zzb02WPTzbFEF07nzOYMnA//fxYdNvf+BR3+kuuzFYLbAAAAAElFTkSuQmCC) no-repeat center;
background-size: 100% 100%;
}
.activity618-box .activity-content {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
}
.activity618-box .activity-content img {
max-width: 90%;
max-height: 100%;
}
.activity618-box .activity-content .look-btn {
width: 100%;
height: 1.8rem;
position: absolute;
left: 0;
bottom: 0;
}
.bounce-enter-active {
-webkit-animation: bounce-in 0.5s;
animation: bounce-in 0.5s;
}
.bounce-leave-active {
-webkit-animation: bounce-out 0.5s;
animation: bounce-out 0.5s;
}
@-webkit-keyframes bounce-in {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounce-in {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes bounce-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes bounce-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
.guide-leave-active {
-webkit-animation: guide-out 0.5s;
animation: guide-out 0.5s;
}
@-webkit-keyframes guide-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes guide-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
.video-js {
background: transparent;
}
.vjs-poster {
background-size: cover;
}
.vjs-custom-skin > .video-js .vjs-big-play-button {
height: 1.2em !important;
width: 1.2em !important;
line-height: 1.1em !important;
border-radius: 50%;
margin-left: -0.5em;
margin-top: -0.5em !important;
}
.count-down-gradient-bg {
background: #ff4205;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0070), color-stop(100%, #ff4205));
background: -webkit-linear-gradient(top, #ff0070 0%, #ff4205 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0070), to(#ff4205));
background: linear-gradient(to bottom, #ff0070 0%, #ff4205 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0070', endColorstr='#FF4205', GradientType=0);
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0.6rem;
padding-right: 0.6rem;
height: 1.8rem;
}
.count-down-gradient-bg .countdown-title {
color: #fff;
font-size: 0.64rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 2px;
}
.count-down-gradient-bg .countdown-title .count-down {
padding-top: 2px;
font-size: 0.64rem;
font-weight: bold;
}
.count-down-gradient-bg .countdown-title .inner {
font-size: 0.5rem;
}
.count-down-gradient-bg .more {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAABMElEQVQ4jYXTMUscURiF4euKhICxMEECSggWgp1gZyHxB9iLdlpY2ETwBwTsjRAQG7FLJVhYaCeSQCDYiJBGG4mCkEJxBUE0T1jcJZ93Z3YPnIEZXt47c+d+CTPYwxRSm86jim10F7G1y5Wn/MXHNsJv/ucHeouEa57nUwvhB9wG+ghvc2EFXzLpKjpKpGPhq2o5wfsobHQ5k26is0Q6gsvA/sZwLqx1sb6XjWzhRYl0CGeB/YPRInAWDwHcaLGn73Aa2ItKas5xSqkanvYXMI0MppT6wv15vuIEbsKKvzBQ8naTuAvsT7xuBRziTYmsNgz3gd3Hq/hTpjPgAD0lsgU8BnYHL+OxmWsFFMhivqIrP9jXgWgCsn4P7Hp9KJpG73N9nFaKgKzj2MVS4SSR/gGwiWrMRkmDpgAAAABJRU5ErkJggg==) no-repeat right center / 0.4rem 0.28rem;
color: #fff;
font-size: 0.48rem /* 12/25 */;
padding-right: 0.6rem /* 15/25 */;
}
.count-down-gradient-bg .time {
background: #fff;
border-radius: 4px;
color: #f00;
margin: 0 0.16rem;
display: inline-block;
width: 0.88rem;
height: 0.88rem;
line-height: 0.88rem;
text-align: center;
font-size: 0.48rem;
font-weight: bold;
letter-spacing: normal;
}
::-webkit-progress-bar {
/* 获取progress */
background-color: #ffc8b2;
border-radius: 10px;
/* 进度条未被填充的背景颜色 */
}
::-webkit-progress-value {
background-color: #ff2306;
/* 进度条被填充部分的背景颜色 */
border-radius: 10px;
}
::-webkit-progress-inner-element {
border: 0;
/* 进度条的内边框，注意跟outline区分 */
}
/*video默认全屏按钮*/
video::-webkit-media-controls-fullscreen-button {
display: none !important;
}
/*video默认aduio音量按钮*/
video::-webkit-media-controls-mute-button {
display: none !important;
}
/*video默认setting按钮*/
video::-internal-media-controls-overflow-button,
audio::-internal-media-controls-overflow-button {
display: none !important;
}
video::-internal-media-controls-button-hover-background {
background: #000 !important;
}
video::-webkit-media-controls-current-time-display {
display: none !important;
}
video::-webkit-media-controls-time-remaining-display {
display: none !important;
}
/*腾讯云点播禁用firefox全屏、设置按钮*/
.trump-button[sub-component="fullscreen_btn"],
.trump-button[now="fullscreen"] {
display: none !important;
}
.trump-button[sub-component="setting"] {
display: none !important;
}
/*禁用video的controls（要慎重！不要轻易隐藏掉，会导致点击视频不能播放）*/
.xyt-loading {
text-align: center;
}
.xyt-loading-img {
vertical-align: top;
width: 25px;
height: 25px;
}
.xyt-text {
margin-top: 5px;
text-align: center;
font-size: 12px;
}
.box[data-v-1335b564] {
width: 100%;
margin: 0.6rem 0.5rem 0;
background: #fff;
border-radius: 10px;
}
.news-item[data-v-1335b564] {
padding: 0.6rem 0.4rem 0.1rem;
margin-bottom: 0.4rem;
border-radius: 0.25rem;
background-color: #fff;
}
.news-item-title[data-v-1335b564] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-item-title-text[data-v-1335b564] {
font-size: 0.6rem;
font-weight: bold;
color: #000;
margin-right: 0.3rem;
}
.news-item-title-news[data-v-1335b564] {
padding-left: 0.6rem;
border-left: 1px solid #000;
}
.news-item-title .more[data-v-1335b564] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
font-size: 0.6rem;
font-weight: bold;
}
.news-item-content2[data-v-1335b564] {
padding-top: 0.3rem;
}
.news-item-content2 .store-info[data-v-1335b564] {
padding: 0.5rem 0.2rem;
margin-bottom: 0.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #fafafa;
border-radius: 0.4rem;
}
.news-item-content2 .store-info-left[data-v-1335b564] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-item-content2 .store-info-left .store-img[data-v-1335b564] {
width: 1.8rem;
height: 1.8rem;
margin-right: 0.3rem;
}
.news-item-content2 .store-info-left .store-name[data-v-1335b564] {
font-size: 0.56rem;
font-weight: bold;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.news-item-content2 .store-info-left .store-address[data-v-1335b564] {
font-size: 0.44rem;
color: #666;
margin-top: 0.2rem;
}
.news-item-content2 .store-info-right[data-v-1335b564] {
font-size: 0.48rem;
color: #666;
height: 100%;
text-align: center;
}
.news-item-content2 .store-info-right i[data-v-1335b564] {
font-size: 0.6rem;
}
.news-item-content2 .store-info-right .store-info-right-address[data-v-1335b564] {
margin-top: 0.4rem;
}
.news-item-content[data-v-1335b564] {
margin-top: 0.6rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 2.8rem;
}
.news-item-content .news-content-item[data-v-1335b564] {
width: 21%;
padding: 0.3rem 0;
background-color: #f4f8fd;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-radius: 0.2rem;
overflow: hidden;
padding: 0 0.15rem;
}
.news-item-content .news-content-item-title[data-v-1335b564] {
font-size: 0.56rem;
color: #466d92;
}
.news-item-content .news-content-item-text[data-v-1335b564] {
height: 1.2rem;
line-height: 0.6rem;
font-size: 0.48rem;
color: #787878;
margin-top: 0.15rem;
overflow: hidden;
}
.active-box[data-v-fd8b99e2] {
width: 92%;
margin: 0 4%;
margin-bottom: 0.6rem;
border-radius: 10px;
}
.active-box .box-item[data-v-fd8b99e2] {
padding-top: 0.5rem;
border-radius: 10px;
overflow: hidden;
background-color: #ffffff;
margin-bottom: 0.5rem;
}
.active-box .active-head[data-v-fd8b99e2] {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0.6rem /* 15/25 */;
padding-right: 0.6rem /* 15/25 */;
}
.active-box .active-head .active-title[data-v-fd8b99e2] {
font-size: 0.64rem /* 16/25 */;
font-weight: bold;
letter-spacing: 2px;
color: #333333;
}
.active-box .active-head .more[data-v-fd8b99e2] {
padding-right: 0.6rem /* 15/25 */;
font-size: 0.48rem /* 12/25 */;
color: #999999;
background: url(data:image/png;base64,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) no-repeat right center;
background-size: 0.4rem /* 10/25 */ 0.28rem /* 7/25 */;
}
.active-box .banner-area[data-v-fd8b99e2] {
position: relative;
margin-top: 0.5rem;
/* 20/25 */
padding: 0 0.6rem 0.8rem;
}
.active-box .banner-area .big[data-v-fd8b99e2] {
margin-bottom: 0.32rem /* 8/25 */;
}
.active-box .banner-area .big img[data-v-fd8b99e2] {
display: block;
width: 100%;
height: 100%;
max-height: 6rem;
}
.active-box .banner-area .big .title-goods[data-v-fd8b99e2] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.active-box .banner-area .big .title-goods .title-goods-img[data-v-fd8b99e2] {
width: 4.5rem;
height: 4.5rem;
}
.active-box .banner-area .big .title-goods .title-goods-info[data-v-fd8b99e2] {
font-size: 16px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.active-box .banner-area .big .title-goods .title-goods-info .title-goods-name[data-v-fd8b99e2] {
font-size: 16px;
margin-bottom: 1.5rem;
line-height: 20px;
display: -webkit-box;
color: #333;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.active-box .banner-area .big .title-goods .title-goods-info .title-goods-bottom[data-v-fd8b99e2] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.active-box .banner-area .big .title-goods .title-goods-info .title-goods-bottom .title-goods-active[data-v-fd8b99e2] {
color: #666;
font-size: 14px;
}
.active-box .banner-area .big .title-goods .title-goods-info .title-goods-bottom .title-goods-active .title-goods-price[data-v-fd8b99e2] {
color: #ff0000;
}
.active-box .banner-area .big .title-goods .title-goods-info .title-goods-bottom .title-goods-btn[data-v-fd8b99e2] {
width: 3rem;
height: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 14px;
background: -webkit-gradient(linear, left top, right top, from(#ff5602), to(#fe0235));
background: -webkit-linear-gradient(left, #ff5602, #fe0235);
background: linear-gradient(to right, #ff5602, #fe0235);
border-radius: 4px;
}
.active-box .banner-area .small[data-v-fd8b99e2] {
font-size: 0;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
}
.active-box .banner-area .small .small-banner[data-v-fd8b99e2] {
display: inline-block;
vertical-align: top;
width: 30%;
margin-right: 2%;
white-space: normal;
position: relative;
font-size: 0;
}
.active-box .banner-area .small .small-banner.movie[data-v-fd8b99e2] {
position: relative;
}
.active-box .banner-area .small .small-banner.movie .movie-box[data-v-fd8b99e2] {
width: 100%;
height: 5.8rem /* 145/25 */;
overflow: hidden;
}
.active-box .banner-area .small .small-banner.movie .purchase[data-v-fd8b99e2] {
position: absolute;
bottom: 0.4rem /* 10/25 */;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 2.24rem /* 56/25 */;
height: 0.88rem /* 22/25 */;
line-height: 0.88rem /* 22/25 */;
text-align: center;
border-radius: 10px;
font-size: 0.6rem /* 15/25 */;
color: #ffffff;
background-color: #e00303;
}
.active-box .banner-area .small .small-banner .small-imgbox[data-v-fd8b99e2] {
position: relative;
width: 100%;
padding-top: 100%;
overflow: hidden;
}
.active-box .banner-area .small .small-banner .small-imgbox img[data-v-fd8b99e2] {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.active-box .banner-area .small .small-banner .desc[data-v-fd8b99e2] {
position: absolute;
height: 1.2rem;
line-height: 0.64rem;
margin-top: 0.6rem;
font-size: 0.48rem;
color: #333333;
overflow: hidden;
}
.active-box .banner-area .small .small-banner .price[data-v-fd8b99e2] {
margin-top: 2rem /* 10/25 */;
font-size: 0.48rem /* 12/25 */;
color: #ff0000;
}
.active-box .banner-area .small .small-banner .price span[data-v-fd8b99e2] {
margin-left: 0.4rem /* 10/25 */;
text-decoration: line-through;
color: #cccccc;
}
.video-out-wrap[data-v-5d5c5056] {
border-radius: 0 !important;
width: 100% !important;
margin: 0 0 0.6rem 0 !important;
}
.video-out-wrap .love-head[data-v-5d5c5056]::before {
background: #fedf5e !important;
}
.video-out-wrap .banner-area[data-v-5d5c5056] {
padding-bottom: 0.4rem !important;
}
.video-area-wrap[data-v-5d5c5056] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.video-area-wrap .video-wrap-first[data-v-5d5c5056] {
width: 8rem;
height: 8rem;
}
.video-area-wrap .video-wrap-right[data-v-5d5c5056] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 0.3rem;
}
.video-area-wrap .video-wrap-right .video-wrap-right-item[data-v-5d5c5056] {
height: 3.8rem;
}
.video-area-wrap .video-wrap-right .video-wrap-right-item[data-v-5d5c5056]:first-child {
margin-bottom: 0.4rem;
}
.video-area-wrap .video-wrap[data-v-5d5c5056] {
position: relative;
overflow: hidden;
border-radius: 0.4rem;
}
.video-area-wrap .video-wrap .video-tag[data-v-5d5c5056] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 3rem;
height: 1rem;
line-height: 1rem;
padding-left: 0.3rem;
border-radius: 0 0.5rem 0.5rem 0;
background-image: -webkit-gradient(linear, left bottom, right top, from(#35aff1), to(#68dfd0));
background-image: -webkit-linear-gradient(bottom left, #35aff1, #68dfd0);
background-image: linear-gradient(to top right, #35aff1, #68dfd0);
position: absolute;
left: 0;
top: 0.5rem;
color: #fff;
font-size: 14px;
}
.video-area-wrap .video-wrap .video-tag-img[data-v-5d5c5056] {
width: 100%;
height: 100%;
}
.video-area-wrap .video-wrap .video-tag-right[data-v-5d5c5056] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 2.5rem;
height: 0.8rem;
line-height: 0.8rem;
padding-left: 0.3rem;
border-radius: 0 0.4rem 0.4rem 0;
background-image: -webkit-gradient(linear, left bottom, right top, from(#fcab6b), to(#fb7397));
background-image: -webkit-linear-gradient(bottom left, #fcab6b, #fb7397);
background-image: linear-gradient(to top right, #fcab6b, #fb7397);
position: absolute;
left: 0;
top: 0.5rem;
color: #fff;
font-size: 12px;
}
.video-area-wrap .video-wrap .video-tag-three[data-v-5d5c5056] {
background-image: -webkit-gradient(linear, left bottom, right top, from(#9f61c1), to(#619fec));
background-image: -webkit-linear-gradient(bottom left, #9f61c1, #619fec);
background-image: linear-gradient(to top right, #9f61c1, #619fec);
}
.video-area-wrap .video-wrap video[data-v-5d5c5056] {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0 0;
object-position: 0 0;
}
.video-foot-wrap[data-v-5d5c5056],
.video-foot-wrap-no-pos[data-v-5d5c5056] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: rgba(0, 0, 0, 0.3);
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
height: 2rem;
line-height: 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 99999;
color: #fff;
}
.video-foot-wrap .video-foot-item[data-v-5d5c5056],
.video-foot-wrap-no-pos .video-foot-item[data-v-5d5c5056] {
text-indent: 1em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 0.6rem;
line-height: 0.6rem;
}
.video-foot-wrap .video-foot-item-t[data-v-5d5c5056],
.video-foot-wrap-no-pos .video-foot-item-t[data-v-5d5c5056] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bold;
font-size: 0.56rem;
height: 1.2rem;
line-height: 1.8rem;
color: #fff;
}
.video-foot-wrap .video-foot-item-r[data-v-5d5c5056],
.video-foot-wrap-no-pos .video-foot-item-r[data-v-5d5c5056] {
padding: 0 0.5rem 0.2rem 0;
text-align: right;
font-size: 0.4rem;
}
.video-foot-wrap .video-foot-item-r .eye[data-v-5d5c5056],
.video-foot-wrap-no-pos .video-foot-item-r .eye[data-v-5d5c5056] {
padding: 3px;
font-size: 0.5rem;
color: #fff;
}
.video-foot-wrap .video-foot-item-r .persons[data-v-5d5c5056],
.video-foot-wrap-no-pos .video-foot-item-r .persons[data-v-5d5c5056] {
padding: 0;
}
.video-foot-wrap-no-pos[data-v-5d5c5056] {
position: static;
background: #eee;
}
.video-play[data-v-5d5c5056] {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.6rem !important;
color: #fff;
}
.mask-video[data-v-5d5c5056] {
background: #aaa;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
}
.mask-video iframe[data-v-5d5c5056] {
width: 100%;
height: 100%;
}
.double[data-v-6381ba37] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 92%;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 4% 0.5rem;
border-radius: 10px;
overflow: hidden;
}
.double .double-item[data-v-6381ba37] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0.6rem;
}
.double .double-name[data-v-6381ba37] {
font-size: 0.64rem;
font-weight: bold;
letter-spacing: 2px;
color: #333333;
margin-bottom: 10px;
}
.double .double-title[data-v-6381ba37] {
font-size: 0.54rem;
letter-spacing: 2px;
color: #666;
}
.double .double-goods-wrapper[data-v-6381ba37] {
margin: 10px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.double .double-goods-wrapper .double-goods[data-v-6381ba37] {
width: 45%;
}
.double .double-goods-wrapper .double-goods[data-v-6381ba37]:nth-child(odd) {
margin-right: 5%;
}
.double .double-goods-wrapper .double-goods img[data-v-6381ba37] {
width: 100%;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.page2 .search-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
padding-top: 1.12rem /* 28/25 */;
padding-left: 11%;
padding-bottom: 0.4rem /* 10/25 */;
}
.page2 .search-wrapper .search {
width: 78%;
background: #fff;
border-radius: 0.8rem /* 20/25 */;
height: 1.12rem /* 28/25 */;
line-height: 1.12rem /* 28/25 */;
font-size: 0.48rem /* 12/25 */;
color: #999;
opacity: 0.8;
}
.page2 .search-wrapper .search.green {
background: #e3e3e3;
}
.page2 .search-wrapper img {
width: 0.6rem /* 15/25 */;
vertical-align: middle;
margin-right: 0.32rem /* 8/25 */;
margin-left: 0.4rem /* 10/25 */;
}
.page2 .join {
padding: .5rem;
background-color: #fff;
text-align: center;
border-top: 2px solid #f7f7f7;
}
.page2 .join img {
max-width: .8rem;
vertical-align: middle;
margin-right: .2rem;
}
.page2 .join span {
color: #4e98f7;
font-size: .5rem;
vertical-align: middle;
}
.page2 .mescroll-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
bottom: 2.4rem /* 60/25 */;
padding-bottom: 0.4rem /* 10/25 */;
overflow: auto;
}
.page2 .mescroll-wrapper .banner-wrapper {
position: relative;
}
.page2 .mescroll-wrapper .banner-wrapper .banner-bg {
width: 100%;
}
.page2 .mescroll-wrapper .banner-wrapper .banner {
z-index: 99;
width: 100%;
left: 0;
top: 2.8rem /* 70/25 */;
}
.page2 .mescroll-wrapper .banner-wrapper .banner .bannerDot .vux-icon-dot.active {
background-color: #e7c402;
}
.page2 .mescroll-wrapper .services {
padding: 0 0 .4rem .8rem;
white-space: nowrap;
overflow-x: auto;
}
.page2 .mescroll-wrapper .services .service-item {
display: inline-block;
border: 1px solid #999;
padding: 0.4rem /* 10/25 */ 0.6rem /* 15/25 */;
font-size: 0.48rem /* 12/25 */;
color: #999;
border-radius: 0.8rem /* 20/25 */;
margin-right: 0.8rem /* 20/25 */;
}
.page2 .mescroll-wrapper .services .service-item.active {
color: #0075f2;
border-color: #0075f2;
}
.page2 .mescroll-wrapper .store-kind {
padding: 0.8rem /* 20/25 */ 0 0.4rem /* 10/25 */ 0;
white-space: nowrap;
font-size: 0;
}
.page2 .mescroll-wrapper .store-kind .item {
display: inline-block;
text-align: center;
width: 2.64rem /* 66/25 */;
}
.page2 .mescroll-wrapper .store-kind .item .item-icon {
width: 1.6rem /* 40/25 */;
margin-bottom: 0.4rem /* 10/25 */;
}
.page2 .mescroll-wrapper .store-kind .item .item-name {
display: block;
font-size: 0.48rem /* 12/25 */;
color: #333;
width: 100%;
}
.page2 .mescroll-wrapper .store-kind .item.color .item-name {
color: #369eff;
border-bottom: 2px solid #369eff;
padding-bottom: 0.4rem /* 10/25 */;
}
.page2 .mescroll-wrapper .store-tag {
border-top: 1px solid #f7f7f7;
}
.page2 .mescroll-wrapper .store-tag .vux-tab .vux-tab-item {
font-size: 0.56rem /* 14/25 */;
color: #999;
}
.page2 .mescroll-wrapper .store-tag .vux-tab .vux-tab-item.vux-tab-selected {
color: #333;
}
.page2 .mescroll-wrapper .store-list {
height: auto;
border-top: 0.6rem solid #f7f7f7;
}
.page2 .mescroll-wrapper .store-list .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.4rem /* 10/25 */ 0.6rem /* 15/25 */ 0.4rem /* 10/25 */ 0.6rem /* 15/25 */;
}
.page2 .mescroll-wrapper .store-list .item .left {
margin-right: 0.6rem /* 15/25 */;
border-radius: 0.4rem /* 10/25 */;
position: relative;
width: 2rem /* 50/25 */;
height: 2rem /* 50/25 */;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e3e3e3;
overflow: hidden;
}
.page2 .mescroll-wrapper .store-list .item .left img {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page2 .mescroll-wrapper .store-list .item .right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
border-bottom: 1px solid #f7f7f7;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page2 .mescroll-wrapper .store-list .item .right .item-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page2 .mescroll-wrapper .store-list .item .right .item-title h3 {
font-size: 0.56rem /* 14/25 */;
line-height: 0.72rem /* 18/25 */;
color: #333;
font-weight: 600;
margin-bottom: 0.2rem /* 5/25 */;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .mescroll-wrapper .store-list .item .right .item-title span {
font-size: 0.52rem /* 13/25 */;
color: #999;
margin-left: 0.4rem /* 10/25 */;
}
.page2 .mescroll-wrapper .store-list .item .right .item-des {
font-size: 0.48rem /* 12/25 */;
color: #999;
line-height: 0.72rem /* 18/25 */;
}
.page2 .mescroll-wrapper .store-list .item .right .item-address {
font-size: 0.48rem /* 12/25 */;
color: #999;
padding-right: 0.6rem /* 15/25 */;
line-height: 0.64rem /* 16/25 */;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page2 .mescroll-wrapper .store-list .item .right .item-address img {
width: 0.56rem /* 14/25 */;
vertical-align: top;
margin-right: 0.2rem /* 5/25 */;
}
.page2 .mescroll-wrapper .store-list .item .right .price {
color: #999;
font-size: 0.48rem /* 12/25 */;
height: 0.56rem /* 14/25 */;
line-height: 0.56rem /* 14/25 */;
}
.page2 .statement-box .vux-header {
z-index: 9999!important;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.page2 .search-wrapper {
padding-top: 1.52rem /* 38/25 */;
}
}
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.weui-btn {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 14px;
padding-right: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
line-height: 2.33333333;
border-radius: 5px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow: hidden;
}
.weui-btn:after {
content: " ";
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
}
.weui-btn_inline {
display: inline-block;
}
.weui-btn_default {
color: #000000;
background-color: #F8F8F8;
}
.weui-btn_default:not(.weui-btn_disabled):visited {
color: #000000;
}
.weui-btn_default:not(.weui-btn_disabled):active {
color: rgba(0, 0, 0, 0.6);
background-color: #DEDEDE;
}
.weui-btn_primary {
background-color: #1AAD19;
}
.weui-btn_primary:not(.weui-btn_disabled):visited {
color: #FFFFFF;
}
.weui-btn_primary:not(.weui-btn_disabled):active {
color: rgba(255, 255, 255, 0.6);
background-color: #179B16;
}
.weui-btn_warn {
background-color: #E64340;
}
.weui-btn_warn:not(.weui-btn_disabled):visited {
color: #FFFFFF;
}
.weui-btn_warn:not(.weui-btn_disabled):active {
color: rgba(255, 255, 255, 0.6);
background-color: #CE3C39;
}
.weui-btn_disabled {
color: rgba(255, 255, 255, 0.6);
}
.weui-btn_disabled.weui-btn_default {
color: rgba(0, 0, 0, 0.3);
background-color: #F7F7F7;
}
.weui-btn_disabled.weui-btn_primary {
background-color: #9ED99D;
}
.weui-btn_disabled.weui-btn_warn {
background-color: #EC8B89;
}
.weui-btn_loading .weui-loading {
margin: -0.2em 0.34em 0 0;
}
.weui-btn_loading.weui-btn_primary,
.weui-btn_loading.weui-btn_warn {
color: rgba(255, 255, 255, 0.6);
}
.weui-btn_loading.weui-btn_primary .weui-loading,
.weui-btn_loading.weui-btn_warn .weui-loading {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTAwIDEwMCc+PHBhdGggZmlsbD0nbm9uZScgZD0nTTAgMGgxMDB2MTAwSDB6Jy8+PHJlY3QgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjU2KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0zMCknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDEwNS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjQzKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA3NS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjM4KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2NSA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjMyKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTguNjYgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4yOCknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoMTUwIDU0LjAyIDY1KScvPjxyZWN0IHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyB4PSc0Ni41JyB5PSc0MCcgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwuMjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA1MCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjIpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKC0xNTAgNDUuOTggNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xNyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTEyMCA0MS4zNCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjE0KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtOTAgMzUgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtNjAgMjQuMDIgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4wMyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTMwIC01Ljk4IDY1KScvPjwvc3ZnPg==");
}
.weui-btn_loading.weui-btn_primary {
background-color: #179B16;
}
.weui-btn_loading.weui-btn_warn {
background-color: #CE3C39;
}
.weui-btn_plain-primary {
color: #1aad19;
border: 1px solid #1aad19;
}
.weui-btn_plain-primary:not(.weui-btn_plain-disabled):active {
color: rgba(26, 173, 25, 0.6);
border-color: rgba(26, 173, 25, 0.6);
background-color: transparent;
}
.weui-btn_plain-primary:after {
border-width: 0;
}
.weui-btn_plain-default {
color: #353535;
border: 1px solid #353535;
}
.weui-btn_plain-default:not(.weui-btn_plain-disabled):active {
color: rgba(53, 53, 53, 0.6);
border-color: rgba(53, 53, 53, 0.6);
}
.weui-btn_plain-default:after {
border-width: 0;
}
/*
* added by VUX
*/
button.weui-btn.weui-btn_plain-warn,
input.weui-btn.weui-btn_plain-warn {
border-width: 1px;
background-color: transparent;
}
.weui-btn_plain-warn {
color: #ce3c39;
border: 1px solid #ce3c39;
background: transparent;
}
.weui-btn_plain-warn:not(.weui-btn_plain-disabled):active {
color: rgba(206, 60, 57, 0.6);
border-color: rgba(206, 60, 57, 0.6);
}
.weui-btn_plain-warn:after {
border-width: 0;
}
.weui-btn_plain-disabled {
color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
}
button.weui-btn,
input.weui-btn {
width: 100%;
border-width: 0;
outline: 0;
-webkit-appearance: none;
}
button.weui-btn:focus,
input.weui-btn:focus {
outline: 0;
}
button.weui-btn_inline,
input.weui-btn_inline,
button.weui-btn_mini,
input.weui-btn_mini {
width: auto;
}
button.weui-btn_plain-primary,
input.weui-btn_plain-primary,
button.weui-btn_plain-default,
input.weui-btn_plain-default {
border-width: 1px;
background-color: transparent;
}
.weui-btn_mini {
display: inline-block;
padding: 0 1.32em;
line-height: 2.3;
font-size: 13px;
}
/*gap between btn*/
.weui-btn + .weui-btn {
margin-top: 15px;
}
.weui-btn.weui-btn_inline + .weui-btn.weui-btn_inline {
margin-top: auto;
margin-left: 15px;
}
.weui-btn-area {
margin: 1.17647059em 15px 0.3em;
}
.weui-btn-area_inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.weui-btn-area_inline .weui-btn {
margin-top: auto;
margin-right: 15px;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.weui-btn-area_inline .weui-btn:last-child {
margin-right: 0;
}
.weui-loading {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
-webkit-animation: weuiLoading 1s steps(12, end) infinite;
animation: weuiLoading 1s steps(12, end) infinite;
background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=") no-repeat;
background-size: 100%;
}
.weui-loading.weui-loading_transparent {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTAwIDEwMCc+PHBhdGggZmlsbD0nbm9uZScgZD0nTTAgMGgxMDB2MTAwSDB6Jy8+PHJlY3QgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjU2KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0zMCknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDEwNS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjQzKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA3NS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjM4KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2NSA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjMyKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTguNjYgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4yOCknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoMTUwIDU0LjAyIDY1KScvPjxyZWN0IHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyB4PSc0Ni41JyB5PSc0MCcgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwuMjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA1MCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjIpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKC0xNTAgNDUuOTggNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xNyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTEyMCA0MS4zNCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjE0KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtOTAgMzUgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtNjAgMjQuMDIgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4wMyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTMwIC01Ljk4IDY1KScvPjwvc3ZnPgo=");
}
@-webkit-keyframes weuiLoading {
0% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg);
}
}
@keyframes weuiLoading {
0% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg);
}
}
.weui-btn.vux-x-button-no-border:after {
display: none;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.findHome .vux-header .vux-header-title-area {
margin: 0;
padding: 0 14px;
}
.findHome .vux-header .vux-header-title-area .tabs {
height: 100%;
}
.findHome .vux-header .vux-header-title-area .tabs .tabbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.findHome .vux-header .vux-header-title-area .tabs .tabbar .tab-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
padding-top: 5px;
font-size: 0.64rem /* 16/25 */;
color: #333333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.findHome .vux-header .vux-header-title-area .tabs .tabbar .tab-item .tab-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 33px;
}
.findHome .vux-header .vux-header-title-area .tabs .tabbar .tab-item .tab-wrap .icon {
width: 14px;
height: 14px;
line-height: 14px;
margin-right: 6px;
text-align: center;
border-radius: 3px;
font-size: 10px;
color: #ffffff;
font-weight: bold;
font-style: normal;
}
.findHome .vux-header .vux-header-title-area .tabs .tabbar .tab-item .tab-wrap .icon.icon1 {
background-color: #2db5a9;
}
.findHome .vux-header .vux-header-title-area .tabs .tabbar .tab-item .tab-wrap .icon.icon2 {
background-color: #ed7246;
}
.findHome .vux-header .vux-header-title-area .tabs .tabbar .tab-item .tab-wrap .icon.icon3 {
background-color: #edb23c;
}
.findHome .find-wrap {
width: 100%;
padding-top: 0.28rem /* 7/25 */;
overflow: auto;
background-color: #fafafa;
}
.findHome .find-wrap .contentArea1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.findHome .find-wrap .contentArea1 .tip {
text-align: center;
font-size: 0.64rem /* 16/25 */;
}
.findHome .find-wrap .contentArea2 .exhibition img {
display: block;
width: 100%;
}
.findHome .find-wrap .contentArea2 .banner-group {
background-color: #fafafa;
}
.findHome .find-wrap .contentArea2 .banner-group .banner-wrapper {
padding: 0.6rem /* 15/25 */;
background-color: #ffffff;
}
.findHome .find-wrap .contentArea2 .banner-group .banner-wrapper .vux-slider {
border-radius: 3px;
}
.findHome .find-wrap .contentArea2 .banner-group .banner-wrapper .vux-slider .dot-name a .vux-icon-dot {
background-color: rgba(255, 255, 255, 0.5);
}
.findHome .find-wrap .contentArea2 .banner-group .banner-wrapper .vux-slider .dot-name a .vux-icon-dot.active {
background-color: #ffffff;
}
.findHome .find-wrap .contentArea2 .banner-group .categorys {
height: 1.4rem /* 35/25 */;
padding: 0 0.56rem /* 14/25 */;
background-color: #ffffff;
}
.findHome .find-wrap .contentArea2 .banner-group .categorys .categoryTab {
height: 100%;
padding: 0 1rem /* 25/25 */ 0.6rem /* 15/25 */;
font-size: 0;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.findHome .find-wrap .contentArea2 .banner-group .categorys .categoryTab .item {
display: inline-block;
vertical-align: top;
width: 2.4rem /* 60/25 */;
height: 100%;
text-align: center;
font-size: 0.48rem /* 12/25 */;
color: #000000;
}
.findHome .find-wrap .contentArea2 .banner-group .categorys .categoryTab .item.active {
color: #2a67ff;
border-bottom: 1px solid #2a67ff;
}
.findHome .find-wrap .contentArea2 .category-banner {
width: 100%;
padding: 0.6rem /* 15/25 */;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
background-color: #ffffff;
}
.findHome .find-wrap .contentArea2 .category-banner .category-item {
display: inline-block;
vertical-align: top;
width: 4.4rem /* 110/25 */;
margin-right: 0.32rem /* 8/25 */;
}
.findHome .find-wrap .contentArea2 .category-banner .category-item:last-child {
margin-right: 0;
}
.findHome .find-wrap .contentArea2 .category-banner .category-item img {
display: block;
width: 100%;
}
.findHome .find-wrap .contentArea2 .gifts {
margin-top: 0.6rem /* 15/25 */;
}
.findHome .find-wrap .contentArea2 .gifts .gift1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.findHome .find-wrap .contentArea2 .gifts .gift1 .gift1-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 3.44rem /* 86/25 */;
border-radius: 3px;
background-color: #f2ebeb;
}
.findHome .find-wrap .contentArea2 .gifts .gift1 .gift1-item:nth-of-type(1) {
margin-right: 0.44rem /* 11/25 */;
}
.findHome .find-wrap .contentArea2 .gifts .gift1 .gift1-item .left .p1 {
margin-bottom: 0.28rem /* 7/25 */;
text-align: center;
font-size: 0.64rem /* 16/25 */;
color: #443c3e;
}
.findHome .find-wrap .contentArea2 .gifts .gift1 .gift1-item .left .p2 {
text-align: center;
font-size: 0.4rem /* 10/25 */;
color: #b8989c;
}
.findHome .find-wrap .contentArea2 .gifts .gift1 .gift1-item .right .img {
width: 1.92rem /* 48/25 */;
margin-left: 1rem /* 25/25 */;
}
.findHome .find-wrap .contentArea2 .gifts .gift2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 3.6rem /* 90/25 */;
margin-top: 0.56rem /* 14/25 */;
padding: 0 0.76rem /* 19/25 */;
border-radius: 3px;
background-color: #f2ebeb;
}
.findHome .find-wrap .contentArea2 .gifts .gift2 .left .p1 {
margin-bottom: 0.28rem /* 7/25 */;
text-align: center;
font-size: 0.64rem /* 16/25 */;
color: #443c3e;
}
.findHome .find-wrap .contentArea2 .gifts .gift2 .left .p2 {
text-align: center;
font-size: 0.4rem /* 10/25 */;
color: #b8989c;
}
.findHome .find-wrap .contentArea2 .gifts .gift2 .right .img {
height: 2rem /* 50/25 */;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.52rem /* 13/25 */ 0.6rem /* 15/25 */;
border-bottom: 1px solid #f7f7f7;
background-color: #ffffff;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item:last-child {
border-bottom: none;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item .left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item .left .icon {
width: 1.36rem /* 34/25 */;
height: 1.36rem /* 34/25 */;
margin-right: 0.4rem /* 10/25 */;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item .left .icon img {
display: block;
width: 100%;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item .left .word {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item .left .word .p1 {
margin-bottom: 0.2rem /* 5/25 */;
font-size: 0.64rem /* 16/25 */;
color: #333333;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item .left .word .p2 {
font-size: 0.4rem /* 10/25 */;
color: #999999;
}
.findHome .find-wrap .contentArea2 .gifts .gift-item .right img {
width: 0.36rem /* 9/25 */;
height: 0.6rem /* 15/25 */;
}
.findHome .find-wrap .contentArea3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.findHome .find-wrap .contentArea3 .tip {
text-align: center;
font-size: 0.64rem /* 16/25 */;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.user-center {
height: 100%;
overflow: auto;
background: #f7f7f7;
}
.user-center .contentFix2 {
height: auto;
top: 0 !important;
}
.user-center .header {
height: 9rem;
padding: 0 0.4rem;
overflow: hidden;
}
.user-center .header .person-wrap {
padding: 1.2rem 0 0;
}
.user-center .header .person-wrap .photo-info {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.user-center .header .person-wrap .photo-info .user-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-center .header .person-wrap .photo-info .user-info img {
width: 2.6rem;
height: 2.6rem;
overflow: hidden;
border-radius: 50%;
}
.user-center .header .person-wrap .photo-info .user-info .text {
color: #fff;
font-size: 0.88rem;
padding: 0 0.4rem;
}
.user-center .header .person-wrap .photo-info .user-info .user-info-description {
font-size: 0.5rem;
color: #fff;
margin-left: 0.4rem;
margin-top: 0.3rem;
}
.user-center .header .person-wrap .photo-info .card-qrcode {
margin-right: 20px;
}
.user-center .header .person-wrap .photo-info .card-qrcode i {
display: inline-block;
font-size: 46px;
color: #fff;
}
.user-center .header .person-wrap .photo-info .card-qrcode p {
text-align: center;
font-size: 14px;
color: #fff;
margin-top: 2px;
}
.user-center .header .person-wrap .other-wrap {
color: #fff;
}
.user-center .header .person-wrap .other-wrap .title {
font-size: 14px;
padding: 10px 15px;
font-weight: bold;
}
.user-center .header .person-wrap .other-wrap .other-wrap-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.user-center .header .person-wrap .other-wrap .other-wrap-content .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
padding: 0.6rem 0;
font-size: 0.48rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-center .header .person-wrap .other-wrap .other-wrap-content .item .text {
font-size: 0.72rem;
padding-bottom: 0.32rem;
color: #fff;
}
.user-center .header .person-wrap .other-wrap .other-wrap-content .item .desc {
color: #fff;
}
.user-center .header .person-wrap .person-edit-info {
width: 2.72rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.user-center .header .person-wrap .person-edit-info .user-setting {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAAEJ0lEQVRYhb1ZXYhWVRRdzuiYWZmmmCQxKdRLkRmFNfVgQpiBkP1oEUGETxalUFIEPVkv2cP0lOFEUSQpkiSVU1mEOQxkIVoz2A/OgAP9iRqTljOu2HQ+uSz29919vul+G87DOWevtdc99/yfSSSRae0A1gBYCeBaAFcAaMslAWCBRwAcAvAhgHcAnM1jIHPSMySHWI0dI/lsjp4c4a9WJFrtraimaLfpAfBonbpzAMab6DpjAKbWqXsXwENlBBHxawFskbJjADYD6AcwnIS0h2X/198NMw/AEgDrAFwnPk8C6G7MUv57xuS37ic5LXOsRNJnEuc0ySkT6fPdQni0AtHFNCjxdjQr/mZnMC2vWPxSJ+aSZsT3C0lfxcJraafE7c8Vf58QnCM5q0Xi253WfzxH/AkBd7dIeC29LPFHo+LXC9BG/fQWi0dacYv2Upn4TueXPdBE4AtILia5jORNJC9qguMeR8viRuI/F+fhzIArSb5G8lfhOU7yjSQoh++g8HxVT/wi50tvzAj2toP37P0MzvkOfrmKbyM5Ik5bM4L0BYXX7HBGV9oi2FEV/5gTYF6QfJeDPZVauCfN28cdn0+C/HNI/inYdUXxR6VyQ5D4BkeULSqXi9/sJFYtumI/LDibAdutYoVUjGR0lz2C3Vnir6vn9xmxhgW71gq3S+FTQbJZTkvOLcFcRvKsYK4KxntQcNvaZB9t++wdwT15l+QPAPilBPMHgD1StjAYbxeAM4X8TBM/rVDwT0BAzS6W/EAQNyj5yUHcX6JtSlsSXLMOAHODZKOSXxDEdUp+LIizRp5dxJn4HwoFk9KVRsT6xOdW+5UBAXdL2VAw3jIA0wv5kzYQHpGB8FPGDPClYN8r8ddV+EhGrAHBrkdaXU9Jxeog4R3OjLPNWT0t/7rje38wzp0Odkat8jmpsOlsRpDY2xr8RnIvyTdJ9jobNbNvg/xTE1/RNrGwws5Me4aivRIkvzQJyTE7aC8I8r/o8F5I2VWucpw6gwGs6+0Lij9QdqVRSJc4i9r5I6E6HxHHgYwBZele5/6lZrYXX5PJpxPCYLFeb8xuAbBfpqgVAD4KTmc1uwbA9WletlX1MIDvMjlsavxUyu4C8PH5nPO1eqH6O8nJmS32fyS9gNqunPVGt9qmFgt/wdHQERFvaaMAR1t8g3BG4m/2/BoR/CgEvS0S3iNxh+r5NiLRQ4pZV8XCu5yYq5oRb2m3EB2qWPw3Eu/rRv5lZB1OS+yuSPgHTqw5ExFv6XmHdF+6Fpw/QcF2bHyizursDtJiir5J7QWw1Cm396ifAfyd+awzng4+V9Z5lzoIYFEZSVS8CfsCwG0ZAps1e++6Oh37Glr0Bc9a6vb0wDVeofCt6WG6VLhZMy/gdlZ9Ou15yo59ETsBoDe9LkYP8QCAfwG+QxeFnsY63wAAAABJRU5ErkJggg==) no-repeat center / cover transparent;
display: inline-block;
width: 0.96rem;
height: 0.88rem;
}
.user-center .header .person-wrap .person-edit-info .user-customer-service {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAD5UlEQVRYhc2Za6iOWRTHf97jmA7pjJJpXIYyucT4ghRymaHcmvhAKDOKZsJEaWqS8sEnOp8kxdQ0UTNkmESuH0yE3EVTE+cwhijUSG7ROWdp1XqmPbv9Pu9zffOv1dn77Nt/r2fttdbebxcRoSBMBIYBnwAfAQ3AY+Af4CZwEXiVd6muOccrwaXAHGBEjb5K/HdgH3Au84qq4QyyQET2S3YcF5Fvs6yddkBvETmYg6iPCyIyIg2HNDY8C/gF+DDQdg+47vx9CnQCzcBnwEBgCDAyMLYd+Ab4uUiTWFdFQ9dE5MsUGpohIkerzLWjKJP4OjD5UxFZldH+VRaKSFtg3k15CS8OTHpaRHrmIOvKnsD83+Uh/Mqb7FxBRF3ZFSA9IAthf6IbJZCN5Ii31t9pCY8P7HpoiYRV7nvrfZGG8CFv8JKSyapM9da8mZRwk4i8cQY+qgPZSK55pCf7fSoB17wM6ObUtyeNLAVgpTfFmiSB45i3y7511LDKbWftlyLSGKfhLsA4p64p4cM6alhxyil3Bz52G33CQ7xc4Ui53IJo8/7Z5381U7W6rC0ictczh4cWjT6vgykMt3zinsfhgYjsjA6gdhwmIh0Bv+tjXolkVWGdSTho51MJOiqulkj4ZEIO1zUffgs0moU8AK7YfawDGA30s7bXQO8i7mUe9GA9c65r8RzMdUTY5e3czSe0X3MJ2m1Ow6Fiu4jQPbD7CB12iyganWk4hPxwXN1FT6AFWGefrxYarG+Lja2GWA55rvlrge+trDa2Afi3St++wHon9D4HNmZZNA/h8055FbAcOA1ctuioh3QwMMHE/QoXsi6ah/AJ4DdgvtU/AKabxGGvjc2EULaWFPo+sBBYDbQmGNNqfRfZ2EzI+1SlJ3yrib6njbF8ZJC13wVumZk8Sjjn27i6TzjPy6ASOmySBhUzpwg9gF7Grd3qEbp1DbgRFxWvHNc3K16bFqNLwyyLdlGkcy8TLyq2i/924C3a7O28g+KhZH9yZlWiTcalyfMuZzT0/eWEvjteWFzhtF0sMflpEJEDNRIffRMZrMnPTuArZxdTvKx/rj3i7QCelKBhF9PsYdz3XvrAuF8LSngqcNJpvGKn/b2E7uQP4JJDbnTWsFkXmA3NC9jM+px2OVNEfrRrz7ii7N2tbAuQ/lNEVotI/5QT+y9HYuRzE/Zf4PWwTaryZW+rH0zw1dX9fVqlbYydkewIuJfNNdxLHmzIq2HffWhg+AGYCdwo4Qw1JugTi1o/yswGRtmPhX0s8sRdk9otD6hmVmMtEcqOkiLXrwGzaSnj0BUJvQ5phNQvchbYnXty4B2MMsY9jQ69GAAAAABJRU5ErkJggg==) no-repeat center / cover transparent;
width: 0.88rem;
height: 0.88rem;
display: inline-block;
}
.user-center .content {
padding: 0 0.4rem;
margin-top: -1.6rem;
}
.user-center .content .menu-icon {
position: relative;
}
.user-center .content .menu-icon i {
font-size: 30px;
}
.user-center .content .badge {
position: absolute;
right: -4px;
top: -10px;
width: auto !important;
min-width: 0.6rem;
border: 1px solid #02d2ff;
color: #02d2ff;
background: #fff;
}
.user-center .content .operator-menu {
border-radius: 0.4rem;
overflow: hidden;
background: #fff;
margin-bottom: 0.8rem;
padding: 15px 10px;
}
.user-center .content .operator-menu .operator-menu-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.user-center .content .operator-menu .operator-menu-title .operator-menu-title-text {
font-size: 14px;
color: #000;
}
.user-center .content .operator-menu .operator-menu-title .operator-menu-title-all {
font-size: 12px;
color: #666;
}
.user-center .content .operator-menu .operator-menu-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-center .content .operator-menu .operator-menu-content .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0.6rem;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-order {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAyCAYAAADMb4LpAAAC+0lEQVRoge2aS2gUQRCGv9ndhCiiEl/EZ0RQ8HERFUGFBEEQD4YgHjwJ5iDowYt40ZMKelBPIh5FECQHUS/JQRGFiKKIDxQEUSEYXxgUReOabamkVpeB7FbP7mR3yP7QLNNT1f1PbXVVT/UEwTNHGUgB3cBWoAnIlRgqUJlXwF7gVjmTh8lPB1YC04CGEJk00Ad8KOg7DByNOHc/0AoMF4y/SefOkwr09xvwBnhdOEAmGBUToqeBXUBzkQnbQuQ3RyQumA/MBgb0Wh7iJLBuDHm53wMcB+4y8re7kefsxbEfR7Nej9UaQ/2PSsgXa19xDIbuTy4in8axDUcfjnbpE5/tANqN1uoMXYvL3IxgdXGDPcCvgr7V6rIWXAemBOnH7jKw06iU07/1Yah/FTAL+F1CP6V+fB/4Gbp3W33eiq4MsNBDIaWW3gdcUwsKnnqMkUdajbEMOOJJXLAhg/u3oq2YClwEPgPfZdFHII4Sz2nEiYIZEm2GIyrP1FYtpDOUlaOqilw+zicSqeRS/59hE4kk+7yX5R8AJ4ChGPm0aNaeYxG2Wv4jsL5gBxgnXgB3TOSNlh8aJ+KC91ZBK/kF6jLndP8SR5SSbLsIOG9V8Fmwh4CDMZNv8lHwDZUp3wnixIQJlTWHCZdh/5Sxh6/ouD6WvwCcKvMFpBiywDzgDLDWRr5UmWgUUmPZHQPhMKQ2swN4axG2uk1jBQmWwhKroNVtpDh0BbikySSOJJXV18pjVgWfBduhrWZQj/PVQn17UC34WP6J1igbCurmlYLTl501wArrmFbLXx3HSNMLbLEIWsmb3ikrhB4r+ZTxIOAAjtYyDhKsTQ4XuqzyVsvLEcxz9flsDBk2z2IpMNeq5LNgJwEbozCLC/VCa7VQ3x5UC2L5pLpOIJYvdfxYq8iK1QcTSv6LuI2coW6vATK+uBe0dDsp6L9LFm8+AYtlbzOAo3Mc9i2Vav042nD8yMd5qQws1w945CMKKf7UShQShlLoegncAM6OfDYA/AXz3C4OFA1NMQAAAABJRU5ErkJggg==) no-repeat bottom / 100% 85% transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-wait-pay {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAACmUlEQVRoge2aPWgUQRiGn+9uzYGNcjYJAQWFICiITQJRI4hErKwULMRCrEwTQRAlrY2CWglBxUoQQUEkP0IKFQsTEy8qiAoixiKFIimMRokjE0dZFs/bud3bnQz3wLC33Ow38+47OzszOyIvFDmzHdgMtAJvgZfARL1VCnLSUgCOmNT1j/8fAceAadvAUnieuUOHgFPAxhr5fgDbbN3KUtAB4HgVR6oxC7TZFFJA62ls6kUxhuIGii7LslpR9NtcI8Xphjm0Czhtjkn4bjqMz/EcSp8dwG1gLAUxmhbgbNzMUqyk5tAW48j+tAJG6ADe1MoUSDI9JaAXOAl0J4pUm1FgE/D1fzmTvofWmkKeASPAvHk800aA1cCqWoJkxVTuI4VUCRpyP3Mk/Ay1mZdfJ1A2NrsoV8xRd+NTwE3g3d8/WyaW6rwHuG6ELDcWgD7g8pKg0rjqAe4vQyFR9gF3pPRYabvWuVW3upgD2gPxQwymS+/xrZfbkHSk4BqBbw4t+uZQ4sGpc3g99PEC3xwqu+aQnk/dAz7Wef3DQH6mXKX6uQYMAB+SBHGlyZ0DTqQRyIUm9yQips+smOp17jPAF5tgLjh0MfR7EDgaOt9tFl8W4wZzwaH35tgeEaPpNJPPobjBXHDoz5S6mgtFm2AF7VDOab0pf1YUlyJ1mRTFqFX9ysMqb48qwNbQ+WFgJzDD705hwSaYlIdyF6TpBy6kEciVkcJ5s3Z9BZhMEkjW3HXCoTCvgU9mydfm68hK4GogMXJmTEeC4sZ9G23PNedDrtN0yHW8c6gRX8FzpfkMOU7Rtyb3zbcmV9Gbl25lsIEpi/QKxXDB7F8bceDuJuWg3uikp+DzotgrigFRzDgwJbdND0TRLYqnouAXG4Va6pjU/ZkAAAAASUVORK5CYII=) no-repeat bottom / contain transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-has-pay {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA1CAYAAAAOJMhOAAAEz0lEQVRoge2aWWwVVRjHf+dyuxBFJGKM4B7UiGiiEBEhRh9wqcZSRaC4BjXoqy9oojHGxAfj9qIvLogUK8jqQqokalREVrE0EBUjJFrig7GKGMHSaz75TzKOM7fnzsxtr03/ycltZ872P99yvnO+ca6rRBUxEbgHuA8oAC8DrwKd1RqyWoSuBe4FZie8XwO8AryX98CusCsXQg3ABcBVQCtwmWe7bcBiYBnwax4TyYvQOOBZYG7K9gdEytRxT5aJuEJnLoQcMBqYCtwGzAPqUvTTB6wCXgI2pJrIiK+qYkPnAPOBu4AJKfvYLGIrgIO+jXwJnQssAJpCA231aGdSulmebqbvpCL4AXgNeB34tr/KbsTOsoRsEncDc4Bi5J15qKVaQZ9VmaJFsb5OqoBQgF6gXeQ+TKrkil/+Zy7HyQ6MyDSPgXYDbVrBHz3qnwzcrnKpD5MYfCoHYgQPxxFqBG6QelwDjE0xyEFJy9zwRs82NwJ3AremGA95xw7gLTmRXle34x9CJpVHgIdSdhzFxyJmBP/0qD9RWmHkTqtwrD7N+7ljhLb/S+Vsg7xOet4CjExN6Rj2SRXbfAwaOF7RhTmRGWXq/SH3vjwabbj6baXnJbaOSKMzgJukDlemJBTgKPCmnMj7nm2M0AIRHKVnG0VijbxfgDHAA8Bfrn5rKRDRZ9JFa/BTpPNpsq9bgLMzktskYm2e+8vpGndPzGJcoVBrnuz+E9ewpfQLcGKoUo9WwFb0g0gHppKzgGb9ZlHJbo1httZVQbtTNPYdwPTIu8WuYXOpR2FLHLZLV9tlD2GcKXVs0UplwXfA44rn+hL6OQF4StJImu+SglMgllAmO3jSwW4H7Q6aQ/X2O3jawXQHMxy8oGfl+osrh9TuiIO+MvXGO1joYHTZ/hq/KCuhONhGuhp4IyYybpTELOq+HqhP6KNXTmiF+joUee9ioo8JHp5yiRu5qWJCAWzAt+VEVkd3bAWoc6WWl+jZTtW1Nt9E6p8vT9Uj9UtJ6PPUhML4Xo7EbGBHzPsmHcHfjTyv09bQKi9qklkrKUfhRajo8jk9mCt/UGWDJGBbwG96vz5Sf5Ik16pIPozuLBPJi1AYM1We0GpbdLxFLr9FXqq5THuXZfCiV+CfDqfKJi5XVH2W3H9VUQ0JRRF4sEwr74tqSijAEf0mbZi+2OtTbyAklAdGyeH0i6LLum75I6yaFnAuBO73PScNhMpVim6dixaJSEWn51pUudm6RrbzWMWoRQldnKXx/8UpeKMWJZQJQ09CwypX4xiWUK2jOCAh8ABi2IZqHUNSQllvfGoJY01Cdj923hAh1GkSmhK6/E6b2B1MHNDly0rLbBSV0liqcpHS8XN081nL6FD2Ym34K5Sol9sFPAw8GpJaU0wGfLCwT3fqqxJuaBO9XK9EuFJXsK26p75wkIisk1qt6y9nW/DobK9uQScpU25i/j2/uSbia+AxjTtL18v9JqAr3VjXq4zXla5JbnKOJI6GUjXv6P+KkHZjtQ8snlG5Win55pTfNyDbXSYyPtnyRORh7B+pLJKdzY/kPgO1jq72YdloW0wGPjXyjOV+Bl5UmRr6vCa4IByj3y4lis1T7c9tdMGNW17VYM5S8mbUJoHg72iuKD8AfwM08C01H3EnxgAAAABJRU5ErkJggg==) no-repeat bottom / contain transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-has-send {
width: 2rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAsCAYAAADSHWDqAAAERklEQVRogd2aa6hVRRTHf3O8kr0gyUdGt+glioVlgWCKhKAQhYUoBkKJL7LUTPSD4vOSCFofVG5goWJEZfl+FFRwCwQVfMDVD4Yl+CEryNsNL2o+JpatA+Nm9t6zvfvcvY9/WLBnn7VnzZr5z8yaNceYE5YC8SqwDGgEat0QA1wBvgVmA/8Y01qY8yOBloJsnwBGNJiCrOuIF4WngIkNNSdbPB4u0HlBY6VA45cKtC240mCKG/lCV1qxn4X2A4DngO7A9cBvhFn/Aq0qpULIyIsDnwCTO9nwccD2UjmfMvL3Az8Ag3Owtbh0zieM/F3AIeDxvGzlVE9uSBr5H3N0XHC5y7wKRNzIfww8X7bG5g2f89OAqTF2tgKfAud1IbwKXNOYuRtwB7AlZ8bUzvkI7fsCG2J0VwMLAuq8kEvLugDRkf8sxuTGQMfROKAu4Dr/EjDK02g5eU2pF4eywKV9s+c7WaFfLmPD80B15GWBe8RT31ygo96cCkWD+T9KX+LR/xX4qIyNzgtC++GaRopiZd17lwKh/WseFTlrf1WqltYA4vxAT7XHJMFX996lQOZ8P4/KqU7UWboYPg4y533R/UiN77tryjcE1zU749s1SgmhvS8r82hCfH/boMgcXuEoMnVdvPMmNBV5G+JWaP8H0Ab01CNwV6Md+B3ooRcft3zpFEr705rB3a/PF4E7gcf0NDgdeKKGndCuu88eTYG3aTLlIT2JzgCGZq00ZOQl7m/yvJcOOKkiiY6lNbp/+wKYA/wZeS8T9iywSeVNTcQE5xPSnJfj7L7AupYDx4GdocYDsEI7NQSbgSOaeO0Z8kES7V+POC40ewMYo3P9nNLwc0dnFzALWBdkOxmbPI6/oJcfz2hAdVQ7+4D+LlPiRR2ENHQzvXfb455Lie+A0U75SWAv0N9TodD+FeCM805GYEhET+w865RPJyQ6/wJ6Rd6tAebF6K/XTq/iA+C9FOffrxhLD6F+RFY55d7GcsRY+nv0RAYZy0Fjucd5t9ijd3ek3BJTn8iaSLnZWOYl6L9jLOudcpOxXE7QFzlQwbLtBoFulhanvATLvR4dV/pgaXLK+z06X0bK87H8ElPfTud5CJa3UuyLvK268vw3ltYE3dVYvpEFb5HSbJjS4ahzCyt76NgU+lQxXmlZ/Xah3uoKDiptXbTp3J0bmXYXdEpUMTPQPkr1Sfr8oa4PLtr1vvDGWmb6bk9c7ht1OwmBXEU/oE7liWPaSSGQ/9o8HWo7bavr0FuZkEvGa9oBRSJTsF5JmUfnsRwOmG/oHOsI1M0iSXM3Kqey1F1JWRF9K2+cLArUyyobM+g3Z6k75A9JOzSuT8Ja4Psa0b0lMGrcnfV/fWm0r8o0LO9i+S3y/gyWGVjm1IDuroyL2ZKrshfL2Kz1mge3Jq94EcgxUrbE+/Sa+qesi0wnISH3BI04peE/A19HQuwwAP8BtAsYIqlaZpsAAAAASUVORK5CYII=) no-repeat bottom / 80% 85% transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .icon-after-apply {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAwCAYAAACBpyPiAAAC8klEQVRoge2ZX4hMURzHP2eMf7tZZIklWm3LkyJqQ5TywoPaIkVSvKxSqyi2PKxafx48elAU3paNh/Viy5C1StbStITCphRWGx54sByd+s00pjsz59577tyZmk/92tl7z+93vnPuub/zO2eUGtWUYDnQLX+1WFQkgL/AB+nzTbF+bMR/A2ZHKLgQ48CCYg2S6n/tU4FWYA7wC9juIfy1BE46FDopQltzrs0HjgAPgBnABPAq98mrRDr7uQfYBywp0IFpuAvocyg6n93AFWB6gfvvgKvAqYx4M8+GgLYSgc8CJyIUnuEMcLxEG/M0Nptpc95CuCHlTl9RRizabAJOJ9B0ZnNIcdtq2S6srbP0P6aSz7Vt6jMpbA9wA/gTwYibZLEfuCCfS6KSz6zFZ/go6dM1c4EmPzHzU6UNi8ViJxnpehkxQUa+csTXRj4maiMfFwlHq2IXmoEyrcBZCzvyo8BB4DGwt9wPIIz4/CrzFvBSavNCZHpbJDuzpWHEq7qHvsuDNNABPArTsWz5NgCHpI73jaoftBY/BlyUEXeN2eT0+o3pZ9qMRCTccB34Ctz14+Qn27SjGUbTFlH2SKE56cdHzbrve84bznls1eqBKZb+P4rcm5DyuCSqIRVIPB4vrnnkay1938qXH/C4dwk4YBMkzCK1Cs0Qmh75fxJNg6WtRnMHTYtH3GFbDQnzwoa0LqUZVJrGAHG2eVz7buvvqjDbGNDvqce1mbbOcRZm3XJelM8K2wCuxfeJfZETAJV336yqv4H38tJ60W4t3mE93w/sDBljB9Bi29jlyPeE9J8HXPbj4FK89YvmwTLgnnwBa1xtRsjJ936sDk0HmjSa5nJvRnJZDzwBbgKfgWkebTJdm5OxlcAWOYcPhGrsD1wexE7t6CMuqnvka9MmJqp8zleAiKBUfbb5BCysAC1+GTP1dWd1ac5y2Ewbc1LVLL88VwtHgduqqTc76dfIkYMpmEx5G8VvrUEx50E/Zc97DXgB8A8Z07l7oe2T4gAAAABJRU5ErkJggg==) no-repeat center / 100% 85% transparent;
}
.user-center .content .operator-menu .operator-menu-content .item .text {
font-size: 0.48rem;
color: #333;
padding-top: 0.6rem;
}
.user-center .content .actived-bg {
display: block;
margin: 0.6rem 0;
background: url(../../static/img/active-bg.7e95a3b.png) no-repeat center / cover #fff;
height: 3.2rem;
border-radius: 0.4rem;
}
.user-center .content .recommend {
background: #fff;
border-radius: 0.4rem;
}
.user-center .content .recommend .title {
height: 1.2rem;
line-height: 1.6rem;
font-size: 0.56rem;
color: #333;
font-weight: bold;
text-indent: 1em;
}
.user-center .content .recommend .items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0.32rem;
width: 100%;
}
.user-center .content .recommend .items .item {
width: 25%;
text-align: center;
margin-bottom: 15px;
position: relative;
}
.user-center .content .recommend .items .item img {
width: 1rem;
height: 1rem;
}
.user-center .content .recommend .items .item i {
color: #666;
font-size: 30px;
}
.user-center .content .recommend .items .item .audit-message-num {
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: red;
font-size: 12px;
color: #fff;
position: absolute;
top: -0.2rem;
right: 0.9rem;
}
.user-center .content .recommend .items .item .text {
font-size: 0.48rem;
color: #999;
padding-top: 0.4rem;
}
.user-center .content .recommend-like {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2rem;
font-size: 0.48rem;
margin: 0.4rem 3.6rem 0.2rem;
}
.user-center .content .recommend-like::before,
.user-center .content .recommend-like::after {
content: " ";
height: 1px;
background: #ccc;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.user-center .content .recommend-like::before {
margin-right: 0.48rem;
}
.user-center .content .recommend-like::after {
margin-left: 0.48rem;
}
.user-center .content .recommend-like .recommend-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-center .content .recommend-like .recommend-text .text {
color: #333;
font-weight: bold;
}
.user-center .content .recommend-like .recommend-icon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAFLUlEQVRIiZ2XTWhUVxTHf/e+N5lMzCQxGo3BUo0WLLbdSFFrxKLYVurKja1Qiosu2oXQorhrLV24qRsFQUGpUIpUl61YBBPEtqFglMQW/EDbaMTEqElmMpmZzLxbzr0zk7zJTEw8MMy8+849/3P+5+PeUebAAUoSBO6Ty8HixTA5CYkERCKNBMEHwPvAGqANaAI0MAI8Bu4Cl9H6F/usNcTj8PQp9rdS7rsgPpXEGKekdRvG7CcI9haAKkkceAV4G/iYIMhgzFl8/3s872aVPeiKq74P4+Ofk07fRusvZwGtJFHgU3K5PhKJb6ZH+WJgzzvNxMRxstkFeN48MAsitObzkEodAn4DYjNiswrWhUIeoAtjtpQAhfaXEbHlbLwH9NnaMCZna8hGHIlgP6JozA8oteXlkGaVVRhz2WIU8JS5etVt6OnZS2/vaRoawpRls5JvV+nCSn09RKNTTBR1kklHr0S5YEFYR0S6Y9WqI3R07LfbzKFDsrmJdPoZqZSyGwVAWmlkxLaEaW+HxkbrgLp3z7XIwoUOZHgYcdasXu3aR3Tu33c6TU3OAaFXnKqtFafeIAj+9hkdFZDv8Dxlq1kkk7Eemo4Ogs2boaUFU1ODyuVQw8Oonh7UxYuQTmO2b8ds2IBpbcXGJzqjo+jublRnpwOsq3PMiN3x8eP4/hZlDh70mZzMSvQlWp48wezYQbB7t6NQnBOvZbNE1dCAvnTJRhfs3OkMjoygJXKpxyDANDejL1xAnzvnIp/eVpHIqz7Z7C6UmgIVeteudQaFxlSqWO0uZ+LE2BjB+vWO6sFBip2hmpqs9/lbt1Cis20bqr8f1d3tJmEx59nsZz5K7SqBFko92LjRVZ8Alw+AohNjY8VOcDrGkH/40FHd0oLyffKTk5h161DXrzvniraU2iq/2ktGpXKliBYtcpVcZeqUZHrVFqs7k0FJPUg6jMFIhUshyrspaRfLy0KGfB8jFBain5dIcSqFkfRQGEpiS9bD9hoFuLH0KErSDun0zD6ciwidsRi6kE8jUUpbiiN+6DzKh7mUl4kE6u5dR9F8JZdDS6q0JpDOEMofPXI9XVMTSpIAJ0Pm43FUVxf6zh1obS1V7JwkEiGQah4YIJCxmEyiu7oce2HxBXgwtCTNPjGBPnXK9rMFn2u+JaeZDIFE6vt4Z87AwIAr2LCMC/C/oSUBaW62/ekdPepoWrp0buDSFc3NqGgU78QJuHHD9e/MvfcF+MIMA6IoYI8fW3AZkyxZMju4vCvMb+/kSbh2DZYtm+r7sPyh8byzVQ0JzYOD6BdFLnUgY9Hz0EXQtrapAVMunndKo1QCY85VNFiMfGgI79gxlICXR14WqZoNVJ6NuYlSfdoOePiq6pQqgk+L3Cxf7lpP9ogjvj+3SB3GF3a6mStXnGJPz9f09X0bugiUbxoaskDBnj2YFSvc+rNneOfPQ2+vS001UHcR+JlNm3bLe2UOH3bK8iKZ7MTz3q2MXJhsz5+7sbpypf1WDx64E0s6gVnuaPn8f9TVrbCtZYH37XMv3L0rQhD8A6yuCi5OyhiUQ0RAYjF3s5h9vKZQ6nWg3+61lz2ZKvJxR5usvoVSnaV/FeXtUDhIrOfFq00lUFlzU+8W8CbG9FuMAt7MijJmAmO2Eo0esSy8zClVPKNra3+0oHCvXKVyKcupUl+/n1jsHfL5X+ePzO/4/ofE458UWJwhlf87Cb2O6j9RaidaryGf/wilOoDXgIVlOxI2KmP+wvN+Aq7ZqKuxBfwP5KVF+PzXyoQAAAAASUVORK5CYII=) no-repeat scroll top / contain transparent;
width: 0.6rem;
height: 0.6rem;
margin: -0.08rem 0.2rem 0;
}
.user-center .content .flexbox-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.user-center .content .flexbox-wrap li {
position: relative;
width: 48%;
margin-bottom: 0.6rem;
}
.user-center .content .flexbox-wrap .flex-list {
height: 10.24rem;
text-align: center;
color: #fff;
background-color: #fff;
border-radius: 4px;
background-clip: padding-box;
word-break: break-all;
overflow: hidden;
}
.user-center .content .flexbox-wrap .flex-list .img-good {
width: 100%;
height: 6.6rem;
}
.user-center .content .flexbox-wrap .flex-list .title-wrap {
color: #333;
font-size: 0.48rem;
font-weight: 600;
margin: 0.64rem 0.4rem 0.48rem;
text-align: left;
height: 1.2rem;
line-height: 0.65rem;
letter-spacing: 1px;
}
.user-center .content .flexbox-wrap .flex-list .price-wrap {
position: relative;
font-size: 0.48rem;
margin: 0 0.4rem;
text-align: left;
}
.user-center .content .flexbox-wrap .flex-list .price-wrap .now-price {
color: #e93323;
padding-right: 0.2rem;
font-weight: 600;
}
.user-center .content .flexbox-wrap .flex-list .price-wrap .del-price {
color: #b2b2b2;
}
.user-center .content .flexbox-wrap .flex-list .price-wrap .like-cart {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAFnklEQVRogdWbe2xURRTGf7fddrso5REShBZF0BqDRapGIoYGC0gREQiUGN/yhxENL0UqgonKQyEkClHAGBOjGAnEChao0AKNClGipEbQUPEVjaKBCIW229c9Zm7vdl/d7fbunaX9kkluZ+fOOd/MmZkz554aIoIuTD9ELpAHDAcGAVcAXuACcAk4A9SqUl5Eow41XCU47RDDgBnAFGAcMDDBV03gJFAN7AEO7S2i1Q2dkiY49SDpwBxgPlCo+nRBr3+BbcCbFRP5NZmOHBOcUkUa8CiwHLg+GSXiQM3ih8Dq/ZM47aQDRwQnV3E7sAW4xbnu3UIzsBF4qXISDd15sVsEJ1biUaMJPAfWDKYaPwH3H5zMcdcJTjhg7Yg7gDsuA7FQNAHPVN/N5kQaJ0Rw/H7ygQogx0VFk8UmYPEXU4hLoEuC4z7jZrVtd2PLTyXeA+YdLY5N0hNPmbEVXAdU9lByCo+B5SA8FatBzBm8dR8DgGNgkezpWPLtPbyRMMExe63DugyY2QvIYR8jhTXT+Dryh04J3rSHp5UXkSrtXMJvQP6Jey0ftwNRa/CGcmunXNvLyGE79C8Dz4ZWRs3giE/5SB2mbkvP88HKfPCmw6Yf4ch5tyVYUK5dwS/3cSJQEUYwdzejgRqXHOYwbBkD069pr6m9AEXVbkvoQNmfM5gd+CPMRP1iOc6uk1MY4A0+Z6VbsnRh5qBdjDo707p+BQn6yixXbK4uqY2t4c/1pjaCykdeBDxBKEG/8KBOBzpywjTOoEKJ8TELZTb+ICHhYUsLTSV0LxP0ybFLf4TpBGbM2EkuwiitBCPHWC9BVVTYxDZRkyKtBkPEDIodhdGLiUGCwnjtBLuscB3Dje3kBAiOTiVBiazQhxsDJqoraNQBM/UmqpDnMbaJIjlAt6SG1qD/0GJGLEp9GO5B6Ouke8MHb48yuLYvtEpskwv8VDAoWDciG/YVthOO5zZlpMOZBlj8PZytdzQg2R5MZwSr7zQoHOLkTcjOhKlXJ96+KAeG7nQkqq8HEUerYbBPi8vaKYb0cWzSbcpELzp5c+7nwsbbDK7yte8XXcnPvRL6ZbY/+9vg5wvx26vhSzOgrgWWfdOZp5AQ6qzrkvGu2aY7kLtjQholI9ufa85Cwe6UbKOr7HNQ/lKDrFNS9EGfkl30dOCgP6WbYHrIkjWMlB30te1mKRzX7fyGTZh+R1sVE+EH25ORw/YHFW2IctVCXRs9OClPeuoCJvqlHbCJG+lOBlFLTr+JHiCwc8p8z0WEKr33wSCjDmdbb9lF2IyZoj4ZF+sazqg1qNdEfweOEkZQ+ARQ0cr+OiWHyNOJd2RBhnXQdhzusiCjAWGTLrNRocIAvB6tplmH8FZAVlrEqCqCl3QIPt8cIkbv2tssCzPOd0pQFmWcQ2SNpYHL5fGv2iz/85wfig+3ut6/Xf5BZF0op6hvE8brzRnAd+q6r3WV6MEjsiTzg9CeoxxsWZLZgsk8TFqsa0LvKXsxreShMMT8wmtsaFKezfpeMnN/qKCBLPWei/wh9hVJ2ICwPQUHcrJF7f4lnZGjqywLY31Tpp0+oj0w7BBqb54ly7z7YnLoKo3EWNeUDZTbiXY9CSoh6AEp9ZbF1T+RRCBjnb+Pnf03q4cQrFPfAaU063BXDRMKU0hplrLzOQiv2Pesy7nmTiCMTYQcTrINjVf9dylfDxjZrReThzoMtgJLZXlWwtnBjtIpjbV+H/C8fUn2pYCcyi6cLy9kHevui0ll/Bpr/MNsoiqlqo/jjmJDeVSvqaCcrMhyFIZzJWfbWNM40E49eciFdMv/ABXHfl9W+I4krZvbWffG6sah9rk5AaxMRZV1nx2juWlfTk/ZF1SV1XhMVvpaXNNH578VdAhZ1ThYfScA+tlBaz9QD/wtL/rUsx4A/wOhQ73pR8DnvgAAAABJRU5ErkJggg==) no-repeat scroll top / cover transparent;
position: absolute;
width: 1.12rem;
height: 1.12rem;
top: -0.32rem;
right: 0;
}
.user-center .foot-info-company {
background: #f7f7f7;
padding: 1.5rem 0 0.4rem;
font-size: 0.48rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
color: #ccc;
}
.user-center .foot-info-company p {
line-height: 0.7rem;
}
.user-center .saled-mask {
position: absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUgAAAFICAMAAAAFypcBAAAAb1BMVEVmZmbIyMhpaWlvb2+wsLC7u7tsbGy1tbW4uLjCwsJycnLFxcWnp6d1dXWqqqqRkZGioqJ4eHitra2Ojo6ampp9fX2fn5+Xl5e9vb2AgICDg4OGhoaUlJS/v7+ysrKJiYl6enqkpKSLi4ucnJzMzMytPCDaAAAAJHRSTlPM/c7Q7/XP8vT50fvq0+zf59Tt3uPW5uL219na4fjw29Xp3OUB+o1PAAAgU0lEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAACY3TrqcRSEogB8rSgiFhG1okWplf//G3dtN2PT6e5OJ/Pm+cIbCQ8n54YLAAAAAAAAAAAAAAAAAAAAAAAAAAA/LL4c434gyttz2ZxmZQxjzKhCN6Vvc4KvONc1kyNT1vIxCi9EIlONPxL8XXzufRSisJ7/iKzqWoIXLrXijZbhDaMp0cwnpb3V7MUg24xPzBgz8cyK6NP91FUEH3QkQ/Q0u0y7/lPh8r4+qUSGR9zFBDc6CPEYIuuGA63S1rtGz+q3Qi/u2h/o5lKqJGxk0dPeNaZpirARal6qNSqn+CgSIWyS8WmVJVaI0drszzeT1sX4UMua9qzPwiPB9IUo9sUaIC8anz8NbVr5bp6sENaUKRG1p62YiaPdap5iHCi96kQIrn3+7z1pmYS0alirq8U9xySMO43SJ2HD59O5GowViR4O9BXtkknB/PoQCyFkxZrmDgc8NuFDlAhP3cIldzm9Ia0nKVVFdJwjeX+P7+3bKcUWYxFTvFhprkd628FlkXVEsWPhrtjVMuS2GHVMaWeFaumbql/kndeWqzYUhrcEAgGi91683/8ZE0mcAVM8aRfMybeSrDU2uPzeHYkIz4sA6MtDhRfC/4aO4IqZA53ReVn/7vV6IihYM2rM/0vnuBDU2DkYgjgl/GvCnswAvokK8v9IOqOz+WDoOR18wIjr0XXDMK3bZvIp3JP2JAMYe1QEFH57Jufru04VKeAamqeRqUeSSYoaYsEnMuI0ADMqqt97ykYBUg8lzgIQoGlcj8gLhoreDqIsncKuTJco+dbMAjQB6goVv3POMQAiVCQUWs9p4cyUcWVRQde4R+HU34a2S7+BM3kvw6NAxQy/KdQCGFBRSuuZL1R8SXNiUWPBd4zoFdNV2zkApOQ3VpIaFlCto1ND7Hj16YhwJojJaMBfYUoQkYcUDsQ9ySFmv29xblGwGEoGCh2acMDNem9JF8OCHWkL99DFlAW9fx5vFgDJavm/HZSC26NEyG/ZHWWMEHsV9Yp+Z2QJjuUC9/gvghjE8E5KBEAUcDTT39EkXQclGUBF8kMSihCdTttiibyBMtUlkIyY7XelOKLwD9bfOzmAGziYdhP8ZhhaxxB8wii88UJ0QlgxEdGca2VZKhDAdywVYnF4ybKjQAtE2pHfrKBc4+MC9TE8tj165ZfcA0py/ccig0EN3xJ66KXwBu1DyBGhQfJb2STVOrYwHooSI0BMKay4HUoc/ytGdlEIn9iMevAPjxTQ2GKxSW/cekloB/CzsFcdW3wd5xc83+ntZkQfqOlS+Iv4Jh4yWOqEEGMJHVZwhRua8r0s+EkkKBkhJC3sEWuFQt8eqvrqH7hjiIeO0yIlNHYeErTPKnYDQcWPGhQV60deeAo7YoZc+6NlxgDW6pIR+KkPfx93QK+BHS2WUC+QICawxy9XFb1iRBt+DjL7Kg923nT0EQtYQU9wV3tz8K8uS5bvbyyFjXTRtRKX9tdyFwOg/0G+HSOqattNlsOYPN21KLgKaMG/oCEo3pUcAah89WadiNioYZ2rtf9Bvt3r+tF6/441khg0VOjK6D/A4GjTt9yd64k8sdRcSeMFLay4yOCHYCqDtMBhsGNGvrO9HJF4xn+U1yoDNgJ0aUgQ0R5QQ5K3xlH8lLllhxIfBgI7+KFjIYWxuPCfMGPl75WcddGgIWb4Q9vvuhhVws5wpxPlKGCP1cAnggz+BiV6LmxE1DIJKq4WIFjNj1CWChojCshxhI2jjp+xbMTxHypZR3OXDdoWOx+uSPhPyNtlCjV6AG/K2d/oGL//5aCNmP89JXspTisYIulldjFD9/7gBR6Pjw2UmAN33tJBAJ+oSU4Lf6uqMYIF/14qSpG3c/+Vo3VcrC9fQk1RHg9DsEgAKXH3FckAHxmwA4aRsdoLluqkCjboBB+hDcEVJkZLL16r7qzaIfB0GqzqCoHuQ9yCPXxkQkf2yUgKfdFRn+ts8jfCQ/fTGrXEwUqt7rczrXisK8j6bnLUwMMJGQuwAd7vK0ZiwEdsLV3qIZYBOr6UJrADpuZvdAzURpwQrjEWk6BH5DHDmqLrr26mle9/VjPHBJ4KBYWDzAmg3dkPJd/9/Lm2WDdlDlF9Y5owJmqACstGqlhFoXkdHYzOJsSxOUFvLbqtdq7wixTiCCM44T3Vt2PDCC09hCRoABb7+BfCZzj64NdDNaQAxZAKZke5zDkRVyEvyiJhCo9YZxU5IYzzqqqCloKCOrinHxCxgBPRU32bUphGVgb6WleE+zangM/USMoiyjILwApnc1AqjgnjYsrN6JVlSdBRKA+jBrfkiA4zeWVH43aJMXTwhLhygsfOyY0wQYUNxq5Mc28C5JKFYx272opZUMtDM5sNmStfSzBbSJPJo8AUo3zuxfYli58xxCoRCbPFJE/IEvkJTEQhUEF2gnI4Q57q2zAVJl+H4ibbX7gZb9xZ4zGuFIpfw58qSs1DezbKVrp2wLlY5HOFzczOQQMUsVSxn4vETF61VFWlli7w8E/mTGvn17gRwwmBD1t6Tqn+F4yUocQBH/NNXozuys2sCAbey1QSxxGvzI4CWGXC7JeqzAvG1eRr+vVcoFJw3DFER5SFiAoV5lqOe0wtZAT+tu4/M67iiYBHQSko6ugrT9ps83dzAMkH16KdOfCkkweXA7NVf5Ma7lKM8lVnzpNQuX1ik9aVtohJ+yrKrrncuYNOgJICKNE7RJknAH6Qbweo8cDFfPdoeaM/OiBposGeF+mfhc2G0pXZKWG2b7iyCucsWZ8b5nQkUhozWvJxbChsbr7hcdHqv1OArGJ6ey0DgB/g24eY18GwffD4tqVx0QZYAs4DqdSkVLRAVpCcR7m2cR6MOvaaczd2NqJjl7UR57ELmjzjexWTLEssQAmRbz7zXhsphQuaBy4BpEAFrkyw+6Xt2189xkpwHqjMPHNmhirKBtwsfNhRz/YQpY1SMcjKtqndr35mrnAPT7OEoLBRMhsZJ/gL/0f4NrX0dYMVI3N2Zjfc145OVKsm2uZqt6afDSyRtQ9NY9DE85AUaVvaiF6VvF5LG1u7SdgBx8GNiuwlpjfB6FlLhCj98x+DoaYHL9wZZAw3jFjK+oaxYFS6yvrGAqDNXNm5brAH8VrqksnI1xMnOcxoQ1xhDn7GU+pbF74dwcOgAH6Cimghu+6Bf5gempHNRasmDEUbh1Rn7SDzZX+T2EE2ji+OWIliGJKiPssgqeYurXaamclJVsdSu0FjOIEePA0qfVXRBsHOICe4o8BqbqSKYjVKt/jV1vypYpK1TVYhEk9EQVS0l/Nj7EUZvuxdsnllgrcMNWQWeqfJEvR4qVmCj1u0RvPIQwlpeLx9VRtObLPCGKAVp6zdmSzomjaqVB9tJ0nUUrjCGIpC8M3ukqx7mQSxTlDjzQw3IjjTPsy3qSGNT1NkmzfP181hrq4HJFkoA2T7K2t3yrVNlpR5U/To2ENQOWaZU7in34pwraKkCfCKEM7Qp/k2hRE1HvACVuhFeWHVRY+kMuVduwbt2pGtWxcjs7kIx0XGRbsw+z7psvSvrBusRNYVA/lSbCnDHk/UcIGJD7vxDRWoCevtSs1yMT5bEFG4nQjMKIc1ay9qtsO5CPM2cpAEYWYzHk2QOzgeLP+dQIXJP1U8jsxiD4/416VDAY+CDqhwImd4m9YecRFdMM1sgrWtUf10washa9rAQRyyrhTipRaUvRvS9OoFvJP1oohsXKkyJV8id9SjguAXNr3rU5+FiZq+f8GKgdXVgREYk+oEKy501jaFnExGhFTDbJvRnKnskjOthb/bY2ceDaqvcMN+KeFY4aGi7xJUmEUq3/JH+HaAmoTl22C8hBs6k9trW8OHYjLGxHOG4jU4SdRNX3tHNA7dOmp+KiU1wsYLmE1Q4cItI77gURQo8cTMd57t3m2S4ZGUa0y4+RrzZUB0zCLglRkusOLv9BhwJ+obhlbKCzchbYIn1Kvm/rVv9/AoXEdPpW0TVqzbj+jn0rWFPRR1nHJElgSMeOxlgUs8O+oaOdxp8YKTH1a4p5JdkeFcCGl09o3pDfiwWzhUelt7ld3nbE37ikE2gF0+hbLQiV6B09ulrzsNTadmEieI7Z9k2MHnFsBPe3yDiyJT1yCim041gyfhqpgWvrx4a79quGJCzwy6Ji97RDNMM1MPK/b+TABoK/AdL0ib6XaYTFSO5trHN+yi6wRDRQJXWE/z7UymSbd3dlGTwo0zRXVGEJMy7cRgdsZuZK0panHwT2dujLhjW4x8PyNtCJ4gwyvsdl0ih0vsh/m2rk4SG1bcKf1UuwdpWiSmXjF2SjBHFYva8JWtEffSIglEeGTIwk70uIfe+Paz7q7Wqyg0CFhJI7iiNeV4YZyaLAlS61jTXRJYcclRk1+Wr7zFI152UJEMJb3xbQ4PwlceBn0HKwWBI3RMpNmOsT9Gr/ZizHoNs+8nD1wLyfAzQ7QYHxr2J92du9HFidPAyovEZ1skQ+qC1XWtAWcc/A5ixt+c4yTkfFKWlhbcEz7Kt0MVqnznSyEj3YlF2wSRJGEtXWm6NgBxuJA1H51VtPHYHCuAPY4ow+IgZFKm4dxjCvcYj9p0U6gVFmm/dYHd7i4UZN0tFNMPvdqG3cVGPbypONeWm54W9mVvUTHNzHcZ+atZE04IH+BPytuJqi9eDFaoJ9aVtNKjoxq+iC8N0t0kGFyjiRzccCKp4qAkPma4De+gInvFAC5qyk+z1PBJNbmpqh8x7PaoShVtRCIaAKOeqF6wNlxHJLazx+Md3hf6VWf3sKdEhcnwjL2u+9MUcIMlw9KjZmkMUYAZbNVZOEoVX7EFYPjyv2AtiXdjHQI/4OAG7Ml45UghKzzD/XKX7YPbRUtGgOg858qN1XLEF/AINIYpnU0NwV3f0LZoerfWEeIFBI/0RW2EgQUb/nw4ymOXZ9twTV3aaI4PusmfRZSpsZfeqM8ReZEDWK5rqEfCxPtgHSOe4J1r4xssm6y4dN6ni+xQ6YTUwB338zdZ1Q5DYSfpg1RcB4NkgaoFt6ykr0wAdNIjQL8bCO4w4QBlJxV9Ky+8vYplTH/1N/l1tuFCdUoLXpLDHuqHwzP3evoEkblQmVy2xvF2f724HMhRpvPZEe4JIS963CClb8VZhSvjuask9lyIGaCZe7wmhQ31WxPxyLX4rurDGGL1ireNInFm4xnn/r6xGrs6nFBn+0cy2JiVuc6vKHEQRXV6q0gdoPeNaPKokiO5Z66M1EIyr+9cpSJd772OlxAXzvgMkeA9N0IWSJJRpbEzvRgpLG8q+h1Txb3qip4VHBVWQZhpjzKCuxZI8oLhLTlcEXT2YRxOrsTJ3s5uXi5AdKVipD03D61dhvbWpYRgWfRx4RGmqdX3Q6KGlrGJGH5i/DDS1Eg7oxM5iTO2KZxZ8ADTKu6ZMiZf7mFrfTbymWRzCS7Q2LWkisYievyG7r7N1CStYbWHOU71aqZReFjDifhdxeJk8fnLQTQ7JeQTHbqWn4+nlhFPTe6qi/qmhzdUWt9PVhGhxoub4Ng31/7af7dwwtrelGcnFf1XhciF4+eI+LTlAH9Cg6qIAhnH/bH2bzsUjSNGKD9U5JryuqXhZR63kfNhUVn/S8UJDrSzTGKvEGJvkhHgYWudJTTJQEFduvnQjYp0Fflzv7bgGbus43be2XkJZyp14NHYdKz27BQgtxYHGiQPs8iwBoWxtMZpGHagn9tV53Z7DK6pTyp2UzwGHu4p4AxzipMt6oWvdlZOqqwNe4iFh+RJVxVApNT1/dhw/W8uF1RRczXNJsZ9e7Rhhnm8bLHyQ1w4l4S5tGE7zZxy9EGRMbXTznlOrsknw3fjenLpNxUMK+pTO74ywSXU2VRM4zg1yc2c8TNxRBCrIqawkAVWhK26oAoew4gznSz6TQXDX/WH2W37adkLkiCdptDEC76XohZEDiNcarg+zfBLSDOBAPFBtzukFhK4J9qy5wE33GJdeF+Rk2Tx49A+5xzvc1zQdMUsQ0LeTJM8LNhsn2dQEnzQfSzo562QBVZaRSMdItCcJ2kFXCPsrmnKo4pkCOku+uZwCfVTj/cvNwc3jmO6WrgFK/0CNnlWY/NxK2SebnPcBDTnSVpy55fhi59UTOXL7tYCLXDGWALPS8yi9v3YNy7WNRueD4joPGpbDSHwge1GtubtJI3DJZF3VDEZ1YJ972b4o7GWQQ9267ac3lvHBEAbZ+OoqoE8qIz8xrehJptc080kjVgfM5XG26l4P2C3RpldRB1GaRv7FuxJsQR3VI9lPRjDs+72TK0WBdyTb3IxvOPaMLqdimr78XJVAM07kyulODx0rSm/2di+LuswbWgjglXzIJOMp6yEDzj4DexuT1yLK45U8VxGvjeCrSmntIHAAtppuv4kFAxQDCWoO/qaw3Nam6mBBj5g4wfIsIWx+3EYp6l9OlOeG8P+/guiiOSGeHJT1brIwfBBYnBL/cBzZT7HuWnoz5+UTO5V3O7nSN18KUz/8Mre3RVtJxjj0N/9T3Ck2l0b2HzoZq+F29XhltZtJOCrsECedK2mDE1OP9Xkl3jJqqJhcl455Gr/C7uZwbU7M1ILKDzbrhizk9IHsMrl271IhQmh2vXgPMcgAbqo5fkHnfHA4TIe3R41jl/95grWpqKyxaHIBuLoJfypGXU3/oEeuKtuLNKLk9ijFudO3FpSuGW5mEdal0H0ZB4C8X56BMbUtBEPXkHAqiCV8i4Jq4KJ3jcOhn7OIhN4Mtd4z7qtyh/snWmT4yYQhhuEQAKh+76P/v+/MTGyHdkjeZxkk9Js+fmyW3O5/LoFTV+4s5XCIdleVHdLfFRHAulxBku3c9JwCjpnDgtMoJjZazMj0Gp/rc7gSqDWIF58sltuHJYqDUdIsonq7t0/7u8FcoxxFgcZrMzzvIkCT4Ut4gCMiqXtVSbyyEHgNz3tgplCWMFO1uaeqwIXOIK63/jd/c5JkRohk73obZa7SAo5Fr1yjS3SlpXriKUqZ31oBYjJ3p69UHoTcjQRurA72YDiGgvlwiHO66Z9Tg6rqaprLPNujXwIFSJrmtxRig1wU3E0jbUsnvImI4jdjpA2SkvK6/2/EJlC/bNdiMqR+ajhiPhl3FGK47TsiCjScRPqzj0/zPMp7jp/WIc12CKPjIqOmNLUjN71ml3nXgCVq006wiwana/OVl3RkQVTOGLCGwvspaSOKy6sYnzIpLIga1JHuX5j3PC+dPLoOr8hHrKJILpTc/Rp1sB5ZOR3M7j8rBOfKRpp8DFU3RuOpAcPVIuNGxSFI2QuOmV7BVOqM3uKXpxSpBoABqOi+bxUWB23fLjmFaM17xURgshOFda9SiUYyu8dSbZV8UtBUAH7DFPeK5EXhUNsI1W0CFss0jzRpe03RlimsIZDJkzuw0T61DgKnX2+u1BHJB4W8G162r73K00lPuMc3gzbBXWV26W4quhfJysFc1S0plsnd0rWvppypVffJ2sogGbcTOQUKGA+UUONwcaY2HCAfgzg8sFz8Ss2P1AxDJrEE3Y+GilE51fUHAVLu4V1ZFXZp9brNqMZg4s9VgMAMM8sNqTEDE53+UqOtn34PqjCG6w22ZsdYgqP8MRMiGwTpkontwCgGqpMBxyAtr7jTJXZq+xyPWMHMTnOJ8quW4P5koLE2kTQOuKCPE95wJUMMe6bY3v9DjvZUbHLiyJGUqbROn+zzLlxv2N7DWJWt8FfEPSlExJyKIswp0OuIarAJ2vAuMQCrLMZJECHcT3CAT2+hMTz03T7XqEqmih1iSjWPcX2vfk6BpGtwnp2aYae8pat5okKDqjW9TeKQEuKg/lgFSGnM8cLE5K+hgM8xHeCu3DvyUFsrTnunMICM8DPjo3FatE5ud5+yQpiW+TZ64vkrKLMAOgYUaph6lZ3TJ1wnu61PbskAeyzHKvYSthS24hdP2glepHK1dcujZcYBbPWeWQcx7I0Nmylvd172d1TFIcvPwAAN/ESjUONhlN1t29w0T18J8HBE/3YHqRT12cqj4ADrG9z9u11VppchBtSWIUV6xC6VHRikXnplk7sh2mSYnxgkN7GIWAlZ2jw4JSPNkxICB6V570MkRuipUO0g2tQlnaom7gs/dVLFOtNAzxr2dX9zsU6LZ8jku8Kf7v+/iKgUfP1F4g8qZDNq4t6xHPqauawYTQqFhJ0ROk1ousKrzYCM+YV1jqEjg3ZqmInUms9HWIBVpQ1SZtP8XywQIe3uNyouxISNKgzJWuenEWC7GDa7viQdGk4bKm76x2uumnkPVajTJDWD70lD4yKpRF2DGPGCqNiGnri+8bqeQ0Xc4sCaAclKDR4ZxUS8vXkss/sosHeCc4sdiCBy0hbD+5Uc7HFpfUUIotv7rdjT6xYA+J50oCPCbxGXzcVywJKLQxhQkOfnfPBvp2oEziAB+G0JBFs4LW/AL2msSLread1w7SYFKKaCHo39zuAmiALBVuF/d4gO5zvzwUwAhka3OCMDXOb8wuDd6nD1sUFqM6ySPKdMEg3ETNJBaBGMhROyQJuPCkbkWTX0Pv8Te14jzmsBskzmHEAhoakOlu04nlADX9PxZwgjpkFlh4qeVQx5Ib1vZhKrBnc+KJhYq/X42fYPV7UtqgvGw2DFW5FlHjQokHQ89ojgHzzeuzGJ1jGcz5L08N9QOvV2/VXrBU71yuKkxJt4OU2pF47y4L4vGw7Fw2lERIE3uv/azipN77CjJv7mtoM8ZpNtY+k8C4xivX6WH7T2a05qi9tc8VjVryjQLmxPg4FjuCgIYfolE3uN7LX6QKgA0NUcXNr4R7iDN7FwbB5/Jg0FMHX8LFKNmF7l/81YbvBCYp7ePl8jXMP2C+ebXpJR3dmzK6klBspctuDN+HuNnd2nNBg1Wbflw8VglWDhjONmTqgOB6oI4fezENhytqsiyEKeJNo37dq64djaL350x2HK7TKsMxaNJxpytQR0W7mRSZBxKuo8UosObju47LqWPAedb1b8hjASjU1DcHNompbt3oNq4gcJccOL/yE25+Nz0LG5ytIsdeX/wyJj9gD761HB0Vl8E/QRWbB8Li9NIKCwXKwp2avNjHLwnOzkaHBzhI4P/njQkYbB5GkHGQzDw1dEHHaGcUb/MPBQsp5/oNX97BSm20pGqIcY5qigVRNA+fHIkjuVlGngpUmFBu1s7mU715NQR+nTnnwLrTZ/J6hy/aW6vZeiDUUNHeTOiB44az37O7VSylTTlLROM8Dvkom6d09QmEBT8anwTRlBt9jAYDTfc0EsceYnGSoqutphlfVAAu294bl8HzZrn1ydNGXqa1yq5YA0TJb9KkQUs1Q5ROFDeFbW2ngTjF2O3H3h4L6hCDjAPw6yC4ylyZFBA2e9VMsUpPKdLTmmtMxsrTeq0uroXIm2NIoLOt3xq0hKehTkpfkGu5odp/ZkkXm4Q4wvV9m41b0tFHIZ+w6MHloK4v4/inSJjiAfvI3qY9DpuE1ySpc89AWZsvHnavXN03pxSpDDO72qNrzu+J3khY0WBk/iEbITvUlYgMz9vBABSEaa/umz6RLVzUkIXasHmoqExdV8rV2qiJo6NIfpCNAZUkT19+FgxX2ymzTsmvpl+5P9UrKDMnmLK9nCTASLODKXCLm3OwxVpYUTZFmprOmwZWenzTbdQDnFAxHSqbG+QsAwlI+16kgquMJ4U0rK3SfxW2v3WcloqdNZGSwksBXiCRwMICEoMEZf8zy+A5RYlyk2McYIPyyV1s5IvFrOGT2ntVd84rkKiNwPecjvfxg4CgbKMOV3jpfwdRrOH+tpAXcQUUQHQ7B14OOFSi0vRrex9RbYahXXQNOhb+ObibYtzcdxbn6aX7NGgrAbr3Duvh6YKN1LZD475WAWnOMiHZAwVCXfhDGfgUQMdygztS6+YuQNaWQ32vzG4x35FlKVKIMG/lSxHqx8TZ4lsusqtK8T7IGdA0FblmqE7W3/zIktypI0DBpqFw1wFfGYVpnGxaNpjufRuuV69Q+06eUSdDNki4zB6h0NQvcUP6U08zfJ8poSowOcQvgYaz3R5nnDsELrhN7eVq0bZvmUyzcW2/iYMGFJKhkVMmaAzTTwEKGW9gP22T+FlaTVQwRnRiZBGnjdJigSHJWEnyAdH0YZPxuvCCToB0sWQ9hrqtO4QZyxkGbvwxd1NW9apIsALPqipfC66we5j8Z6iyyHr9VNVk+W42sgjn007TELX1y6rzrv2aorchUTxmcCiBRzt+txrF0OnEAXpcoosicpgqFW852x/N/ADeGQifEUl2nchVJMsL7jMUUBF6VWDplQwMXngeIEHGyns3/gutBsmB6QsRC9xpgjMb6bYc/qSVAVg9jJOv75Nwtjvsj0ly/AB6MFo9obnK4BE1VuAzcXO+lc5+vEbJM3sEr6sUr0oQnPcEnSvYbeuG78KVsg8aSPiKBDP0gMaPgO5InETxiSaCP9sypJXOCaMeInXLxCyT9nbfrJ8ZhzqdQNwJDhsy3fbvgAFUiyHNBqqTW9hjPAWSdpWEbMtxFhb/jWeYVVhC2Q5QoxM53FSLxZlN/b7siDgd59ICD1lEu/N4muIMofkqO69dSWSDTEm1CkNnm2qSLUqXjxIUt/GWuJd1KX4RLzGImFO6gvKT6/SI9hxwXn6Yk91yiWNAQl4VBmnt9V7qd10aaprZgggm84O6bYvtbRW//KfqSyU+CZjF7B7nO+qnqUY9DqKVOYs/xCualaRN44k/UkzGevFjvf4RK4HNWu2gg139KrwjGtechk6CjwQtm1jmuemxp/BjjA9TSC15wmR8QovCGsks7ZmXZEXyGiJ+UaP3/kE1YOp3jTzAwG7+j83/zwMS/I9Ij81qd4yuI7befdfENorp1Ue1K2AmvqD+W+DY0yqyxSYp88mIh+l6wKSyCJvtI+DfhsEF/dpQPHz58+PDhw4cPH/5oDw4JAAAAAAT9f+0KGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtwDOt/4xroAAmAAAAABJRU5ErkJggg==) no-repeat scroll top / cover transparent;
top: 0;
left: 0;
right: 0;
bottom: auto;
height: 6.6rem;
z-index: 10;
}
.holiday[data-v-d1d279a6] {
width: 100%;
padding-bottom: 2rem;
}
.holiday .vux-header-title[data-v-d1d279a6] {
color: #333;
}
.holiday .holiday-header[data-v-d1d279a6] {
font-size: 0;
}
.holiday .holiday-header img[data-v-d1d279a6] {
width: 100%;
display: inline-block;
margin: 0;
padding: 0;
}
.holiday .content[data-v-d1d279a6] {
background-image: -webkit-gradient(linear, left top, left bottom, from(#cf5226), to(#cb3a2d));
background-image: -webkit-linear-gradient(top, #cf5226, #cb3a2d);
background-image: linear-gradient(to bottom, #cf5226, #cb3a2d);
}
.holiday .content .activity-list[data-v-d1d279a6] {
margin: 0 .838rem;
padding: .6rem;
background: #eee;
border-radius: 0 0 8px 8px;
}
.holiday .content .activity-list .activity-item[data-v-d1d279a6] {
position: relative;
margin-bottom: 20px;
}
.holiday .content .activity-list .activity-item .title[data-v-d1d279a6] {
font-size: 14px;
color: #000;
margin-bottom: 10px;
border-left: 3px solid #fa9c18;
padding-left: 8px;
}
.holiday .content .activity-list .activity-item .activity-content img[data-v-d1d279a6] {
width: 100%;
max-height: 5rem;
}
.holiday .content .activity-list .activity-item .mask-wrapper[data-v-d1d279a6] {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.holiday .content .activity-list .activity-item .mask-wrapper .mask-text[data-v-d1d279a6] {
width: 3.4rem;
height: .8rem;
border: 1px solid #fff;
border-radius: .4rem;
font-size: 0.54rem;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: .8rem;
}
.holiday .content .holiday-footer[data-v-d1d279a6] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
padding: 20px 0;
}
.holiday .content .holiday-footer img[data-v-d1d279a6] {
width: 1.2rem;
height: 1.2rem;
}
.holiday .content .holiday-footer .footer-title[data-v-d1d279a6] {
font-size: 16px;
margin: 0 5px;
}
.holiday .content .holiday-footer .footer-number[data-v-d1d279a6] {
font-size: 24px;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html[data-v-9f50cdfa],
body[data-v-9f50cdfa],
div[data-v-9f50cdfa],
span[data-v-9f50cdfa],
applet[data-v-9f50cdfa],
object[data-v-9f50cdfa],
iframe[data-v-9f50cdfa],
h1[data-v-9f50cdfa],
h2[data-v-9f50cdfa],
h3[data-v-9f50cdfa],
h4[data-v-9f50cdfa],
h5[data-v-9f50cdfa],
h6[data-v-9f50cdfa],
p[data-v-9f50cdfa],
blockquote[data-v-9f50cdfa],
pre[data-v-9f50cdfa],
a[data-v-9f50cdfa],
abbr[data-v-9f50cdfa],
acronym[data-v-9f50cdfa],
address[data-v-9f50cdfa],
big[data-v-9f50cdfa],
cite[data-v-9f50cdfa],
code[data-v-9f50cdfa],
del[data-v-9f50cdfa],
dfn[data-v-9f50cdfa],
em[data-v-9f50cdfa],
img[data-v-9f50cdfa],
ins[data-v-9f50cdfa],
kbd[data-v-9f50cdfa],
q[data-v-9f50cdfa],
s[data-v-9f50cdfa],
samp[data-v-9f50cdfa],
small[data-v-9f50cdfa],
strike[data-v-9f50cdfa],
strong[data-v-9f50cdfa],
sub[data-v-9f50cdfa],
sup[data-v-9f50cdfa],
tt[data-v-9f50cdfa],
var[data-v-9f50cdfa],
b[data-v-9f50cdfa],
u[data-v-9f50cdfa],
i[data-v-9f50cdfa],
center[data-v-9f50cdfa],
dl[data-v-9f50cdfa],
dt[data-v-9f50cdfa],
dd[data-v-9f50cdfa],
ol[data-v-9f50cdfa],
ul[data-v-9f50cdfa],
li[data-v-9f50cdfa],
fieldset[data-v-9f50cdfa],
form[data-v-9f50cdfa],
label[data-v-9f50cdfa],
legend[data-v-9f50cdfa],
table[data-v-9f50cdfa],
caption[data-v-9f50cdfa],
tbody[data-v-9f50cdfa],
tfoot[data-v-9f50cdfa],
thead[data-v-9f50cdfa],
tr[data-v-9f50cdfa],
th[data-v-9f50cdfa],
td[data-v-9f50cdfa],
article[data-v-9f50cdfa],
aside[data-v-9f50cdfa],
canvas[data-v-9f50cdfa],
details[data-v-9f50cdfa],
embed[data-v-9f50cdfa],
figure[data-v-9f50cdfa],
figcaption[data-v-9f50cdfa],
footer[data-v-9f50cdfa],
header[data-v-9f50cdfa],
menu[data-v-9f50cdfa],
nav[data-v-9f50cdfa],
output[data-v-9f50cdfa],
ruby[data-v-9f50cdfa],
section[data-v-9f50cdfa],
summary[data-v-9f50cdfa],
textarea[data-v-9f50cdfa],
time[data-v-9f50cdfa],
mark[data-v-9f50cdfa],
audio[data-v-9f50cdfa],
video[data-v-9f50cdfa],
input[data-v-9f50cdfa] {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article[data-v-9f50cdfa],
aside[data-v-9f50cdfa],
details[data-v-9f50cdfa],
figcaption[data-v-9f50cdfa],
figure[data-v-9f50cdfa],
footer[data-v-9f50cdfa],
header[data-v-9f50cdfa],
menu[data-v-9f50cdfa],
nav[data-v-9f50cdfa],
section[data-v-9f50cdfa] {
display: block;
}
body[data-v-9f50cdfa] {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote[data-v-9f50cdfa],
q[data-v-9f50cdfa] {
quotes: none;
}
blockquote[data-v-9f50cdfa]:before,
blockquote[data-v-9f50cdfa]:after,
q[data-v-9f50cdfa]:before,
q[data-v-9f50cdfa]:after {
content: none;
}
table[data-v-9f50cdfa] {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a[data-v-9f50cdfa] {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li[data-v-9f50cdfa] {
list-style: none;
}
[data-v-9f50cdfa]::-webkit-scrollbar {
width: 5px;
height: 5px;
}
[data-v-9f50cdfa]::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
[data-v-9f50cdfa]::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
[data-v-9f50cdfa]::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html[data-v-9f50cdfa],
body[data-v-9f50cdfa] {
width: 100%;
}
html[data-v-9f50cdfa] {
-ms-touch-action: none;
touch-action: none;
}
body[data-v-9f50cdfa] {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[data-v-9f50cdfa],
button[data-v-9f50cdfa],
textarea[data-v-9f50cdfa] {
outline: none;
}
.weui-dialog[data-v-9f50cdfa] {
top: 1rem;
}
[data-v-9f50cdfa]:root {
--theme-color: #0080ee;
}
html[data-v-9f50cdfa],
body[data-v-9f50cdfa] {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
[data-v-9f50cdfa]::-webkit-scrollbar {
display: none;
}
.line-ellipsis[data-v-9f50cdfa] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis[data-v-9f50cdfa] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis[data-v-9f50cdfa] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header[data-v-9f50cdfa] {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast[data-v-9f50cdfa] {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text[data-v-9f50cdfa] {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow[data-v-9f50cdfa] {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p[data-v-9f50cdfa] {
color: #fff;
}
.weui-mask_transparent[data-v-9f50cdfa] {
display: none;
}
.contentFix[data-v-9f50cdfa] {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2[data-v-9f50cdfa] {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header[data-v-9f50cdfa],
.goodsCategory .vux-header[data-v-9f50cdfa],
.goodsList .vux-header[data-v-9f50cdfa],
.goods-detail .vux-header[data-v-9f50cdfa],
.goodsContent .vux-header[data-v-9f50cdfa],
.commonContent .vux-header[data-v-9f50cdfa],
.user .vux-header[data-v-9f50cdfa],
.page1 .vux-header[data-v-9f50cdfa],
.page1-wrap .vux-header[data-v-9f50cdfa] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left[data-v-9f50cdfa],
.goodsCategory .vux-header .vux-header-left[data-v-9f50cdfa],
.goodsList .vux-header .vux-header-left[data-v-9f50cdfa],
.goods-detail .vux-header .vux-header-left[data-v-9f50cdfa],
.goodsContent .vux-header .vux-header-left[data-v-9f50cdfa],
.commonContent .vux-header .vux-header-left[data-v-9f50cdfa],
.user .vux-header .vux-header-left[data-v-9f50cdfa],
.page1 .vux-header .vux-header-left[data-v-9f50cdfa],
.page1-wrap .vux-header .vux-header-left[data-v-9f50cdfa],
.movie .vux-header .vux-header-right[data-v-9f50cdfa],
.goodsCategory .vux-header .vux-header-right[data-v-9f50cdfa],
.goodsList .vux-header .vux-header-right[data-v-9f50cdfa],
.goods-detail .vux-header .vux-header-right[data-v-9f50cdfa],
.goodsContent .vux-header .vux-header-right[data-v-9f50cdfa],
.commonContent .vux-header .vux-header-right[data-v-9f50cdfa],
.user .vux-header .vux-header-right[data-v-9f50cdfa],
.page1 .vux-header .vux-header-right[data-v-9f50cdfa],
.page1-wrap .vux-header .vux-header-right[data-v-9f50cdfa] {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title[data-v-9f50cdfa],
.goodsCategory .vux-header .vux-header-title[data-v-9f50cdfa],
.goodsList .vux-header .vux-header-title[data-v-9f50cdfa],
.goods-detail .vux-header .vux-header-title[data-v-9f50cdfa],
.goodsContent .vux-header .vux-header-title[data-v-9f50cdfa],
.commonContent .vux-header .vux-header-title[data-v-9f50cdfa],
.user .vux-header .vux-header-title[data-v-9f50cdfa],
.page1 .vux-header .vux-header-title[data-v-9f50cdfa],
.page1-wrap .vux-header .vux-header-title[data-v-9f50cdfa] {
color: #333;
}
.movie .content[data-v-9f50cdfa],
.goodsCategory .content[data-v-9f50cdfa],
.goodsList .content[data-v-9f50cdfa],
.goods-detail .content[data-v-9f50cdfa],
.goodsContent .content[data-v-9f50cdfa],
.commonContent .content[data-v-9f50cdfa],
.user .content[data-v-9f50cdfa],
.page1 .content[data-v-9f50cdfa],
.page1-wrap .content[data-v-9f50cdfa] {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header[data-v-9f50cdfa] {
background: none!important;
}
.padtop[data-v-9f50cdfa] {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header[data-v-9f50cdfa] {
padding-top: 2.1rem;
}
.padtop64[data-v-9f50cdfa] {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66[data-v-9f50cdfa] {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80[data-v-9f50cdfa] {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom[data-v-9f50cdfa] {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50[data-v-9f50cdfa] {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65[data-v-9f50cdfa] {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100[data-v-9f50cdfa] {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160[data-v-9f50cdfa] {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20[data-v-9f50cdfa] {
top: 0.8rem /* 20/25 */;
}
.top32[data-v-9f50cdfa] {
top: 1.28rem /* 30/25 */;
}
.top64[data-v-9f50cdfa] {
top: 2.56rem /* 64/25 */;
}
.top50[data-v-9f50cdfa] {
top: 2.0rem;
}
.top45[data-v-9f50cdfa] {
top: 1.8rem;
/** 45/25 */
}
.bottom[data-v-9f50cdfa] {
bottom: 0;
}
.fixed[data-v-9f50cdfa] {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10[data-v-9f50cdfa] {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix[data-v-9f50cdfa] {
padding-bottom: 0;
}
.isIPhoneX .padtop[data-v-9f50cdfa] {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64[data-v-9f50cdfa] {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66[data-v-9f50cdfa] {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80[data-v-9f50cdfa] {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom[data-v-9f50cdfa] {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10[data-v-9f50cdfa] {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50[data-v-9f50cdfa] {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65[data-v-9f50cdfa] {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160[data-v-9f50cdfa] {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20[data-v-9f50cdfa] {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64[data-v-9f50cdfa] {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom[data-v-9f50cdfa] {
bottom: 10px;
}
.isIPhoneX .foot-fix[data-v-9f50cdfa] {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer[data-v-9f50cdfa] {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header[data-v-9f50cdfa],
.isIPhoneX .goodsCategory .vux-header[data-v-9f50cdfa],
.isIPhoneX .goodsList .vux-header[data-v-9f50cdfa],
.isIPhoneX .goods-detail .vux-header[data-v-9f50cdfa],
.isIPhoneX .goodsContent .vux-header[data-v-9f50cdfa],
.isIPhoneX .commonContent .vux-header[data-v-9f50cdfa],
.isIPhoneX .user .vux-header[data-v-9f50cdfa],
.isIPhoneX .page1 .vux-header[data-v-9f50cdfa],
.isIPhoneX .page1-wrap .vux-header[data-v-9f50cdfa] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .goodsCategory .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .goodsList .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .goods-detail .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .goodsContent .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .commonContent .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .user .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .page1 .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .page1-wrap .vux-header .vux-header-left[data-v-9f50cdfa],
.isIPhoneX .movie .vux-header .vux-header-right[data-v-9f50cdfa],
.isIPhoneX .goodsCategory .vux-header .vux-header-right[data-v-9f50cdfa],
.isIPhoneX .goodsList .vux-header .vux-header-right[data-v-9f50cdfa],
.isIPhoneX .goods-detail .vux-header .vux-header-right[data-v-9f50cdfa],
.isIPhoneX .goodsContent .vux-header .vux-header-right[data-v-9f50cdfa],
.isIPhoneX .commonContent .vux-header .vux-header-right[data-v-9f50cdfa],
.isIPhoneX .user .vux-header .vux-header-right[data-v-9f50cdfa],
.isIPhoneX .page1 .vux-header .vux-header-right[data-v-9f50cdfa],
.isIPhoneX .page1-wrap .vux-header .vux-header-right[data-v-9f50cdfa] {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title[data-v-9f50cdfa],
.isIPhoneX .goodsCategory .vux-header .vux-header-title[data-v-9f50cdfa],
.isIPhoneX .goodsList .vux-header .vux-header-title[data-v-9f50cdfa],
.isIPhoneX .goods-detail .vux-header .vux-header-title[data-v-9f50cdfa],
.isIPhoneX .goodsContent .vux-header .vux-header-title[data-v-9f50cdfa],
.isIPhoneX .commonContent .vux-header .vux-header-title[data-v-9f50cdfa],
.isIPhoneX .user .vux-header .vux-header-title[data-v-9f50cdfa],
.isIPhoneX .page1 .vux-header .vux-header-title[data-v-9f50cdfa],
.isIPhoneX .page1-wrap .vux-header .vux-header-title[data-v-9f50cdfa] {
color: #333;
}
.isIPhoneX .movie .content[data-v-9f50cdfa],
.isIPhoneX .goodsCategory .content[data-v-9f50cdfa],
.isIPhoneX .goodsList .content[data-v-9f50cdfa],
.isIPhoneX .goods-detail .content[data-v-9f50cdfa],
.isIPhoneX .goodsContent .content[data-v-9f50cdfa],
.isIPhoneX .commonContent .content[data-v-9f50cdfa],
.isIPhoneX .user .content[data-v-9f50cdfa],
.isIPhoneX .page1 .content[data-v-9f50cdfa],
.isIPhoneX .page1-wrap .content[data-v-9f50cdfa] {
padding-top: 1.04rem /* 74/25 */;
}
.zz[data-v-9f50cdfa] {
background: #f7f7f7;
height: 100%;
}
.zz-bg[data-v-9f50cdfa] {
background: #f7f7f7;
height: 80px;
}
.nr[data-v-9f50cdfa] {
background: #ffffff;
}
.nr-tit[data-v-9f50cdfa] {
color: #0d0d0d;
font-size: 0.56rem;
}
.nr-con-[data-v-9f50cdfa] {
position: relative;
height: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
}
.nr-con[data-v-9f50cdfa] {
color: #878787;
font-size: 0.56rem;
right: 30px;
position: absolute;
}
.nr-rx[data-v-9f50cdfa] {
text-align: center;
line-height: 0.8rem;
padding: 10px;
}
.nr-rx-tel[data-v-9f50cdfa] {
font-size: 0.8rem;
color: #969696;
font-weight: 700;
}
.nr-rx-[data-v-9f50cdfa] {
font-size: 0.56rem;
color: #969696;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
/*! mescroll -- 精致的下拉刷新和上拉加载js框架 ( a great JS framework for pull-refresh and pull-up-loading )
* version 1.3.6
* 2018-09-10
* author: wenju < mescroll@qq.com > 文举
* *
* 官网: http://www.mescroll.com
* 动态: https://github.com/mescroll/mescroll/releases
* 问答: http://www.mescroll.com/qa.html
* issues: https://github.com/mescroll/mescroll/issues
* QQ交流群: 633126761
*
* 温馨提示: mescroll唯一的全局样式: html,body{height:100%},用于固定body的高度满屏; 如果影响到您原本的项目样式,可自行删除
*
*
* ----- mescroll的html结构解析 ----
*
下拉刷新
暂无相关数据~
去逛逛 >
加载中..
//无数据-- END --
*/
html,body{height:100%
}
body{-webkit-overflow-scrolling:touch
}
.mescroll{width:100%;height:100%;overflow-y:auto
}
.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000
}
.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center
}
.mescroll-downwarp-reset{-webkit-transition:height 300ms;transition:height 300ms
}
.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0
}
.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden
}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip,.mescroll-upwarp .upwarp-nodata{display:inline-block;font-size:12px;color:gray;vertical-align:middle
}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px
}
.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid gray;border-bottom-color:transparent;vertical-align:middle
}
.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite
}
@-webkit-keyframes mescrollRotate{
0%{-webkit-transform:rotate(0deg)
}
100%{-webkit-transform:rotate(360deg)
}
}
@keyframes mescrollRotate{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)
}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)
}
}
.mescroll-empty{width:100%;padding-top:20px;text-align:center
}
.mescroll-empty .empty-icon{width:45%
}
.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:gray
}
.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:white;color:#65aadd
}
.mescroll-empty .empty-btn:active{opacity:.75
}
.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0
}
.mescroll-lazy-in,.mescroll-fade-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards
}
@-webkit-keyframes mescrollFadeIn{
0%{opacity:0
}
100%{opacity:1
}
}
@keyframes mescrollFadeIn{
0%{opacity:0
}
100%{opacity:1
}
}
.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards
}
@-webkit-keyframes mescrollFadeOut{
0%{opacity:1
}
100%{opacity:0
}
}
@keyframes mescrollFadeOut{
0%{opacity:1
}
100%{opacity:0
}
}
.mescroll-bar::-webkit-scrollbar-track{background-color:transparent
}
.mescroll-bar::-webkit-scrollbar{width:6px
}
.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc
}
.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.movie-list {
height: 100%;
}
.movie-list .vux-header {
background-color: #0080ee;
}
.movie-list .vux-header .vux-header-title-area .overwrite-title-demo {
text-align: center;
color: #fff;
font-size: 0;
}
.movie-list .vux-header .vux-header-title-area .overwrite-title-demo span {
height: 1.2rem;
line-height: 1.2rem;
padding: 0 0.6rem;
font-size: 0.56rem;
display: inline-block;
background: #dfdfdf;
color: #999;
margin: 0.2rem 0;
}
.movie-list .vux-header .vux-header-title-area .overwrite-title-demo span.active {
background: #f3f3f3;
color: #1c8ef0;
}
.movie-list .vux-header .vux-header-title-area .overwrite-title-demo span:first-child {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.movie-list .vux-header .vux-header-title-area .overwrite-title-demo span:last-child {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.movie-list .search-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: fixed;
left: 0;
width: 100%;
background: #fff;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.2rem /* 74/25 */ 0.6rem 0 !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 99;
top: 10.1rem;
}
.movie-list .search-wrapper .vux-tab-wrap {
height: 1.2rem;
width: 5.2rem;
padding-top: 0;
}
.movie-list .search-wrapper .vux-tab-wrap .vux-tab-container {
height: 1.2rem;
}
.movie-list .search-wrapper .vux-tab-wrap .vux-tab-container .vux-tab {
height: 1.2rem;
}
.movie-list .search-wrapper .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-item.vux-tab-selected {
color: #0c62ff;
}
.movie-list .search-wrapper .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-item {
background: none;
line-height: 1.2rem;
}
.movie-list .search-wrapper .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-ink-bar {
background-color: #fff;
height: 0.08rem /* 2/25 */ !important;
}
.movie-list .search-wrapper .search-btn {
position: absolute;
right: 0.6rem /* 15/25 */;
width: 0.6rem;
bottom: 0.1rem;
font-size: 0.64rem /* 16/25 */;
color: #ddd;
padding: 0.2rem /* 5/25 */;
}
.movie-list .movie-wrapper {
padding-top: 3.05rem;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.movie-list .movie-wrapper .now,
.movie-list .movie-wrapper .soon {
position: fixed;
left: 0;
width: 100%;
bottom: 0;
top: 11.5rem /* 107/25 */;
height: auto;
}
.movie-list .movie-wrapper .now .item,
.movie-list .movie-wrapper .soon .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 0.04rem solid #f3f3f3;
padding: 0.4rem;
}
.movie-list .movie-wrapper .now .item .left,
.movie-list .movie-wrapper .soon .item .left {
width: 2.6rem;
height: 3.6rem;
line-height: 3.6rem;
overflow: hidden;
}
.movie-list .movie-wrapper .now .item .left img,
.movie-list .movie-wrapper .soon .item .left img {
width: 2.6rem;
vertical-align: middle;
}
.movie-list .movie-wrapper .now .item .txt-wrapper,
.movie-list .movie-wrapper .soon .item .txt-wrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
margin-left: 0.4rem;
}
.movie-list .movie-wrapper .now .item .txt-wrapper .title,
.movie-list .movie-wrapper .soon .item .txt-wrapper .title {
font-size: 0.68rem;
color: #333;
margin-bottom: 0.4rem;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
line-height: 0.72rem /* 18/25 */;
}
.movie-list .movie-wrapper .now .item .txt-wrapper .title .tag,
.movie-list .movie-wrapper .soon .item .txt-wrapper .title .tag {
color: #666;
margin-left: 0.04rem;
font-size: 0.48rem;
border-radius: 0.08rem;
padding: 0 0.08rem;
}
.movie-list .movie-wrapper .now .item .txt-wrapper .source,
.movie-list .movie-wrapper .soon .item .txt-wrapper .source {
font-size: 0.6rem;
color: #0c62ff;
margin-bottom: 0.28rem /* 7/25 */;
}
.movie-list .movie-wrapper .now .item .txt-wrapper .source:before,
.movie-list .movie-wrapper .soon .item .txt-wrapper .source:before {
content: "\8BC4\5206 ";
font-size: 0.52rem;
color: #666;
}
.movie-list .movie-wrapper .now .item .txt-wrapper .no-source,
.movie-list .movie-wrapper .soon .item .txt-wrapper .no-source {
font-size: 0.5rem;
color: #666;
margin-bottom: 0.28rem /* 7/25 */;
}
.movie-list .movie-wrapper .now .item .txt-wrapper .roles,
.movie-list .movie-wrapper .soon .item .txt-wrapper .roles {
font-size: 0.52rem;
line-height: 0.76rem /* 19/25 */;
color: #666;
margin-bottom: 0.28rem /* 7/25 */;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.movie-list .movie-wrapper .now .item .txt-wrapper .time,
.movie-list .movie-wrapper .soon .item .txt-wrapper .time {
font-size: 0.48rem;
color: #666;
}
.movie-list .movie-wrapper .now .item .txt-wrapper .desc-num,
.movie-list .movie-wrapper .soon .item .txt-wrapper .desc-num {
font-size: 0.52rem;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.movie-list .movie-wrapper .now .item .right,
.movie-list .movie-wrapper .soon .item .right {
height: 3.6rem;
line-height: 3.6rem;
margin-left: 0.8rem;
width: 2rem;
text-align: center;
}
.movie-list .movie-wrapper .now .item .right .sale-btn,
.movie-list .movie-wrapper .soon .item .right .sale-btn {
color: #fff;
background-image: -webkit-linear-gradient(45deg, #33bfff, #00afff);
background-image: linear-gradient(45deg, #33bfff, #00afff);
border: none;
}
.movie-list .movie-wrapper .now .item .right .active,
.movie-list .movie-wrapper .soon .item .right .active {
background: #cf2414;
}
.movie-list .movie-wrapper .now .item .right button,
.movie-list .movie-wrapper .soon .item .right button {
font-size: 0.56rem;
padding: 0 0.28rem;
border-radius: 0.12rem;
}
.movie-list .movie-wrapper .now .load-more,
.movie-list .movie-wrapper .soon .load-more {
text-align: center;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.movie-list .search-wrapper {
padding: 0.2rem /* 84/25 */ 0.6rem 0 !important;
}
.movie-list .movie-wrapper {
padding-top: 4.4rem /* 110/25 */;
}
}
.fade-enter,
.fade-leave-to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fade-enter-active,
.fade-leave-active {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fade-enter-to,
.fade-leave {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
/*! mescroll -- 精致的下拉刷新和上拉加载js框架 ( a great JS framework for pull-refresh and pull-up-loading )
* version 1.3.6
* 2018-09-10
* author: wenju < mescroll@qq.com > 文举
* *
* 官网: http://www.mescroll.com
* 动态: https://github.com/mescroll/mescroll/releases
* 问答: http://www.mescroll.com/qa.html
* issues: https://github.com/mescroll/mescroll/issues
* QQ交流群: 633126761
*
* 温馨提示: mescroll唯一的全局样式: html,body{height:100%},用于固定body的高度满屏; 如果影响到您原本的项目样式,可自行删除
*
*
* ----- mescroll的html结构解析 ----
*
下拉刷新
暂无相关数据~
去逛逛 >
加载中..
//无数据-- END --
*/
html[data-v-1b3706d3],body[data-v-1b3706d3]{height:100%
}
body[data-v-1b3706d3]{-webkit-overflow-scrolling:touch
}
.mescroll[data-v-1b3706d3]{width:100%;height:100%;overflow-y:auto
}
.mescroll-hardware[data-v-1b3706d3]{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000
}
.mescroll-downwarp[data-v-1b3706d3]{position:relative;width:100%;height:0;overflow:hidden;text-align:center
}
.mescroll-downwarp-reset[data-v-1b3706d3]{-webkit-transition:height 300ms;transition:height 300ms
}
.mescroll-downwarp .downwarp-content[data-v-1b3706d3]{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0
}
.mescroll-upwarp[data-v-1b3706d3]{min-height:30px;padding:15px 0;text-align:center;visibility:hidden
}
.mescroll-downwarp .downwarp-tip[data-v-1b3706d3],.mescroll-upwarp .upwarp-tip[data-v-1b3706d3],.mescroll-upwarp .upwarp-nodata[data-v-1b3706d3]{display:inline-block;font-size:12px;color:gray;vertical-align:middle
}
.mescroll-downwarp .downwarp-tip[data-v-1b3706d3],.mescroll-upwarp .upwarp-tip[data-v-1b3706d3]{margin-left:8px
}
.mescroll-downwarp .downwarp-progress[data-v-1b3706d3],.mescroll-upwarp .upwarp-progress[data-v-1b3706d3]{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid gray;border-bottom-color:transparent;vertical-align:middle
}
.mescroll-rotate[data-v-1b3706d3]{-webkit-animation:mescrollRotate-data-v-1b3706d3 .6s linear infinite;animation:mescrollRotate-data-v-1b3706d3 .6s linear infinite
}
@-webkit-keyframes mescrollRotate-data-v-1b3706d3{
0%{-webkit-transform:rotate(0deg)
}
100%{-webkit-transform:rotate(360deg)
}
}
@keyframes mescrollRotate-data-v-1b3706d3{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)
}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)
}
}
.mescroll-empty[data-v-1b3706d3]{width:100%;padding-top:20px;text-align:center
}
.mescroll-empty .empty-icon[data-v-1b3706d3]{width:45%
}
.mescroll-empty .empty-tip[data-v-1b3706d3]{margin-top:6px;font-size:14px;color:gray
}
.mescroll-empty .empty-btn[data-v-1b3706d3]{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:white;color:#65aadd
}
.mescroll-empty .empty-btn[data-v-1b3706d3]:active{opacity:.75
}
.mescroll-totop[data-v-1b3706d3]{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0
}
.mescroll-lazy-in[data-v-1b3706d3],.mescroll-fade-in[data-v-1b3706d3]{-webkit-animation:mescrollFadeIn-data-v-1b3706d3 .5s linear forwards;animation:mescrollFadeIn-data-v-1b3706d3 .5s linear forwards
}
@-webkit-keyframes mescrollFadeIn-data-v-1b3706d3{
0%{opacity:0
}
100%{opacity:1
}
}
@keyframes mescrollFadeIn-data-v-1b3706d3{
0%{opacity:0
}
100%{opacity:1
}
}
.mescroll-fade-out[data-v-1b3706d3]{pointer-events:none;-webkit-animation:mescrollFadeOut-data-v-1b3706d3 .5s linear forwards;animation:mescrollFadeOut-data-v-1b3706d3 .5s linear forwards
}
@-webkit-keyframes mescrollFadeOut-data-v-1b3706d3{
0%{opacity:1
}
100%{opacity:0
}
}
@keyframes mescrollFadeOut-data-v-1b3706d3{
0%{opacity:1
}
100%{opacity:0
}
}
.mescroll-bar[data-v-1b3706d3]::-webkit-scrollbar-track{background-color:transparent
}
.mescroll-bar[data-v-1b3706d3]::-webkit-scrollbar{width:6px
}
.mescroll-bar[data-v-1b3706d3]::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc
}
.mescroll-bar[data-v-1b3706d3]::-webkit-scrollbar-thumb:hover{background-color:#aaa
}
html[data-v-1b3706d3],
body[data-v-1b3706d3],
div[data-v-1b3706d3],
span[data-v-1b3706d3],
applet[data-v-1b3706d3],
object[data-v-1b3706d3],
iframe[data-v-1b3706d3],
h1[data-v-1b3706d3],
h2[data-v-1b3706d3],
h3[data-v-1b3706d3],
h4[data-v-1b3706d3],
h5[data-v-1b3706d3],
h6[data-v-1b3706d3],
p[data-v-1b3706d3],
blockquote[data-v-1b3706d3],
pre[data-v-1b3706d3],
a[data-v-1b3706d3],
abbr[data-v-1b3706d3],
acronym[data-v-1b3706d3],
address[data-v-1b3706d3],
big[data-v-1b3706d3],
cite[data-v-1b3706d3],
code[data-v-1b3706d3],
del[data-v-1b3706d3],
dfn[data-v-1b3706d3],
em[data-v-1b3706d3],
img[data-v-1b3706d3],
ins[data-v-1b3706d3],
kbd[data-v-1b3706d3],
q[data-v-1b3706d3],
s[data-v-1b3706d3],
samp[data-v-1b3706d3],
small[data-v-1b3706d3],
strike[data-v-1b3706d3],
strong[data-v-1b3706d3],
sub[data-v-1b3706d3],
sup[data-v-1b3706d3],
tt[data-v-1b3706d3],
var[data-v-1b3706d3],
b[data-v-1b3706d3],
u[data-v-1b3706d3],
i[data-v-1b3706d3],
center[data-v-1b3706d3],
dl[data-v-1b3706d3],
dt[data-v-1b3706d3],
dd[data-v-1b3706d3],
ol[data-v-1b3706d3],
ul[data-v-1b3706d3],
li[data-v-1b3706d3],
fieldset[data-v-1b3706d3],
form[data-v-1b3706d3],
label[data-v-1b3706d3],
legend[data-v-1b3706d3],
table[data-v-1b3706d3],
caption[data-v-1b3706d3],
tbody[data-v-1b3706d3],
tfoot[data-v-1b3706d3],
thead[data-v-1b3706d3],
tr[data-v-1b3706d3],
th[data-v-1b3706d3],
td[data-v-1b3706d3],
article[data-v-1b3706d3],
aside[data-v-1b3706d3],
canvas[data-v-1b3706d3],
details[data-v-1b3706d3],
embed[data-v-1b3706d3],
figure[data-v-1b3706d3],
figcaption[data-v-1b3706d3],
footer[data-v-1b3706d3],
header[data-v-1b3706d3],
menu[data-v-1b3706d3],
nav[data-v-1b3706d3],
output[data-v-1b3706d3],
ruby[data-v-1b3706d3],
section[data-v-1b3706d3],
summary[data-v-1b3706d3],
textarea[data-v-1b3706d3],
time[data-v-1b3706d3],
mark[data-v-1b3706d3],
audio[data-v-1b3706d3],
video[data-v-1b3706d3],
input[data-v-1b3706d3] {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article[data-v-1b3706d3],
aside[data-v-1b3706d3],
details[data-v-1b3706d3],
figcaption[data-v-1b3706d3],
figure[data-v-1b3706d3],
footer[data-v-1b3706d3],
header[data-v-1b3706d3],
menu[data-v-1b3706d3],
nav[data-v-1b3706d3],
section[data-v-1b3706d3] {
display: block;
}
body[data-v-1b3706d3] {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote[data-v-1b3706d3],
q[data-v-1b3706d3] {
quotes: none;
}
blockquote[data-v-1b3706d3]:before,
blockquote[data-v-1b3706d3]:after,
q[data-v-1b3706d3]:before,
q[data-v-1b3706d3]:after {
content: none;
}
table[data-v-1b3706d3] {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a[data-v-1b3706d3] {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li[data-v-1b3706d3] {
list-style: none;
}
[data-v-1b3706d3]::-webkit-scrollbar {
width: 5px;
height: 5px;
}
[data-v-1b3706d3]::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
[data-v-1b3706d3]::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
[data-v-1b3706d3]::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html[data-v-1b3706d3],
body[data-v-1b3706d3] {
width: 100%;
}
html[data-v-1b3706d3] {
-ms-touch-action: none;
touch-action: none;
}
body[data-v-1b3706d3] {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[data-v-1b3706d3],
button[data-v-1b3706d3],
textarea[data-v-1b3706d3] {
outline: none;
}
.weui-dialog[data-v-1b3706d3] {
top: 1rem;
}
[data-v-1b3706d3]:root {
--theme-color: #0080ee;
}
html[data-v-1b3706d3],
body[data-v-1b3706d3] {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
[data-v-1b3706d3]::-webkit-scrollbar {
display: none;
}
.line-ellipsis[data-v-1b3706d3] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis[data-v-1b3706d3] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis[data-v-1b3706d3] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header[data-v-1b3706d3] {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast[data-v-1b3706d3] {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text[data-v-1b3706d3] {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow[data-v-1b3706d3] {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p[data-v-1b3706d3] {
color: #fff;
}
.weui-mask_transparent[data-v-1b3706d3] {
display: none;
}
.contentFix[data-v-1b3706d3] {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2[data-v-1b3706d3] {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header[data-v-1b3706d3],
.goodsCategory .vux-header[data-v-1b3706d3],
.goodsList .vux-header[data-v-1b3706d3],
.goods-detail .vux-header[data-v-1b3706d3],
.goodsContent .vux-header[data-v-1b3706d3],
.commonContent .vux-header[data-v-1b3706d3],
.user .vux-header[data-v-1b3706d3],
.page1 .vux-header[data-v-1b3706d3],
.page1-wrap .vux-header[data-v-1b3706d3] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left[data-v-1b3706d3],
.goodsCategory .vux-header .vux-header-left[data-v-1b3706d3],
.goodsList .vux-header .vux-header-left[data-v-1b3706d3],
.goods-detail .vux-header .vux-header-left[data-v-1b3706d3],
.goodsContent .vux-header .vux-header-left[data-v-1b3706d3],
.commonContent .vux-header .vux-header-left[data-v-1b3706d3],
.user .vux-header .vux-header-left[data-v-1b3706d3],
.page1 .vux-header .vux-header-left[data-v-1b3706d3],
.page1-wrap .vux-header .vux-header-left[data-v-1b3706d3],
.movie .vux-header .vux-header-right[data-v-1b3706d3],
.goodsCategory .vux-header .vux-header-right[data-v-1b3706d3],
.goodsList .vux-header .vux-header-right[data-v-1b3706d3],
.goods-detail .vux-header .vux-header-right[data-v-1b3706d3],
.goodsContent .vux-header .vux-header-right[data-v-1b3706d3],
.commonContent .vux-header .vux-header-right[data-v-1b3706d3],
.user .vux-header .vux-header-right[data-v-1b3706d3],
.page1 .vux-header .vux-header-right[data-v-1b3706d3],
.page1-wrap .vux-header .vux-header-right[data-v-1b3706d3] {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title[data-v-1b3706d3],
.goodsCategory .vux-header .vux-header-title[data-v-1b3706d3],
.goodsList .vux-header .vux-header-title[data-v-1b3706d3],
.goods-detail .vux-header .vux-header-title[data-v-1b3706d3],
.goodsContent .vux-header .vux-header-title[data-v-1b3706d3],
.commonContent .vux-header .vux-header-title[data-v-1b3706d3],
.user .vux-header .vux-header-title[data-v-1b3706d3],
.page1 .vux-header .vux-header-title[data-v-1b3706d3],
.page1-wrap .vux-header .vux-header-title[data-v-1b3706d3] {
color: #333;
}
.movie .content[data-v-1b3706d3],
.goodsCategory .content[data-v-1b3706d3],
.goodsList .content[data-v-1b3706d3],
.goods-detail .content[data-v-1b3706d3],
.goodsContent .content[data-v-1b3706d3],
.commonContent .content[data-v-1b3706d3],
.user .content[data-v-1b3706d3],
.page1 .content[data-v-1b3706d3],
.page1-wrap .content[data-v-1b3706d3] {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header[data-v-1b3706d3] {
background: none!important;
}
.padtop[data-v-1b3706d3] {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header[data-v-1b3706d3] {
padding-top: 2.1rem;
}
.padtop64[data-v-1b3706d3] {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66[data-v-1b3706d3] {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80[data-v-1b3706d3] {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom[data-v-1b3706d3] {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50[data-v-1b3706d3] {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65[data-v-1b3706d3] {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100[data-v-1b3706d3] {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160[data-v-1b3706d3] {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20[data-v-1b3706d3] {
top: 0.8rem /* 20/25 */;
}
.top32[data-v-1b3706d3] {
top: 1.28rem /* 30/25 */;
}
.top64[data-v-1b3706d3] {
top: 2.56rem /* 64/25 */;
}
.top50[data-v-1b3706d3] {
top: 2.0rem;
}
.top45[data-v-1b3706d3] {
top: 1.8rem;
/** 45/25 */
}
.bottom[data-v-1b3706d3] {
bottom: 0;
}
.fixed[data-v-1b3706d3] {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10[data-v-1b3706d3] {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix[data-v-1b3706d3] {
padding-bottom: 0;
}
.isIPhoneX .padtop[data-v-1b3706d3] {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64[data-v-1b3706d3] {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66[data-v-1b3706d3] {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80[data-v-1b3706d3] {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom[data-v-1b3706d3] {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10[data-v-1b3706d3] {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50[data-v-1b3706d3] {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65[data-v-1b3706d3] {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160[data-v-1b3706d3] {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20[data-v-1b3706d3] {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64[data-v-1b3706d3] {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom[data-v-1b3706d3] {
bottom: 10px;
}
.isIPhoneX .foot-fix[data-v-1b3706d3] {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer[data-v-1b3706d3] {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header[data-v-1b3706d3],
.isIPhoneX .goodsCategory .vux-header[data-v-1b3706d3],
.isIPhoneX .goodsList .vux-header[data-v-1b3706d3],
.isIPhoneX .goods-detail .vux-header[data-v-1b3706d3],
.isIPhoneX .goodsContent .vux-header[data-v-1b3706d3],
.isIPhoneX .commonContent .vux-header[data-v-1b3706d3],
.isIPhoneX .user .vux-header[data-v-1b3706d3],
.isIPhoneX .page1 .vux-header[data-v-1b3706d3],
.isIPhoneX .page1-wrap .vux-header[data-v-1b3706d3] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .goodsCategory .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .goodsList .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .goods-detail .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .goodsContent .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .commonContent .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .user .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .page1 .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .page1-wrap .vux-header .vux-header-left[data-v-1b3706d3],
.isIPhoneX .movie .vux-header .vux-header-right[data-v-1b3706d3],
.isIPhoneX .goodsCategory .vux-header .vux-header-right[data-v-1b3706d3],
.isIPhoneX .goodsList .vux-header .vux-header-right[data-v-1b3706d3],
.isIPhoneX .goods-detail .vux-header .vux-header-right[data-v-1b3706d3],
.isIPhoneX .goodsContent .vux-header .vux-header-right[data-v-1b3706d3],
.isIPhoneX .commonContent .vux-header .vux-header-right[data-v-1b3706d3],
.isIPhoneX .user .vux-header .vux-header-right[data-v-1b3706d3],
.isIPhoneX .page1 .vux-header .vux-header-right[data-v-1b3706d3],
.isIPhoneX .page1-wrap .vux-header .vux-header-right[data-v-1b3706d3] {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title[data-v-1b3706d3],
.isIPhoneX .goodsCategory .vux-header .vux-header-title[data-v-1b3706d3],
.isIPhoneX .goodsList .vux-header .vux-header-title[data-v-1b3706d3],
.isIPhoneX .goods-detail .vux-header .vux-header-title[data-v-1b3706d3],
.isIPhoneX .goodsContent .vux-header .vux-header-title[data-v-1b3706d3],
.isIPhoneX .commonContent .vux-header .vux-header-title[data-v-1b3706d3],
.isIPhoneX .user .vux-header .vux-header-title[data-v-1b3706d3],
.isIPhoneX .page1 .vux-header .vux-header-title[data-v-1b3706d3],
.isIPhoneX .page1-wrap .vux-header .vux-header-title[data-v-1b3706d3] {
color: #333;
}
.isIPhoneX .movie .content[data-v-1b3706d3],
.isIPhoneX .goodsCategory .content[data-v-1b3706d3],
.isIPhoneX .goodsList .content[data-v-1b3706d3],
.isIPhoneX .goods-detail .content[data-v-1b3706d3],
.isIPhoneX .goodsContent .content[data-v-1b3706d3],
.isIPhoneX .commonContent .content[data-v-1b3706d3],
.isIPhoneX .user .content[data-v-1b3706d3],
.isIPhoneX .page1 .content[data-v-1b3706d3],
.isIPhoneX .page1-wrap .content[data-v-1b3706d3] {
padding-top: 1.04rem /* 74/25 */;
}
.cinema-wrapper[data-v-1b3706d3] {
padding-top: 1.68rem;
}
.cinema-wrapper .search-box[data-v-1b3706d3] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.4rem 0.6rem !important;
font-size: 0;
-webkit-box-shadow: 5px 5px 10px #eee;
box-shadow: 5px 5px 10px #eee;
background: #fff;
}
.cinema-wrapper .search-box .right[data-v-1b3706d3] {
margin-left: 0.4rem /* 10/25 */;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cinema-wrapper .search-box .right .input[data-v-1b3706d3] {
font-size: 0.56rem /* 14/25 */;
color: #666;
border: 1px solid #e3e3e3;
border-radius: 0.8rem /* 20/25 */;
padding: 0.2rem /* 5/25 */ 0.4rem /* 10/25 */;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1.4rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-webkit-user-select: auto;
}
.cinema-wrapper .search-box .right .search-btn[data-v-1b3706d3] {
width: 1.3rem;
font-size: 0.56rem /* 14/25 */;
color: #666;
padding: 0.16rem /* 4/25 */ 0.4rem /* 10/25 */;
}
.cinema-wrapper .cinema-list[data-v-1b3706d3] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
top: 4rem /* 112/25 */;
height: auto;
}
.cinema-wrapper .cinema-list .item[data-v-1b3706d3] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-end;
align-items: flex-end;
padding: 0.8rem 0 0.76rem 0.48rem;
border-bottom: 1px solid #f5f5f5;
font-size: 0.56rem;
color: #1a1a1a;
}
.cinema-wrapper .cinema-list .item .top-box[data-v-1b3706d3] {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
width: 0;
overflow: hidden;
}
.cinema-wrapper .cinema-list .item .top-box .cinema-title[data-v-1b3706d3] {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
margin-bottom: 0.32rem;
}
.cinema-wrapper .cinema-list .item .top-box .cinema-title .title[data-v-1b3706d3] {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.64rem;
color: #1a1a1a;
line-height: 0.8rem;
}
.cinema-wrapper .cinema-list .item .top-box .address[data-v-1b3706d3] {
font-size: 0.56rem;
color: #989898;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 0.7rem;
}
.cinema-wrapper .cinema-list .item .right[data-v-1b3706d3] {
width: 3.5rem;
margin-left: 0.4rem;
text-align: center;
}
.cinema-wrapper .cinema-list .item .right .distance[data-v-1b3706d3] {
font-size: 0.56rem;
color: #989898;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.cinema-wrapper .cinema-list[data-v-1b3706d3] {
top: 4rem /* 122/25 */;
}
}
.vux-fade-enter-active,
.vux-fade-leave-active {
opacity: 1;
-webkit-transition: opacity linear 0.2s;
transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
opacity: 0;
}
.vux-dialog-enter-active {
-webkit-animation: vux-dialog-in 0.5s;
animation: vux-dialog-in 0.5s;
}
.vux-dialog-leave-active {
-webkit-animation: vux-dialog-out 0.3s;
animation: vux-dialog-out 0.3s;
}
@-webkit-keyframes vux-dialog-in {
0% {
-webkit-transform: scale(1.185);
transform: scale(1.185);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes vux-dialog-in {
0% {
-webkit-transform: scale(1.185);
transform: scale(1.185);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes vux-dialog-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
}
}
@keyframes vux-dialog-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
}
}
.vux-mask-enter,
.vux-mask-leave-active {
opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.weui-mask {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}
.weui-mask_transparent {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.weui-dialog {
position: fixed;
display: table;
z-index: 5000;
width: 80%;
max-width: 300px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: #FFFFFF;
text-align: center;
border-radius: 3px;
overflow: hidden;
}
.weui-dialog__hd {
padding: 1.3em 1.6em 0.5em;
}
.weui-dialog__hd.with-no-content {
padding: 1.7em 1.6em;
}
.weui-dialog__title {
font-weight: 400;
font-size: 18px;
}
.weui-dialog__bd {
padding: 0 1.6em 0.8em;
min-height: 40px;
font-size: 15px;
line-height: 1.3;
word-wrap: break-word;
word-break: break-all;
color: #999999;
}
.weui-dialog__bd:first-child {
padding: 2.7em 20px 1.7em;
color: #353535;
}
.weui-dialog__ft {
position: relative;
line-height: 48px;
font-size: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.weui-dialog__ft:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #D5D5D6;
color: #D5D5D6;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.weui-dialog__btn {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #3CC51F;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: relative;
}
.weui-dialog__btn:active {
background-color: #EEEEEE;
}
.weui-dialog__btn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 1px;
bottom: 0;
border-left: 1px solid #D5D5D6;
color: #D5D5D6;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.weui-dialog__btn:first-child:after {
display: none;
}
.weui-dialog__btn_default {
color: #353535;
}
.weui-dialog__btn_primary {
color: #0BB20C;
}
.weui-dialog__btn_warn {
color: #E64340;
}
.weui-skin_android .weui-dialog {
text-align: left;
-webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
}
.weui-skin_android .weui-dialog__title {
font-size: 21px;
}
.weui-skin_android .weui-dialog__hd {
text-align: left;
}
.weui-skin_android .weui-dialog__bd {
color: #999999;
padding: 0.25em 1.6em 2em;
font-size: 17px;
text-align: left;
}
.weui-skin_android .weui-dialog__bd:first-child {
padding: 1.6em 1.6em 2em;
color: #353535;
}
.weui-skin_android .weui-dialog__ft {
display: block;
text-align: right;
line-height: 42px;
font-size: 16px;
padding: 0 1.6em 0.7em;
}
.weui-skin_android .weui-dialog__ft:after {
display: none;
}
.weui-skin_android .weui-dialog__btn {
display: inline-block;
vertical-align: top;
padding: 0 .8em;
}
.weui-skin_android .weui-dialog__btn:after {
display: none;
}
.weui-skin_android .weui-dialog__btn:active {
background-color: rgba(0, 0, 0, 0.06);
}
.weui-skin_android .weui-dialog__btn:visited {
background-color: rgba(0, 0, 0, 0.06);
}
.weui-skin_android .weui-dialog__btn:last-child {
margin-right: -0.8em;
}
.weui-skin_android .weui-dialog__btn_default {
color: #808080;
}
@media screen and (min-width: 1024px) {
.weui-dialog {
width: 35%;
}
}
.vux-prompt {
padding-bottom: 1.6em;
}
.vux-prompt-msgbox {
width: 80%;
border: 1px solid #dedede;
border-radius: 5px;
padding: 4px 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
font-size: 16px;
}
.vux-modal-open {
overflow: hidden;
position: fixed;
width: 100%;
}
.vux-modal-open-for-container {
overflow: hidden!important;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
opacity: 1;
-webkit-transition: opacity linear 0.2s;
transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
opacity: 0;
}
.vux-dialog-enter-active {
-webkit-animation: vux-dialog-in 0.5s;
animation: vux-dialog-in 0.5s;
}
.vux-dialog-leave-active {
-webkit-animation: vux-dialog-out 0.3s;
animation: vux-dialog-out 0.3s;
}
@-webkit-keyframes vux-dialog-in {
0% {
-webkit-transform: scale(1.185);
transform: scale(1.185);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes vux-dialog-in {
0% {
-webkit-transform: scale(1.185);
transform: scale(1.185);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes vux-dialog-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
}
}
@keyframes vux-dialog-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
}
}
.vux-mask-enter,
.vux-mask-leave-active {
opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text color of content
* zh-CN: 内容文本颜色
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.weui-mask {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}
.weui-mask_transparent {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.weui-dialog {
position: fixed;
display: table;
z-index: 5000;
width: 80%;
max-width: 300px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: #FFFFFF;
text-align: center;
border-radius: 3px;
overflow: hidden;
}
.weui-dialog__hd {
padding: 1.3em 1.6em 0.5em;
}
.weui-dialog__hd.with-no-content {
padding: 1.7em 1.6em;
}
.weui-dialog__title {
font-weight: 400;
font-size: 18px;
}
.weui-dialog__bd {
padding: 0 1.6em 0.8em;
min-height: 40px;
font-size: 15px;
line-height: 1.3;
word-wrap: break-word;
word-break: break-all;
color: #999999;
}
.weui-dialog__bd:first-child {
padding: 2.7em 20px 1.7em;
color: #353535;
}
.weui-dialog__ft {
position: relative;
line-height: 48px;
font-size: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.weui-dialog__ft:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #D5D5D6;
color: #D5D5D6;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.weui-dialog__btn {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #3CC51F;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: relative;
}
.weui-dialog__btn:active {
background-color: #EEEEEE;
}
.weui-dialog__btn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 1px;
bottom: 0;
border-left: 1px solid #D5D5D6;
color: #D5D5D6;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.weui-dialog__btn:first-child:after {
display: none;
}
.weui-dialog__btn_default {
color: #353535;
}
.weui-dialog__btn_primary {
color: #0BB20C;
}
.weui-dialog__btn_warn {
color: #E64340;
}
.weui-skin_android .weui-dialog {
text-align: left;
-webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
}
.weui-skin_android .weui-dialog__title {
font-size: 21px;
}
.weui-skin_android .weui-dialog__hd {
text-align: left;
}
.weui-skin_android .weui-dialog__bd {
color: #999999;
padding: 0.25em 1.6em 2em;
font-size: 17px;
text-align: left;
}
.weui-skin_android .weui-dialog__bd:first-child {
padding: 1.6em 1.6em 2em;
color: #353535;
}
.weui-skin_android .weui-dialog__ft {
display: block;
text-align: right;
line-height: 42px;
font-size: 16px;
padding: 0 1.6em 0.7em;
}
.weui-skin_android .weui-dialog__ft:after {
display: none;
}
.weui-skin_android .weui-dialog__btn {
display: inline-block;
vertical-align: top;
padding: 0 .8em;
}
.weui-skin_android .weui-dialog__btn:after {
display: none;
}
.weui-skin_android .weui-dialog__btn:active {
background-color: rgba(0, 0, 0, 0.06);
}
.weui-skin_android .weui-dialog__btn:visited {
background-color: rgba(0, 0, 0, 0.06);
}
.weui-skin_android .weui-dialog__btn:last-child {
margin-right: -0.8em;
}
.weui-skin_android .weui-dialog__btn_default {
color: #808080;
}
@media screen and (min-width: 1024px) {
.weui-dialog {
width: 35%;
}
}
.vux-x-dialog-absolute .weui-dialog {
position: absolute;
}
.select-area[data-v-3e7409cf] {
margin-right: 0.6rem /* 15/25 */;
}
.select-area .txt[data-v-3e7409cf] {
font-size: 0.56rem /* 14/25 */;
line-height: 0.64rem /* 16/25 */;
height: 0.64rem /* 16/25 */;
color: #666;
position: relative;
}
.select-area .txt[data-v-3e7409cf]::after {
content: '';
border-width: 0.24rem /* 6/25 */;
border-style: solid;
border-color: #ccc transparent transparent transparent;
position: absolute;
bottom: 0;
margin-left: 0.16rem /* 4/25 */;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
/*! mescroll -- 精致的下拉刷新和上拉加载js框架 ( a great JS framework for pull-refresh and pull-up-loading )
* version 1.3.6
* 2018-09-10
* author: wenju < mescroll@qq.com > 文举
* *
* 官网: http://www.mescroll.com
* 动态: https://github.com/mescroll/mescroll/releases
* 问答: http://www.mescroll.com/qa.html
* issues: https://github.com/mescroll/mescroll/issues
* QQ交流群: 633126761
*
* 温馨提示: mescroll唯一的全局样式: html,body{height:100%},用于固定body的高度满屏; 如果影响到您原本的项目样式,可自行删除
*
*
* ----- mescroll的html结构解析 ----
*
下拉刷新
暂无相关数据~
去逛逛 >
加载中..
//无数据-- END --
*/
html,body{height:100%
}
body{-webkit-overflow-scrolling:touch
}
.mescroll{width:100%;height:100%;overflow-y:auto
}
.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000
}
.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center
}
.mescroll-downwarp-reset{-webkit-transition:height 300ms;transition:height 300ms
}
.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0
}
.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden
}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip,.mescroll-upwarp .upwarp-nodata{display:inline-block;font-size:12px;color:gray;vertical-align:middle
}
.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px
}
.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid gray;border-bottom-color:transparent;vertical-align:middle
}
.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite
}
@-webkit-keyframes mescrollRotate{
0%{-webkit-transform:rotate(0deg)
}
100%{-webkit-transform:rotate(360deg)
}
}
@keyframes mescrollRotate{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)
}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)
}
}
.mescroll-empty{width:100%;padding-top:20px;text-align:center
}
.mescroll-empty .empty-icon{width:45%
}
.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:gray
}
.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:white;color:#65aadd
}
.mescroll-empty .empty-btn:active{opacity:.75
}
.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0
}
.mescroll-lazy-in,.mescroll-fade-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards
}
@-webkit-keyframes mescrollFadeIn{
0%{opacity:0
}
100%{opacity:1
}
}
@keyframes mescrollFadeIn{
0%{opacity:0
}
100%{opacity:1
}
}
.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards
}
@-webkit-keyframes mescrollFadeOut{
0%{opacity:1
}
100%{opacity:0
}
}
@keyframes mescrollFadeOut{
0%{opacity:1
}
100%{opacity:0
}
}
.mescroll-bar::-webkit-scrollbar-track{background-color:transparent
}
.mescroll-bar::-webkit-scrollbar{width:6px
}
.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc
}
.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.movie-page {
height: calc(100% - 9.7rem);
width: 100%;
position: fixed;
}
.movie-page .vux-header {
background-color: #0080ee;
}
.movie-page .vux-header .vux-header-title-area .overwrite-title-demo {
text-align: center;
color: #fff;
font-size: 0;
}
.movie-page .vux-header .vux-header-title-area .overwrite-title-demo span {
height: 1.2rem;
line-height: 1.2rem;
padding: 0 0.6rem;
font-size: 0.56rem;
display: inline-block;
background: #dfdfdf;
color: #999;
margin: 0.2rem 0;
}
.movie-page .vux-header .vux-header-title-area .overwrite-title-demo span.active {
background: #f3f3f3;
color: #1c8ef0;
}
.movie-page .vux-header .vux-header-title-area .overwrite-title-demo span:first-child {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.movie-page .vux-header .vux-header-title-area .overwrite-title-demo span:last-child {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.movie-page .search-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 1.4rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.movie-page .search-tab .vux-tab-wrap {
height: 1.2rem;
width: 5.2rem;
padding-top: 0;
}
.movie-page .search-tab .vux-tab-wrap .vux-tab-container {
height: 1.2rem;
}
.movie-page .search-tab .vux-tab-wrap .vux-tab-container .vux-tab {
height: 1.2rem;
background-color: inherit;
}
.movie-page .search-tab .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-item.vux-tab-selected {
color: #0c62ff;
}
.movie-page .search-tab .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-item {
background: none;
line-height: 1.2rem;
}
.movie-page .search-tab .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-ink-bar {
background-color: #fff;
height: 0.08rem /* 2/25 */ !important;
}
.movie-page .search-tab .search-btn {
position: absolute;
right: 0.6rem /* 15/25 */;
width: 0.6rem;
bottom: 0.1rem;
font-size: 0.64rem /* 16/25 */;
color: #ddd;
padding: 0.2rem /* 5/25 */;
}
.movie-page .movie-content .now,
.movie-page .movie-content .soon {
position: absolute;
left: 0;
width: 100%;
bottom: 0;
top: 1.4rem /* 107/25 */;
height: auto;
z-index: -1;
}
.movie-page .movie-content .now .item,
.movie-page .movie-content .soon .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 0.04rem solid #f3f3f3;
padding: 0.4rem;
}
.movie-page .movie-content .now .item .left,
.movie-page .movie-content .soon .item .left {
width: 2.6rem;
height: 3.6rem;
line-height: 3.6rem;
overflow: hidden;
}
.movie-page .movie-content .now .item .left img,
.movie-page .movie-content .soon .item .left img {
width: 2.6rem;
vertical-align: middle;
}
.movie-page .movie-content .now .item .txt-wrapper,
.movie-page .movie-content .soon .item .txt-wrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
margin-left: 0.4rem;
}
.movie-page .movie-content .now .item .txt-wrapper .title,
.movie-page .movie-content .soon .item .txt-wrapper .title {
font-size: 0.68rem;
color: #333;
margin-bottom: 0.4rem;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
line-height: 0.72rem /* 18/25 */;
}
.movie-page .movie-content .now .item .txt-wrapper .title .tag,
.movie-page .movie-content .soon .item .txt-wrapper .title .tag {
color: #666;
margin-left: 0.04rem;
font-size: 0.48rem;
border-radius: 0.08rem;
padding: 0 0.08rem;
}
.movie-page .movie-content .now .item .txt-wrapper .source,
.movie-page .movie-content .soon .item .txt-wrapper .source {
font-size: 0.6rem;
color: #0c62ff;
margin-bottom: 0.28rem /* 7/25 */;
}
.movie-page .movie-content .now .item .txt-wrapper .source:before,
.movie-page .movie-content .soon .item .txt-wrapper .source:before {
content: "\8BC4\5206 ";
font-size: 0.52rem;
color: #666;
}
.movie-page .movie-content .now .item .txt-wrapper .no-source,
.movie-page .movie-content .soon .item .txt-wrapper .no-source {
font-size: 0.5rem;
color: #666;
margin-bottom: 0.28rem /* 7/25 */;
}
.movie-page .movie-content .now .item .txt-wrapper .roles,
.movie-page .movie-content .soon .item .txt-wrapper .roles {
font-size: 0.52rem;
line-height: 0.76rem /* 19/25 */;
color: #666;
margin-bottom: 0.28rem /* 7/25 */;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.movie-page .movie-content .now .item .txt-wrapper .time,
.movie-page .movie-content .soon .item .txt-wrapper .time {
font-size: 0.48rem;
color: #666;
}
.movie-page .movie-content .now .item .txt-wrapper .desc-num,
.movie-page .movie-content .soon .item .txt-wrapper .desc-num {
font-size: 0.52rem;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.movie-page .movie-content .now .item .right,
.movie-page .movie-content .soon .item .right {
height: 3.6rem;
line-height: 3.6rem;
margin-left: 0.8rem;
width: 2rem;
text-align: center;
}
.movie-page .movie-content .now .item .right .sale-btn,
.movie-page .movie-content .soon .item .right .sale-btn {
color: #fff;
background-image: -webkit-linear-gradient(45deg, #33bfff, #00afff);
background-image: linear-gradient(45deg, #33bfff, #00afff);
border: none;
}
.movie-page .movie-content .now .item .right .active,
.movie-page .movie-content .soon .item .right .active {
background: #cf2414;
}
.movie-page .movie-content .now .item .right button,
.movie-page .movie-content .soon .item .right button {
font-size: 0.56rem;
padding: 0 0.28rem;
border-radius: 0.12rem;
}
.movie-page .movie-content .now .load-more,
.movie-page .movie-content .soon .load-more {
text-align: center;
}
.fade-enter,
.fade-leave-to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fade-enter-active,
.fade-leave-active {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fade-enter-to,
.fade-leave {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.movie-search .content .search {
position: fixed;
left: 0;
width: 100%;
top: 1.7rem !important;
/* 64/25 */
z-index: 999;
}
.movie-search .content .search .weui-search-bar__form .weui-search-bar__box .weui-icon-search {
line-height: 1.36rem /* 34/25 */;
}
.movie-search .content .search .weui-search-bar__form .weui-search-bar__box .weui-search-bar__input {
font-size: 0.56rem /* 14/25 */;
color: #666;
}
.movie-search .content .search .weui-search-bar__form .weui-search-bar__label {
line-height: 1.04rem /* 26/25 */;
}
.movie-search .content .search .weui-search-bar__cancel-btn {
font-size: 0.56rem /* 14/25 */;
color: #999;
}
.movie-search .content .search-wrapper {
padding-top: 1.8rem /* 50/25 */;
}
.movie-search .content .search-wrapper .have-data .have-data-title {
padding: 0.4rem /* 10/25 */ 0.6rem /* 15/25 */;
border-bottom: 1px solid #f5f5f5;
font-size: 0.56rem /* 14/25 */;
color: #999;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.4rem;
border-bottom: 1px solid #f5f5f5;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .left {
margin-right: 0.4rem /* 10/25 */;
width: 2.6rem /* 65/25 */;
height: 3.6rem /* 90/25 */;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .left img {
width: 100%;
height: 100%;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .center {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 3.6rem /* 90/25 */;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .center .movie-title {
font-size: 0.68rem;
color: #333;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .center .movie-title .tag {
color: #666;
margin-left: 0.04rem;
font-size: 0.48rem;
border-radius: 0.08rem;
padding: 0 0.08rem;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .center .movie-add {
font-size: 0.52rem;
color: #666;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .center .movie-add .score {
font-size: 0.6rem;
color: #0c62ff;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .center .movie-kind {
font-size: 0.52rem;
color: #666;
margin-bottom: 0.28rem /* 7/25 */;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .center .movie-time {
font-size: 0.48rem;
color: #666;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .right {
width: 4rem /* 100/25 */;
text-align: right;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .right .sale-btn {
color: #fff;
background-image: -webkit-linear-gradient(45deg, #33bfff, #00afff);
background-image: linear-gradient(45deg, #33bfff, #00afff);
border: none;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .right .active {
background: #cf2414;
}
.movie-search .content .search-wrapper .have-data .have-data-list .item .right button {
font-size: 0.56rem;
padding: 0 0.28rem;
border-radius: 0.12rem;
}
.movie-search .content .search-wrapper .no-data .search-record .item {
margin-left: 0.6rem /* 15/25 */;
padding: 0.2rem 0.6rem /* 15/25 */ 0.2rem 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.56rem /* 14/25 */;
color: #999;
border-bottom: 1px solid #f5f5f5;
}
.movie-search .content .search-wrapper .no-data .search-record .item .left span {
margin-right: 0.4rem /* 10/25 */;
}
.movie-search .content .search-wrapper .no-data .search-record .item .right .fa-times {
padding: 0.2rem /* 5/25 */;
-webkit-text-stroke: 1px #fff;
}
.movie-search .content .search-wrapper .no-data .search-hot {
padding: 0.4rem /* 10/25 */ 0.6rem /* 15/25 */;
}
.movie-search .content .search-wrapper .no-data .search-hot .search-hot-title {
font-size: 0.72rem /* 18/25 */;
color: #999;
margin-bottom: 0.6rem /* 15/25 */;
}
.movie-search .content .search-wrapper .no-data .search-hot .search-hot-list .item {
display: inline-block;
padding: 0.16rem /* 4/25 */ 0.24rem /* 6/25 */;
border-radius: 0.2rem /* 5/25 */;
background: #f5f5f5;
font-size: 0.56rem /* 14/25 */;
color: #666;
margin-right: 0.6rem /* 15/25 */;
margin-bottom: 0.4rem /* 10/25 */;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.movie-search .content .search {
top: 1.7rem /* 74/25 */;
}
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html[data-v-c748c0de],
body[data-v-c748c0de],
div[data-v-c748c0de],
span[data-v-c748c0de],
applet[data-v-c748c0de],
object[data-v-c748c0de],
iframe[data-v-c748c0de],
h1[data-v-c748c0de],
h2[data-v-c748c0de],
h3[data-v-c748c0de],
h4[data-v-c748c0de],
h5[data-v-c748c0de],
h6[data-v-c748c0de],
p[data-v-c748c0de],
blockquote[data-v-c748c0de],
pre[data-v-c748c0de],
a[data-v-c748c0de],
abbr[data-v-c748c0de],
acronym[data-v-c748c0de],
address[data-v-c748c0de],
big[data-v-c748c0de],
cite[data-v-c748c0de],
code[data-v-c748c0de],
del[data-v-c748c0de],
dfn[data-v-c748c0de],
em[data-v-c748c0de],
img[data-v-c748c0de],
ins[data-v-c748c0de],
kbd[data-v-c748c0de],
q[data-v-c748c0de],
s[data-v-c748c0de],
samp[data-v-c748c0de],
small[data-v-c748c0de],
strike[data-v-c748c0de],
strong[data-v-c748c0de],
sub[data-v-c748c0de],
sup[data-v-c748c0de],
tt[data-v-c748c0de],
var[data-v-c748c0de],
b[data-v-c748c0de],
u[data-v-c748c0de],
i[data-v-c748c0de],
center[data-v-c748c0de],
dl[data-v-c748c0de],
dt[data-v-c748c0de],
dd[data-v-c748c0de],
ol[data-v-c748c0de],
ul[data-v-c748c0de],
li[data-v-c748c0de],
fieldset[data-v-c748c0de],
form[data-v-c748c0de],
label[data-v-c748c0de],
legend[data-v-c748c0de],
table[data-v-c748c0de],
caption[data-v-c748c0de],
tbody[data-v-c748c0de],
tfoot[data-v-c748c0de],
thead[data-v-c748c0de],
tr[data-v-c748c0de],
th[data-v-c748c0de],
td[data-v-c748c0de],
article[data-v-c748c0de],
aside[data-v-c748c0de],
canvas[data-v-c748c0de],
details[data-v-c748c0de],
embed[data-v-c748c0de],
figure[data-v-c748c0de],
figcaption[data-v-c748c0de],
footer[data-v-c748c0de],
header[data-v-c748c0de],
menu[data-v-c748c0de],
nav[data-v-c748c0de],
output[data-v-c748c0de],
ruby[data-v-c748c0de],
section[data-v-c748c0de],
summary[data-v-c748c0de],
textarea[data-v-c748c0de],
time[data-v-c748c0de],
mark[data-v-c748c0de],
audio[data-v-c748c0de],
video[data-v-c748c0de],
input[data-v-c748c0de] {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article[data-v-c748c0de],
aside[data-v-c748c0de],
details[data-v-c748c0de],
figcaption[data-v-c748c0de],
figure[data-v-c748c0de],
footer[data-v-c748c0de],
header[data-v-c748c0de],
menu[data-v-c748c0de],
nav[data-v-c748c0de],
section[data-v-c748c0de] {
display: block;
}
body[data-v-c748c0de] {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote[data-v-c748c0de],
q[data-v-c748c0de] {
quotes: none;
}
blockquote[data-v-c748c0de]:before,
blockquote[data-v-c748c0de]:after,
q[data-v-c748c0de]:before,
q[data-v-c748c0de]:after {
content: none;
}
table[data-v-c748c0de] {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a[data-v-c748c0de] {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li[data-v-c748c0de] {
list-style: none;
}
[data-v-c748c0de]::-webkit-scrollbar {
width: 5px;
height: 5px;
}
[data-v-c748c0de]::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
[data-v-c748c0de]::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
[data-v-c748c0de]::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html[data-v-c748c0de],
body[data-v-c748c0de] {
width: 100%;
}
html[data-v-c748c0de] {
-ms-touch-action: none;
touch-action: none;
}
body[data-v-c748c0de] {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[data-v-c748c0de],
button[data-v-c748c0de],
textarea[data-v-c748c0de] {
outline: none;
}
.weui-dialog[data-v-c748c0de] {
top: 1rem;
}
[data-v-c748c0de]:root {
--theme-color: #0080ee;
}
html[data-v-c748c0de],
body[data-v-c748c0de] {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
[data-v-c748c0de]::-webkit-scrollbar {
display: none;
}
.line-ellipsis[data-v-c748c0de] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis[data-v-c748c0de] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis[data-v-c748c0de] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header[data-v-c748c0de] {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast[data-v-c748c0de] {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text[data-v-c748c0de] {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow[data-v-c748c0de] {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p[data-v-c748c0de] {
color: #fff;
}
.weui-mask_transparent[data-v-c748c0de] {
display: none;
}
.contentFix[data-v-c748c0de] {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2[data-v-c748c0de] {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header[data-v-c748c0de],
.goodsCategory .vux-header[data-v-c748c0de],
.goodsList .vux-header[data-v-c748c0de],
.goods-detail .vux-header[data-v-c748c0de],
.goodsContent .vux-header[data-v-c748c0de],
.commonContent .vux-header[data-v-c748c0de],
.user .vux-header[data-v-c748c0de],
.page1 .vux-header[data-v-c748c0de],
.page1-wrap .vux-header[data-v-c748c0de] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left[data-v-c748c0de],
.goodsCategory .vux-header .vux-header-left[data-v-c748c0de],
.goodsList .vux-header .vux-header-left[data-v-c748c0de],
.goods-detail .vux-header .vux-header-left[data-v-c748c0de],
.goodsContent .vux-header .vux-header-left[data-v-c748c0de],
.commonContent .vux-header .vux-header-left[data-v-c748c0de],
.user .vux-header .vux-header-left[data-v-c748c0de],
.page1 .vux-header .vux-header-left[data-v-c748c0de],
.page1-wrap .vux-header .vux-header-left[data-v-c748c0de],
.movie .vux-header .vux-header-right[data-v-c748c0de],
.goodsCategory .vux-header .vux-header-right[data-v-c748c0de],
.goodsList .vux-header .vux-header-right[data-v-c748c0de],
.goods-detail .vux-header .vux-header-right[data-v-c748c0de],
.goodsContent .vux-header .vux-header-right[data-v-c748c0de],
.commonContent .vux-header .vux-header-right[data-v-c748c0de],
.user .vux-header .vux-header-right[data-v-c748c0de],
.page1 .vux-header .vux-header-right[data-v-c748c0de],
.page1-wrap .vux-header .vux-header-right[data-v-c748c0de] {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title[data-v-c748c0de],
.goodsCategory .vux-header .vux-header-title[data-v-c748c0de],
.goodsList .vux-header .vux-header-title[data-v-c748c0de],
.goods-detail .vux-header .vux-header-title[data-v-c748c0de],
.goodsContent .vux-header .vux-header-title[data-v-c748c0de],
.commonContent .vux-header .vux-header-title[data-v-c748c0de],
.user .vux-header .vux-header-title[data-v-c748c0de],
.page1 .vux-header .vux-header-title[data-v-c748c0de],
.page1-wrap .vux-header .vux-header-title[data-v-c748c0de] {
color: #333;
}
.movie .content[data-v-c748c0de],
.goodsCategory .content[data-v-c748c0de],
.goodsList .content[data-v-c748c0de],
.goods-detail .content[data-v-c748c0de],
.goodsContent .content[data-v-c748c0de],
.commonContent .content[data-v-c748c0de],
.user .content[data-v-c748c0de],
.page1 .content[data-v-c748c0de],
.page1-wrap .content[data-v-c748c0de] {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header[data-v-c748c0de] {
background: none!important;
}
.padtop[data-v-c748c0de] {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header[data-v-c748c0de] {
padding-top: 2.1rem;
}
.padtop64[data-v-c748c0de] {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66[data-v-c748c0de] {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80[data-v-c748c0de] {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom[data-v-c748c0de] {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50[data-v-c748c0de] {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65[data-v-c748c0de] {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100[data-v-c748c0de] {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160[data-v-c748c0de] {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20[data-v-c748c0de] {
top: 0.8rem /* 20/25 */;
}
.top32[data-v-c748c0de] {
top: 1.28rem /* 30/25 */;
}
.top64[data-v-c748c0de] {
top: 2.56rem /* 64/25 */;
}
.top50[data-v-c748c0de] {
top: 2.0rem;
}
.top45[data-v-c748c0de] {
top: 1.8rem;
/** 45/25 */
}
.bottom[data-v-c748c0de] {
bottom: 0;
}
.fixed[data-v-c748c0de] {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10[data-v-c748c0de] {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix[data-v-c748c0de] {
padding-bottom: 0;
}
.isIPhoneX .padtop[data-v-c748c0de] {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64[data-v-c748c0de] {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66[data-v-c748c0de] {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80[data-v-c748c0de] {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom[data-v-c748c0de] {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10[data-v-c748c0de] {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50[data-v-c748c0de] {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65[data-v-c748c0de] {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160[data-v-c748c0de] {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20[data-v-c748c0de] {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64[data-v-c748c0de] {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom[data-v-c748c0de] {
bottom: 10px;
}
.isIPhoneX .foot-fix[data-v-c748c0de] {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer[data-v-c748c0de] {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header[data-v-c748c0de],
.isIPhoneX .goodsCategory .vux-header[data-v-c748c0de],
.isIPhoneX .goodsList .vux-header[data-v-c748c0de],
.isIPhoneX .goods-detail .vux-header[data-v-c748c0de],
.isIPhoneX .goodsContent .vux-header[data-v-c748c0de],
.isIPhoneX .commonContent .vux-header[data-v-c748c0de],
.isIPhoneX .user .vux-header[data-v-c748c0de],
.isIPhoneX .page1 .vux-header[data-v-c748c0de],
.isIPhoneX .page1-wrap .vux-header[data-v-c748c0de] {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .goodsCategory .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .goodsList .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .goods-detail .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .goodsContent .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .commonContent .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .user .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .page1 .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .page1-wrap .vux-header .vux-header-left[data-v-c748c0de],
.isIPhoneX .movie .vux-header .vux-header-right[data-v-c748c0de],
.isIPhoneX .goodsCategory .vux-header .vux-header-right[data-v-c748c0de],
.isIPhoneX .goodsList .vux-header .vux-header-right[data-v-c748c0de],
.isIPhoneX .goods-detail .vux-header .vux-header-right[data-v-c748c0de],
.isIPhoneX .goodsContent .vux-header .vux-header-right[data-v-c748c0de],
.isIPhoneX .commonContent .vux-header .vux-header-right[data-v-c748c0de],
.isIPhoneX .user .vux-header .vux-header-right[data-v-c748c0de],
.isIPhoneX .page1 .vux-header .vux-header-right[data-v-c748c0de],
.isIPhoneX .page1-wrap .vux-header .vux-header-right[data-v-c748c0de] {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title[data-v-c748c0de],
.isIPhoneX .goodsCategory .vux-header .vux-header-title[data-v-c748c0de],
.isIPhoneX .goodsList .vux-header .vux-header-title[data-v-c748c0de],
.isIPhoneX .goods-detail .vux-header .vux-header-title[data-v-c748c0de],
.isIPhoneX .goodsContent .vux-header .vux-header-title[data-v-c748c0de],
.isIPhoneX .commonContent .vux-header .vux-header-title[data-v-c748c0de],
.isIPhoneX .user .vux-header .vux-header-title[data-v-c748c0de],
.isIPhoneX .page1 .vux-header .vux-header-title[data-v-c748c0de],
.isIPhoneX .page1-wrap .vux-header .vux-header-title[data-v-c748c0de] {
color: #333;
}
.isIPhoneX .movie .content[data-v-c748c0de],
.isIPhoneX .goodsCategory .content[data-v-c748c0de],
.isIPhoneX .goodsList .content[data-v-c748c0de],
.isIPhoneX .goods-detail .content[data-v-c748c0de],
.isIPhoneX .goodsContent .content[data-v-c748c0de],
.isIPhoneX .commonContent .content[data-v-c748c0de],
.isIPhoneX .user .content[data-v-c748c0de],
.isIPhoneX .page1 .content[data-v-c748c0de],
.isIPhoneX .page1-wrap .content[data-v-c748c0de] {
padding-top: 1.04rem /* 74/25 */;
}
.no-data[data-v-c748c0de] {
font-size: 0.56rem /* 14/25 */;
color: #999;
text-align: center;
padding: 1rem 0;
background: #fff;
}
@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
textarea,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
background: #fff;
font-family: '';
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 以下是自定义的样式，为了在手机上显示更美观custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html,
body {
width: 100%;
}
html {
-ms-touch-action: none;
touch-action: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
outline: none;
}
.weui-dialog {
top: 1rem;
}
:root {
--theme-color: #0080ee;
}
html,
body {
max-width: 750px;
height: 100%;
margin: 0 auto;
font-family: "PingFang SC", "sans-serif", "Microsoft Yahei";
overflow: hidden;
}
::-webkit-scrollbar {
display: none;
}
.line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.vux-header {
background-color: #fff!important;
padding: 0.08rem /* 2/25 */ 0 !important;
}
.weui-toast {
width: 120px!important;
min-height: 120px!important;
}
.weui-toast.weui-toast_text {
min-height: 0!important;
}
.vux-header .vux-header-left .left-arrow {
width: 1.6rem /* 40/25 */;
padding: 0.12rem /* 3/25 */;
}
.vux-toast .weui-toast_text p {
color: #fff;
}
.weui-mask_transparent {
display: none;
}
.contentFix {
position: fixed;
top: 1.74rem /* 64/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.contentFix2 {
position: fixed;
top: 2.08rem /* 72/25 */;
bottom: 0;
width: 100%;
max-width: 750px;
}
.movie .vux-header,
.goodsCategory .vux-header,
.goodsList .vux-header,
.goods-detail .vux-header,
.goodsContent .vux-header,
.commonContent .vux-header,
.user .vux-header,
.page1 .vux-header,
.page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
background-color: #ffffff!important;
padding: 0.08rem /* 22/25 */ 0 0.08rem /* 2/25 */ !important;
}
.movie .vux-header .vux-header-left,
.goodsCategory .vux-header .vux-header-left,
.goodsList .vux-header .vux-header-left,
.goods-detail .vux-header .vux-header-left,
.goodsContent .vux-header .vux-header-left,
.commonContent .vux-header .vux-header-left,
.user .vux-header .vux-header-left,
.page1 .vux-header .vux-header-left,
.page1-wrap .vux-header .vux-header-left,
.movie .vux-header .vux-header-right,
.goodsCategory .vux-header .vux-header-right,
.goodsList .vux-header .vux-header-right,
.goods-detail .vux-header .vux-header-right,
.goodsContent .vux-header .vux-header-right,
.commonContent .vux-header .vux-header-right,
.user .vux-header .vux-header-right,
.page1 .vux-header .vux-header-right,
.page1-wrap .vux-header .vux-header-right {
top: .56rem;
/* 34/25 */
}
.movie .vux-header .vux-header-title,
.goodsCategory .vux-header .vux-header-title,
.goodsList .vux-header .vux-header-title,
.goods-detail .vux-header .vux-header-title,
.goodsContent .vux-header .vux-header-title,
.commonContent .vux-header .vux-header-title,
.user .vux-header .vux-header-title,
.page1 .vux-header .vux-header-title,
.page1-wrap .vux-header .vux-header-title {
color: #333;
}
.movie .content,
.goodsCategory .content,
.goodsList .content,
.goods-detail .content,
.goodsContent .content,
.commonContent .content,
.user .content,
.page1 .content,
.page1-wrap .content {
padding-top: 1.86rem /* 64/25 */;
}
.giveGift .vux-header {
background: none!important;
}
.padtop {
padding-top: 0.8rem /* 20/25 */;
}
.padding-top-header {
padding-top: 2.1rem;
}
.padtop64 {
padding-top: 2.56rem /* 64/25 */;
}
.padtop66 {
padding-top: 2.64rem /* 66/25 */;
}
.padtop80 {
padding-top: 3.2rem /* 80/25 */;
}
.padBottom {
padding-bottom: 2.16rem /* 80/25 */;
}
.padBottom50 {
padding-bottom: 2rem /* 50/25 */;
}
.padBottom65 {
padding-bottom: 2.6rem /* 65/25 */;
}
.padBottom100 {
padding-bottom: 4.25rem /* 100/25 */;
}
.padBottom160 {
padding-bottom: 6.4rem /* 160/25 */;
}
.top20 {
top: 0.8rem /* 20/25 */;
}
.top32 {
top: 1.28rem /* 30/25 */;
}
.top64 {
top: 2.56rem /* 64/25 */;
}
.top50 {
top: 2.0rem;
}
.top45 {
top: 1.8rem;
/** 45/25 */
}
.bottom {
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
right: 0;
z-index: 99;
}
.isIPhoneX.router .padBottom10 {
padding-bottom: 0!important;
}
.isIPhoneX.router .foot-fix {
padding-bottom: 0;
}
.isIPhoneX .padtop {
padding-top: 1.2rem /* 30/25 */;
}
.isIPhoneX .padtop64 {
padding-top: 2.96rem /* 74/25 */;
}
.isIPhoneX .padtop66 {
padding-top: 3.04rem /* 76/25 */;
}
.isIPhoneX .padtop80 {
padding-top: 3.6rem /* 90/25 */;
}
.isIPhoneX .padBottom {
padding-bottom: 2.16rem /* 90/25 */;
}
.isIPhoneX .padBottom10 {
padding-bottom: 1.86rem /* 26/25 */ !important;
}
.isIPhoneX .padBottom50 {
padding-bottom: 2.4rem /* 60/25 */;
}
.isIPhoneX .padBottom65 {
padding-bottom: 3.64rem /* 91/25 */;
}
.isIPhoneX .padBottom160 {
padding-bottom: 6.8rem /* 170/25 */;
}
.isIPhoneX .top20 {
top: 1.2rem /* 30/25 */;
}
.isIPhoneX .top64 {
top: 2.96rem /* 74/25 */;
}
.isIPhoneX .bottom {
bottom: 10px;
}
.isIPhoneX .foot-fix {
padding-bottom: 1.04rem /* 26/25 */;
}
.isIPhoneX .mask .footer {
padding-bottom: 0.4rem /* 10/25 */;
}
.isIPhoneX .movie .vux-header,
.isIPhoneX .goodsCategory .vux-header,
.isIPhoneX .goodsList .vux-header,
.isIPhoneX .goods-detail .vux-header,
.isIPhoneX .goodsContent .vux-header,
.isIPhoneX .commonContent .vux-header,
.isIPhoneX .user .vux-header,
.isIPhoneX .page1 .vux-header,
.isIPhoneX .page1-wrap .vux-header {
position: fixed!important;
top: 0;
width: 100%;
max-width: 750px;
z-index: 100;
padding: 0.08rem /* 32/25 */ 0 0.08rem /* 2/25 */ !important;
}
.isIPhoneX .movie .vux-header .vux-header-left,
.isIPhoneX .goodsCategory .vux-header .vux-header-left,
.isIPhoneX .goodsList .vux-header .vux-header-left,
.isIPhoneX .goods-detail .vux-header .vux-header-left,
.isIPhoneX .goodsContent .vux-header .vux-header-left,
.isIPhoneX .commonContent .vux-header .vux-header-left,
.isIPhoneX .user .vux-header .vux-header-left,
.isIPhoneX .page1 .vux-header .vux-header-left,
.isIPhoneX .page1-wrap .vux-header .vux-header-left,
.isIPhoneX .movie .vux-header .vux-header-right,
.isIPhoneX .goodsCategory .vux-header .vux-header-right,
.isIPhoneX .goodsList .vux-header .vux-header-right,
.isIPhoneX .goods-detail .vux-header .vux-header-right,
.isIPhoneX .goodsContent .vux-header .vux-header-right,
.isIPhoneX .commonContent .vux-header .vux-header-right,
.isIPhoneX .user .vux-header .vux-header-right,
.isIPhoneX .page1 .vux-header .vux-header-right,
.isIPhoneX .page1-wrap .vux-header .vux-header-right {
top: 0.56rem /* 44/25 */;
}
.isIPhoneX .movie .vux-header .vux-header-title,
.isIPhoneX .goodsCategory .vux-header .vux-header-title,
.isIPhoneX .goodsList .vux-header .vux-header-title,
.isIPhoneX .goods-detail .vux-header .vux-header-title,
.isIPhoneX .goodsContent .vux-header .vux-header-title,
.isIPhoneX .commonContent .vux-header .vux-header-title,
.isIPhoneX .user .vux-header .vux-header-title,
.isIPhoneX .page1 .vux-header .vux-header-title,
.isIPhoneX .page1-wrap .vux-header .vux-header-title {
color: #333;
}
.isIPhoneX .movie .content,
.isIPhoneX .goodsCategory .content,
.isIPhoneX .goodsList .content,
.isIPhoneX .goods-detail .content,
.isIPhoneX .goodsContent .content,
.isIPhoneX .commonContent .content,
.isIPhoneX .user .content,
.isIPhoneX .page1 .content,
.isIPhoneX .page1-wrap .content {
padding-top: 1.04rem /* 74/25 */;
}
.content .footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 1.6rem;
z-index: 99;
background: #fff;
}
.movie-detail {
background: #ffffff;
}
.movie-detail .fixed-content {
padding-top: 1.86rem;
padding-bottom: 1.92rem;
overflow-y: auto;
}
.movie-detail .fixed-content .movie-info {
padding: 0.48rem 0.6rem;
position: relative;
background: rgba(7, 17, 27, 0.5);
z-index: 1;
overflow: hidden;
}
.movie-detail .fixed-content .movie-info .movie-info-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.movie-detail .fixed-content .movie-info .movie-info-top .left {
width: 3.4rem;
height: 5rem;
margin-right: 0.6rem;
}
.movie-detail .fixed-content .movie-info .movie-info-top .left img {
width: 3.4rem;
height: 5rem;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .title {
font-size: 0.64rem /* 16/25 */;
color: #fff;
margin-bottom: 0.3rem /* 10/25 */;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .title .support {
margin-left: 0.8rem;
font-size: 0.56rem;
background: #d3d3d3;
border-radius: 0.12rem;
padding: 0.04rem 0.08rem;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .source {
font-size: 0.4rem /* 10/25 */;
color: #e3e3e3;
margin-top: 0.16rem;
margin-bottom: 0.48rem;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .roles {
font-size: 0.52rem;
color: #666;
margin-bottom: 0.2rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .kind {
font-size: 0.56rem /* 14/25 */;
color: #d5d5d5;
margin-top: 0.16rem;
margin-bottom: 0.28rem;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .kind .tag1 {
font-size: 0.4rem /* 10/25 */;
color: #fff;
background: #62a4de;
padding: 0 0.16rem;
border-top-left-radius: 0.08rem;
border-bottom-left-radius: 0.08rem;
border-right: 0;
line-height: 0.65rem;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .kind .tag2 {
font-size: 0.4rem /* 10/25 */;
color: #fff;
padding: 0 0.16rem;
border-top-right-radius: 0.08rem;
border-bottom-right-radius: 0.08rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #cdcdd1;
border-left: 0;
line-height: 0.65rem;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .area {
font-size: 0.52rem;
color: #d5d5d5;
margin-bottom: 0.28rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 0.65rem;
}
.movie-detail .fixed-content .movie-info .movie-info-top .right .show-time {
font-size: 0.52rem;
color: #d5d5d5;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.movie-detail .fixed-content .movie-info .filter-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-filter: blur(0.8rem);
filter: blur(0.8rem);
}
.movie-detail .fixed-content .movie-info .filter-bg img {
width: 100%;
height: 100%;
}
.movie-detail .fixed-content .movie-info .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0.48rem;
}
.movie-detail .fixed-content .movie-info .btns .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1.2rem;
line-height: 1.2rem;
background: rgba(7, 17, 27, 0.2);
padding: 0;
margin: 0;
border: none;
color: #fff;
font-size: 0.56rem /* 14/25 */;
}
.movie-detail .fixed-content .movie-info .btns .item.collect {
margin-right: 0.4rem;
}
.movie-detail .fixed-content .movie-info .btns .item img {
width: 0.6rem;
height: 0.6rem;
margin-right: 0.2rem;
vertical-align: middle;
}
.movie-detail .fixed-content .desc {
padding: 0.6rem 0.6rem 1.2rem;
border-bottom: 0.44rem solid #f5f5f5;
position: relative;
}
.movie-detail .fixed-content .desc .txt {
font-size: 0.56rem /* 14/25 */;
color: #333;
letter-spacing: 0.08rem;
line-height: 0.8rem;
min-height: 2.4rem;
height: 2.4rem;
overflow: hidden;
}
.movie-detail .fixed-content .desc .txt.more {
height: auto;
}
.movie-detail .fixed-content .desc .img {
position: absolute;
bottom: 0.2rem;
left: 50%;
color: #999;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.movie-detail .fixed-content .desc .img.normal {
-webkit-transform-origin: 50% 50% 0.28rem;
transform-origin: 50% 50% 0.28rem;
-webkit-animation: 0.5s ease myrotate;
animation: 0.5s ease myrotate;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes myrotate {
from {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
to {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
}
@keyframes myrotate {
from {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
to {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
}
.movie-detail .fixed-content .roles-wrapper {
padding: 0.6rem;
font-size: 0;
border-bottom: 0.4rem /* 10/25 */ solid #f5f5f5;
}
.movie-detail .fixed-content .roles-wrapper .roles-txt {
font-size: 0.64rem /* 16/25 */;
color: #333;
}
.movie-detail .fixed-content .roles-wrapper .roles {
font-size: 0.56rem /* 14/25 */;
color: #999;
margin-top: 0.4rem;
/* 10/25 */
}
.movie-detail .fixed-content .roles-wrapper .roles .star-name {
margin-right: 0.4rem;
line-height: 0.8rem;
}
.movie-detail .fixed-content .roles-wrapper .roles-list {
font-size: 0.56rem /* 14/25 */;
white-space: nowrap;
margin-top: 0.48rem;
}
.movie-detail .fixed-content .roles-wrapper .roles-list .item {
width: 2.8rem;
margin-right: 0.32rem;
display: inline-block;
}
.movie-detail .fixed-content .roles-wrapper .roles-list .item img {
width: 2.8rem;
height: 3.6rem;
margin-bottom: 0.04rem;
overflow: hidden;
}
.movie-detail .fixed-content .roles-wrapper .roles-list .item .name,
.movie-detail .fixed-content .roles-wrapper .roles-list .item .role {
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.movie-detail .fixed-content .roles-wrapper .roles-list .item .name {
color: #333;
margin-bottom: 0.12rem;
}
.movie-detail .fixed-content .roles-wrapper .roles-list .item .role {
color: #999;
}
.movie-detail .fixed-content .box-office {
padding: 0.6rem 0.6rem 0.44rem;
border-bottom: 0.4rem solid #f5f5f5;
}
.movie-detail .fixed-content .box-office .box-office-txt {
font-size: 0.64rem /* 16/25 */;
color: #333;
}
.movie-detail .fixed-content .box-office .box-office-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 0;
}
.movie-detail .fixed-content .box-office .box-office-wrapper .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.movie-detail .fixed-content .box-office .box-office-wrapper .item p {
text-align: center;
font-size: 0.56rem /* 14/25 */;
}
.movie-detail .fixed-content .box-office .box-office-wrapper .item p:first-child {
line-height: 0.68rem;
font-size: 0.72rem /* 18/25 */;
color: #ff1744;
margin-top: 0.8rem;
margin-bottom: 0.48rem;
}
.movie-detail .fixed-content .stills {
padding: 0.6rem 0.6rem 0.36rem;
}
.movie-detail .fixed-content .stills .pics .txt {
font-size: 0.64rem /* 16/25 */;
margin-bottom: 0.52rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.movie-detail .fixed-content .stills .pics .txt .all-stills {
color: #999;
}
.movie-detail .fixed-content .stills .pics .txt .fa {
color: #999;
font-size: 0.8rem /* 20/25 */;
margin-left: 0.2rem /* 5/25 */;
}
.movie-detail .fixed-content .stills .pics .pics-box .box-wrapper {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
}
.movie-detail .fixed-content .stills .pics .pics-box .box-wrapper ul {
white-space: nowrap;
}
.movie-detail .fixed-content .stills .pics .pics-box .box-wrapper ul li {
display: inline-block;
padding-right: 0.2rem;
}
.movie-detail .fixed-content .stills .pics .pics-box .box-wrapper ul li .item-stills {
height: 3.6rem;
}
.movie-detail .fixed-content .comment-wrapper {
margin-bottom: 2rem;
}
.movie-detail .fixed-content .comment-wrapper .comment-wrapper-txt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.4rem 0.6rem;
border-bottom: 0.04rem solid #f5f5f5;
font-size: 0.64rem /* 16/25 */;
color: #333;
}
.movie-detail .fixed-content .comment-wrapper .comment-wrapper-txt span {
color: #ff1744;
font-size: 0.56rem /* 14/25 */;
border: 0.04rem solid #ff1744;
border-radius: 0.8rem;
padding: 0.2rem 0.4rem;
}
.movie-detail .fixed-content .comment-wrapper .comment-list {
padding: 0 0.6rem 0.6rem;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 0.6rem;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .pic {
width: 1.2rem;
height: 1.2rem;
margin-right: 0.6rem;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .pic img {
width: 1.2rem;
height: 1.2rem;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .content-info {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .content-info .name {
margin-bottom: 0.4rem;
font-size: 0.56rem /* 14/25 */;
color: #333;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .content-info .name span {
border: 0.04rem solid #a0c4f1;
color: #a0c4f1;
margin-left: 0.2rem;
font-size: 0.48rem /* 12/25 */;
padding: 0 0.12rem;
border-radius: 0.08rem;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .content-info .comment {
margin-top: 0.4rem;
font-size: 0.56rem /* 14/25 */;
color: #333;
line-height: 0.8rem;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .content-info .comment-foot {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 0.48rem /* 12/25 */;
color: #999;
margin-top: 0.48rem;
padding-bottom: 0.48rem;
border-bottom: 0.04rem solid #f5f5f5;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .content-info .comment-foot .zan {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.movie-detail .fixed-content .comment-wrapper .comment-list .item .content-info .comment-foot .zan img {
width: 0.6rem;
height: 0.6rem;
margin-right: 0.2rem;
}
.movie-detail .fixed-content .comment-wrapper .to-more {
padding: 1rem 0;
border-bottom: 0.04rem solid #f5f5f5;
}
.movie-detail .fixed-content .comment-wrapper .to-more p {
font-size: 0.56rem /* 14/25 */;
color: #0080ee;
text-align: center;
}
.movie-detail .footer {
height: 1.76rem;
line-height: 1.76rem;
}
.movie-detail .footer .buy {
color: #fff;
background: #cf2414;
font-size: 0.56rem;
height: 1.76rem;
line-height: 1.76rem;
padding: 0;
border-radius: 0;
}
.movie-detail .footer .buy::after {
border-radius: 0;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.movie-detail .fixed-content {
padding-top: 2.96rem !important;
}
.movie-detail .footer {
height: 2.2rem;
}
.movie-detail .footer .buy {
height: 2.2rem;
}
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/*