* { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
:root { --border-radius: 10px; --border-margin: 10px; --color-btn-main: #C60A0A; --color-btn-normal: #BEA474; --color-btn-sunshine: #F4DC8B; --color-btn-disable: #808080; --color-price: #B50B08; --color-vip: #CAA058; --color-badge: #C60A0A; --color-desc: #999999; --color-bg-notice: #FFF7EC; --color-notice: #B50B08; --gradint-red-right: linear-gradient(to right, #BD3037 0%, #E3474E 100%); --color-pagebackground: #f5f5f5; --max-width: 640px; --color-success: #14b461; --color-text: #333333; --color-subtitle: #696969; --color-title: #333333; --color-warn: #826125; }
/* 加在html 全部都变灰了 */
.big-event-gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }
li { list-style: none; }
.setCartTotal { display: none }
.text_add { color: var(--color-btn-normal); }
.text_minus { color: var(--color-text); }
.text_time { color: var(--color-desc); }
.page-content { padding-top: 44px; min-height: 100%; max-width: 640px; padding-bottom: 3rem; }
.page-content .bg_img { width: 100%; }
.page-content-double { padding-top: 88px; }
.bg-white { background: #FFF; }
section { padding: 20px; }
.flexbox { display: -webkit-box; display: box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.ellipsis1 { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; display: -webkit-box; -webkit-box-orient: vertical; }
.ellipsis2 { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; display: -webkit-box; -webkit-box-orient: vertical; }
.ellipsis3 { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; display: -webkit-box; -webkit-box-orient: vertical; }
/* 文字不被选中 */
.unselectable { -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* 标准语法 */ }

.font-red, a.font-red { color: #c40000 !important; }
.no_padding { padding: 0px !important; }

.indexFloor { background: #fff; margin-bottom: .3rem; }

/* 通用顶部头部背景 */
.common_topbackground { background-image: linear-gradient(to right, #ddca94 0%, #e7be76 100%); background-size: 100%; position: relative; }

/* vip 提示模块 */
.viptips { background-color: #000000DD; height: 1rem; line-height: 1rem; padding: 0px 0.28rem; color: #fddc9e; font-size: 0.34rem; }
.viptips .iconfont { font-size: 14px !important; }
.viptips .openvip-button { padding: 2px 15px 3px 15px; background: #fddc9e; border-radius: 20px; }
/* 立即开通 */
.viptips .openvip-button:before { content: "\7ACB\5373\5F00\901A" }
.viptipsdetai { }
.viptipsdetai-tips { color: var(--color-notice); background-color: var(--color-bg-notice); padding: 10px 15px; margin-bottom: 0.6rem; }
.viptipsdetai-tips .iconfont { margin-right: 10px; font-size: 15px !important; }
.viptipsdetai .viptipsdetai-item { line-height: 40px; }
.viptipsdetai .viptipsdetai-vip-font { color: #5E461D; }
.viptipsdetai .viptipsdetai-desc-list { margin-top: 15px; color: #999999; font-size: 0.3rem; }
.viptipsdetai .viptipsdetai-desc-list ul { padding-left: 15px; }
.viptipsdetai .viptipsdetai-desc-list ul li { list-style: disc; }
.viptipsdetai .viptipsdetai-info { background-color: #f9d2894a; border-radius: 5px; margin-bottom: 15px; padding: 15px; color: #5E461D; }
.viptipsdetai .viptipsdetai-info .viptipsdetai-info-title { font-size: 14px; }
.viptipsdetai .viptipsdetai-info .viptipsdetai-info-desc { margin-top: 10px; font-size: 0.3rem; }
.viptipsdetai .viptipsdetai-info:last-child { margin: 0px; }

.viptipsdetai .viptipsdetai-info.viptipsdetai-info-none { background-color: #FFFFFF; color: #6F6F6F; padding: 5px 15px; }
.viptipsdetai .viptipsdetai-info.viptipsdetai-info-none .viptipsdetai-info-discount { color: var(--color-price); }
.viptipsdetai .viptipsdetai-info.viptipsdetai-info-none .viptipsdetai-info-desc { color: var(--color-desc); }
.viptipsdetai .vip-open-btn { background: var(--gradint-red-right); }

/* 产品详情使用 */
.viptips_product { padding: 0rem 0.6rem; padding-bottom: 10px; background-color: #FFFFFF; }
.viptips_product .viptips { background-color: #FFF6DD; color: Black; border-radius: 5px; }
.viptips_product .viptips .iconfont { font-size: 0.3rem !important; }
.viptips_product .viptips .iconfont.icon_v_circle { color: #fddc9e !important; background-color: #000; border-radius: 0.3rem; }
.viptips_product .viptips .iconfont.icon_v { color: #fddc9e !important; background-color: #000; border-radius: 10px; padding: 3px 1px 1px 3px; }
.viptips_product .viptips .openvip-button { color: #fddc9e !important; background-color: #000; padding: 4px 15px 5px 15px; font-size: 0.3rem; }
.viptips_product .viptips .openvip-button:before { content: "\5F00\901AVIP" }
.viptips_product .viptips .savePrice { color: #F1260D; font-weight: 600; padding: 0px 3px 0px 5px }
.viptips_product.viptips_product_botoom { padding-bottom: 0px; }
.viptips_product.viptips_product_botoom .viptips { border-radius: 5px 5px 0px 0px; }

/* 个人中心用 */
.viptips_home { padding: 10px 5px; margin-bottom: 10px; border-radius: 15px; background-color: #FFFFFF; }
.viptips_home .viptips { background-color: #FFFFFF; color: #333333; }
.viptips_home .viptips span { font-size: 0.38rem; font-weight: 400; }
.viptips_home .viptips .openvip-button { padding: 6px 15px 7px 15px; font-size: 0.3rem; }
.viptips_home .viptips .openvip-button:before { content: "\7ACB\5373\5F00\901A" }
.viptips_home .viptips strong { color: #c2292c; font-weight: normal; padding: 0px 3px 0px 5px; font-size: 0.3rem; }



/* 顶部浮动 Header */
.header_bar { height: 44px; text-align: center; font-size: 16px; position: fixed; top: 0; left: 0; right: 0; z-index: 99; width: 100%; max-width: var(--max-width); margin: 0 auto; }
.header_bar.head_no_fixed { position: inherit; }
.header_bar .bd { position: relative; width: 100%; height: 44px; z-index: 100000; }
.header_bar .bd .header_left_btn { left: 0; top: 0; }
.header_bar .bd .header_right_btn_1 { right: 44px; top: 0; }
.header_bar .bd .header_right_btn { right: 0px; top: 0; }
.header_bar .bd .icon_btn { position: absolute; width: auto; min-width: 34px; height: 34px; line-height: 34px; margin: 5px; display: block; -webkit-border-radius: 50%; background-color: rgba(0,0,0,.3); color: #fff; }
.header_bar .bd .icon_btn a, .header_bar .bd .icon_btn i { width: 34px; display: inline-block; }
.header_bar .bg { background-color: rgba(255,255,255,1); height: 44px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; }
.header_bar h2 { font-size: 16px; line-height: 15px; padding: 15px 0 12px; text-align: center; display: none; }
.header_bar .bd .header_bar_nav { display: none; box-shadow: 0px 1px 2px #f5f5f5; background-color: #FFF; }

.header_bar .bd .header_bar_nav ul { margin: 0 88px; display: -moz-box; display: -webkit-box; display: box; line-height: 44px; }
.header_bar .bd .header_bar_nav ul li { text-align: center; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; width: 1%; overflow: hidden; white-space: nowrap; -webkit-tap-highlight-color: rgba(255,0,0,0); }
.header_bar .bd .header_bar_nav li.on p { font-size: 16px; line-height: 15px; padding: 15px 0 12px; text-align: center; box-sizing: border-box; display: -webkit-inline-box; border-bottom: 2px solid #BEA474; color: #BEA474; }


.header_bar .more_menu { width: 1rem; text-align: center; }

.header_bar .more_menu .menu_list { height: 0px; top: 40px; right: 0px; font-size: .34rem; color: #1a191e; -webkit-transition: all .2s cubic-bezier(1,.01,.46,.82); z-index: 100; position: absolute; }
.header_bar .more_menu .menu_list.show { height: auto; min-width: 100px; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
.header_bar .more_menu .menu_list > div { width: 100%; height: 100%; display: none; left: 0px; top: 0px; background-color: #ffffff; box-shadow: -2px 2px 5px #eae7e7; padding-right: .1rem; }
.header_bar .more_menu .menu_list.show > div { display: block; }
.header_bar .more_menu .menu_list > em { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.9); }
.header_bar .more_menu .menu_list a { height: 1.065rem; width: 100%; display: block; display: -webkit-box; -webkit-box-align: center; line-height: initial; position: relative; font-size: .4rem; flex: none; word-spacing: .28rem; padding: 0px .4rem; }

.header_bar .more_menu .menu_list a i { margin-right: .3rem; }
.header_bar .more_menu .menu_list a:not(:last-child)::after { width: 2.533rem; content: ""; height: 1px; background: #f9f9f9; display: block; position: absolute; bottom: 0px; left: 0px; }

/* header 浮动 */
.header_bar_flont { -webkit-animation: all 2s ease-in; animation: all 2s ease-in; }
.header_bar_flont h2 { }
.header_bar_flont .bd .header_bar_nav { display: block; }
.header_bar_flont .bd:after { height: 1px; content: ''; width: 100%; border-top: 1px solid #e3e5e9; position: absolute; bottom: -1px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10; }

.header_bar.header_bar_flont .bd .icon_btn { background: none; color: #333 !important; }
.header_bar.header_bar_flont .bd h2 { display: block; }
.header_bar.header_bar_flont .bg { opacity: 1 !important; }

/* 无背景  */
.header_bar.header_not_bg .bd .icon_btn { background: none !important; }
/*.header_bar.header_not_bg h2 { color: #fff; }*/

/* 图片对称布局 */
.imgsflex { display: -webkit-flex; display: flex; padding: 1% 0.3rem; flex-wrap: wrap; justify-content: space-between; }
.imgsflex a { flex: 1 auto; }
.imgsflex img { width: 100%; }
.imgsflex h2 { display: none; line-height: 24px; height: 24px; overflow: hidden; }
.imgsflex.showTitle h2 { display: block; width: 100%; text-align: center; }
.imgsflex.line1 a { width: 100%; flex: 0 0 auto; padding-bottom: 1%; margin-top: 1%; }
.imgsflex.line1 h2 { font-size: 18px; line-height: 40px; height: 40px; }
.imgsflex.line2 a { width: 49%; flex: 0 0 auto; padding-bottom: 1%; margin-top: 1%; }
.imgsflex.line2 h2 { font-size: 16px; line-height: 30px; height: 30px; }
.imgsflex.line3 a { width: 32%; flex: 0 0 auto; padding-bottom: 1%; margin-top: 1%; }
.imgsflex.line4 a { width: 24%; flex: 0 0 auto; padding-bottom: 1%; margin-top: 1%; }
.imgsflex.line5 a { width: 19%; flex: 0 0 auto; padding-bottom: 1%; margin-top: 1%; }
.imgsflex.line6 a { width: 15.5%; flex: 0 0 auto; padding-bottom: 1%; margin-top: 1%; }
.imgsflex.imgsblend.line3 a { width: 38.4% }
.imgsflex.imgsblend.line3 a:first-child, .imgsflex.imgsblend.line3 a:last-child { width: 28.8%; }


/* 带远点标题 padding: 0.2rem 0 */
.floor_title { text-align: center; padding: var(--border-margin) 0; font-size: 0.45rem; color: #333333; background-repeat: no-repeat !important; background-size: cover !important; }
.floor_title span { position: relative; display: inline-block; }
.floor_title span.dot:before,
.floor_title span.dot:after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; display: block; background: #d4c0a7; top: 50%; margin-top: -4px; }
.floor_title span.dotline { padding-left: 0.5rem; padding-right: 0.5rem; }
.floor_title span.dotline:before { position: absolute; width: 40px; height: 5px; display: block; top: 50%; margin-top: -2px; -webkit-transform: scale(1); transform: scale(1); content: ""; background: url(/images/icons/left_dotline.png) right center no-repeat; left: -40px; background-size: cover; }
.floor_title span.dotline:after { position: absolute; width: 40px; height: 5px; display: block; top: 50%; margin-top: -2px; -webkit-transform: scale(1); transform: scale(1); content: ""; background: url(/images/icons/right_dotline.png) left center no-repeat; right: -40px; background-size: cover; }
.floor_title span.recheader { padding-left: 0.5rem; padding-right: 0.5rem; }
.floor_title span.recheader:before { position: absolute; width: 0.5rem; height: 0.5rem; display: block; top: .1rem; -webkit-transform: scale(1); transform: scale(1); content: ""; background: url(/images/icons/recheader_right.png) right center no-repeat; background-size: cover; }
.floor_title span.recheader:after { position: absolute; width: 0.5rem; height: 0.5rem; display: block; top: .1rem; -webkit-transform: scale(1); transform: scale(1); content: ""; background: url(/images/icons/recheader_left.png) left center no-repeat; background-size: cover; }
.floor_title span:before { left: -0.5rem; }
.floor_title span:after { right: -0.5rem; }
.floor_title span.left_icon { padding-left: 30px; }
.floor_title span.left_icon i.iconfont { color: #812F3E !important; font-size: 21px !important; position: absolute; left: 0px; top: -3px; }

/* 活动标题组件 结束 */
.mod-title-columns { padding: 0px; display: flex; justify-content: center; text-align: center; background-repeat: no-repeat !important; background-size: cover !important; margin-bottom: var(--border-margin); }
.mod-title-columns img { max-width: 100%; display: block; text-align: center; }
.mod-title-columns h1 { font-size: 0.45rem; line-height: 1.2rem; font-weight: 400; }

/* 每日特价 */
.everyday_tejia { position: relative; padding: 0.3rem; }
.tejia_prodcut { border-radius: 8px; overflow: hidden; padding: 0.3rem; display: block; position: relative; box-sizing: border-box; margin-bottom: 0.3rem; background-color: #FFF; display: flex; }
.tejia_prodcut .picArea { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 3.58rem; margin-right: 0.3rem; }
.tejia_prodcut .picArea img { width: 100%; }
.tejia_prodcut .contentArea { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
.tejia_prodcut .contentArea .product_bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: right; box-sizing: border-box; -webkit-box-pack: center; -webkit-flex-direction: column; flex-direction: column; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.tejia_prodcut .contentArea .product_bd h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .4rem; line-height: 0.9rem; height: 0.9rem; width: 4.9rem; }
.tejia_prodcut .contentArea .product_bd .price { padding-bottom: 0.17rem; }
.tejia_prodcut .contentArea .product_bd .price del { color: #999999; font-size: .35rem; }
.tejia_prodcut .contentArea .product_bd .price span { color: #B60909; font-size: .6rem; line-height: .8rem; font-weight: bold; }
.tejia_prodcut .contentArea .product_bd .tj_b span { color: #999999; margin-right: 10px; font-size: .35rem; margin-top: 0.35rem; display: inline-block; }
/*       .tejia_prodcut .contentArea .product_bd .tj_b .jtbtn { float: right; background: #E0B4A9; border-radius: 5px; height: .8rem; line-height: .8rem; overflow: hidden; padding: 0 0.6rem; }*/
.tejia_prodcut .contentArea .product_bd .tj_b .jtbtn { float: right; background-image: linear-gradient(to bottom, #fa9b9b 20%, #c55555); color: #FFF; border-radius: 5px; height: .8rem; line-height: .8rem; overflow: hidden; padding: 0 0.6rem; }
.tejia_prodcut .contentArea .time_bd { padding: 0rem 0 10px; overflow: hidden; vertical-align: middle; color: #fff; box-sizing: border-box; border-radius: 5px; font-size: 0.4rem; text-align: right; }
.tejia_prodcut .contentArea .time_bd .tit,
.tejia_prodcut .contentArea .time_bd .timebox,
.tejia_prodcut .contentArea .time_bd .colon { display: inline-block; height: 0.6rem; line-height: 0.6rem; }
.tejia_prodcut .contentArea .time_bd .tit { color: #5D5D5D; font-size: 0.36rem; }
.tejia_prodcut .contentArea .time_bd .timebox { background: #5D5D5D; border-radius: 5px; text-align: center; font-size: 0.4rem; padding: 0 0.15rem; font-family: Arial; }
.tejia_prodcut .contentArea .time_bd .colon { text-align: center; width: 0.15rem; color: #333; }


.orange { color: #ff6600; }

.green { color: #3ec234; }


.cle:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }

.mb15 { margin-bottom: 15px; }

.mt15 { margin-top: 15px; }

.mb10 { margin-bottom: 10px; }

.mt10 { margin-top: 10px; }

.hidden { display: none !important; }

.block { display: block; }


.sold_out { position: absolute; width: 2.5rem; height: 2.5rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; background: url(/images/icons/shouqin.png) center center no-repeat; background-size: contain; z-index: 2; text-indent: -999999999999px; }

/*垂直居中*/
.box-center { -webkit-box-flex: 1; box-flex: 1; display: block; -webkit-box-pack: center; -webkit-flex-direction: column; flex-direction: column; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }

.tcenter { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }


.indexheader { height: 44px }

.indexheader .bd { display: -webkit-box; background-color: #c40000; height: 44px; line-height: 44px; color: #fff }

.indexheader .bd a { display: block; width: 44px; height: 44px; color: #fff; font-size: 18px; text-align: center; }

.indexheader .bd a:visited { color: #fff }

.indexheader .bd h2 { -webkit-box-flex: 1; font-size: 16px }

.indexheader .bd a.logo-icon { width: 85px; height: 44px; display: table-cell; vertical-align: middle; text-align: center; }

.logo-icon i { font-size: 1.6rem; line-height: 60px; }

.indexheader .bd h2 input { border-radius: 5px; box-sizing: border-box; width: 100%; border: 0; padding: 5px; font-size: 14px; padding-left: 30px; background: url(../Themes/Mobile/images/UserCenter/seach.png) 5px center no-repeat #fff; background-size: 20px 20px; }

.indexheader .bd a.appfont i { font-size: 26px; text-align: center; }





/*搜索-------------------------*/
.tj_hd { border-bottom: 1px #f5f5f5 solid; padding: 20px; font-size: 16px; }


/*新闻左右版式 左图 右标题  点赞 浏览量*/
.f_card { display: -webkit-box; background-color: #fff; padding: 0.25rem; margin-bottom: 0.1rem; }

.f_card .f_card_dt { width: 1.3333rem; height: 1rem; margin-right: 12px; position: relative; background-color: #f6f6f6; box-sizing: border-box; -webkit-box-pack: center; overflow: hidden }

.f_card_dt img { width: 100%; }

.f_card .f_card_dd { -webkit-box-flex: 1; flex: 1; -webkit-box-align: center; }

.f_card .f_card_h4 { font-size: 0.386rem; color: #000; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; max-height: 1rem; overflow: hidden; }

.f_card .f_card_icon { height: 17px; background-color: #fff; font-size: 0.25rem; }

.f_card .f_card_icon span { margin-right: 10px; color: #555; }

.f_card .f_card_icon span i { padding-right: 5px; }

/*新闻左右版式 左图 右标题+简介 点赞 浏览量*/
.pt-item { display: -webkit-box; padding: 0.25rem; background-color: #fff; margin-bottom: 10px; }

.pt-item .newspic { width: 3rem; height: 2.25rem; margin-right: 0.25rem; overflow: hidden; }

.pt-item .news-t { height: 2.25rem; -webkit-box-flex: 1; flex: 1; position: relative; }

.pt-item .news-t h1 { font-size: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0.125rem; }

.pt-item .news-t p { font-size: 0.338rem; color: #999; display: -webkit-box; display: box; box-sizing: border-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.pt-item .news-t .news-icon { font-size: 0.4rem; position: absolute; bottom: 0; color: #999; display: -webkit-box; -webkit-box-pack: left; -webkit-box-align: bottom; }

.pt-item .news-t .news-icon span { margin-right: 15px; font-size: 0.4rem !important; }

.pt-item .news-t .news-icon i { margin-right: 5px; font-size: 0.4rem !important; }

.pt-item.pt-easy .news-t p { -webkit-line-clamp: 3; }

/*产品列表版式1 左右--------------------------------------*/
.index_product_list { background: #f5f5f5; }

.index_product_list ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 15px; }

.index_product_list ul:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }

.index_product_list li { float: left; width: 50%; box-sizing: border-box; padding-bottom: 0.05rem; position: relative; }

.index_product_list li:nth-child(2n+1) { padding-right: 0.025rem; }

.index_product_list li:nth-child(2n) { padding-left: 0.025rem; }

.index_product_list li a { padding: 0.2rem; background: #fff; display: block; }

.index_product_list li a img { width: 100%; display: block; }

.index_product_list li a .txt { font-size: 0.35rem; color: #333; display: -webkit-box; display: -moz-box; display: box; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 1.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.index_product_list li p { color: #000; }

.index_product_list li p:last-child { margin-bottom: 5px; }

.index_product_list li p.price { padding: 0.15rem 0; }

.index_product_list li a .red { color: #c40000; font-size: 0.386rem; }

.index_product_list li a span.tip { font-size: 0.35rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #999; }

.index_product_list del { padding-top: 9px; padding-left: 5px; }

.index_product_list li a p em { font-weight: normal; white-space: nowrap; display: inline-block; border: 1px solid #ffd580; background: #ffffe5; padding: 1px 3px 0; font-size: 0.25rem; color: #c40000; margin-left: 5px; }


/*产品列表版式2 右侧按钮 左右--------------------------------------*/
.list_lable { border-bottom: 1px solid #ededed; padding: 10px 10px; background: #fff; font-size: 16px; }

.list_lable a { color: #c40000; font-size: 13px; vertical-align: middle; }


.shop_product_list { background: #f5f5f5; }

.shop_product_list ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 2px; background: #f5f5f5; }

.shop_product_list li { float: left; width: 50%; box-sizing: border-box; padding-bottom: 0.05rem; position: relative; }

.shop_product_list li:nth-child(2n+1) { padding-right: 0.025rem; }

.shop_product_list li:nth-child(2n) { padding-left: 0.025rem; }

.shop_product_list li a:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }

.shop_product_list li a { padding: 0.2rem 0.2rem 0.1rem; background: #fff; display: block; }

.shop_product_list li a img { width: 100%; display: block; }

.shop_product_list li a .txt { font-size: 14px; color: #333; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop_product_list li a .tip { font-size: 14px; color: #999; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop_product_list li a .pb { display: -webkit-box; min-height: 1rem; }

.shop_product_list .price { width: 60%; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; display: flex; flex-direction: row; flex-wrap: wrap; min-height: 0.9rem; }

.shop_product_list .price span { min-width: 80px; display: -webkit-box; -webkit-box-align: center; flex-direction: row; flex-wrap: wrap; }

.shop_product_list .pl-btn { width: 40%; display: box; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }

.shop_product_list li a.pb .price span { display: block; }

.shop_product_list li a .pb .price em { display: block; font-size: 0.25rem; color: #999; }

.shop_product_list .pl-btn span { display: block; padding: 0.1rem 0.2rem; font-size: 100%; color: #fff; background-color: #c40000; vertical-align: middle; text-align: center; border-radius: 5px; font-size: 0.34rem; white-space: nowrap; }

/*产品列表版式3  简介在图片上-----------------------------------*/

.i_product_list { background: #f5f5f5; padding-top: 1px; }

.i_product_list ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 2px; }

.i_product_list li { float: left; width: 50%; box-sizing: border-box; padding-bottom: 1px; position: relative; }

.i_product_list li:nth-child(2n+1) { padding-right: 0.5px; }

.i_product_list li:nth-child(2n) { padding-left: 0.5px; }

.i_product_list li a:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }

.i_product_list li a { background: #fff; display: block; padding: 0.3rem; }

.i_product_list li a .pic { position: relative; width: 100%; }

.i_product_list li a .pic .tip { position: absolute; bottom: 0; background: rgba(0,0,0,0.4); font-size: 12px; color: #fff; width: 100%; padding: 0.1rem 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 -0.3rem; }

.i_product_list li a img { width: 100%; display: block; }

.i_product_list li a .txt { font-size: 14px; color: #333; line-height: 0.5rem; padding: 0.15rem 0.0rem 0.15rem; height: 1.2rem; display: -webkit-box; display: -moz-box; display: box; box-sizing: border-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.i_product_list li a .price { padding-top: 5px; /* padding:0.3rem; */ }

.i_product_list li a .price span { float: left; font-size: 18px; }

.i_product_list li a .price span i { font-size: 0.3rem; }

.i_product_list li a .price em { float: right; color: #999999; font-size: 12px; padding: 5px 5px 0; }

.i_product_list li a .price em i { font-size: 14px; padding-right: 3px; }

.i_product_list .more { background: #fff; display: block; text-align: center; font-size: 16px; padding: 15px 0; margin-bottom: 15px; }

.i_product_list .more span { border: 1px solid #ededed; padding: 2px 20px 2px 5px; position: relative; }

.i_product_list .more span:before { content: ""; position: absolute; right: 10px; top: 50%; width: 7px; height: 7px; border-left: 1px solid currentColor; border-top: 1px solid currentColor; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); }

/*产品列表版式4 右侧按钮 左右--------------------------------------*/
.list_lable2 { border-bottom: 1px solid #ededed; padding: 10px 10px; background: #fff; text-align: center; font-size: 20px; }

.list_lable2 a { color: #c40000; font-size: 13px; vertical-align: middle; }

.shop_product_list2 { background: #f5f5f5; }

.shop_product_list2 ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 10px; }

.shop_product_list2 li { float: left; width: 50%; box-sizing: border-box; margin-bottom: 2px; background: #fff; position: relative; }

.shop_product_list2 li:nth-child(2n+1) { border-right: 1px solid #f5f5f5; }

.shop_product_list2 li:nth-child(2n) { border-left: 1px solid #f5f5f5; }

.shop_product_list2 li a:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }

.shop_product_list2 li a { background: #fff; display: block; padding: 0.3rem; }

.shop_product_list2 li a { padding: 0.2rem 0.2rem 0.1rem; background: #fff; display: block; text-align: center; }

.shop_product_list2 li a img { width: 100%; display: block; }

.shop_product_list2 li a .txt { font-weight: bold; font-size: 14px; color: #333; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop_product_list2 li a .tip { display: block; font-size: 14px; color: #999; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop_product_list2 .price { margin: 5px auto; color: #c40000; }

.shop_product_list2 .price span { font-size: 0.386rem; font-weight: 700; }

.shop_product_list2 .price em { color: #999; padding-left: 5px; border-left: 1px solid #ededed; margin-left: 5px; font-size: 12px; }

.shop_product_list2 .pl-btn { width: 70%; padding: 2px; margin: 0 auto 5px; background: #cc9900; color: #fff; border-radius: 5px; display: block; }

.shop_product_list2 li:last-child { position: relative; overflow: hidden; }

.shop_product_list2 .lastli { text-align: center; font-size: 20px; color: #333; position: absolute; background-color: rgba(255,255,255,0.95); width: 100%; height: 100%; padding-top: 50%; box-sizing: border-box; pointer-events: none; padding-bottom: 50%; }

.shop_product_list2 .lastli i { font-size: 0.5rem; border: 1px solid #333; border-radius: 50%; padding: 0.3rem; margin-top: 5rem; display: block; width: 0.6rem; height: 0.6rem; margin: 20px auto; text-align: center; line-height: 0.6rem; }


/*产品列表版式5 底部有更多--------------*/
.shop_product_list3 { background: #f5f5f5; padding-bottom: 10px; }

.shop_product_list3 ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }

.shop_product_list3 li { float: left; width: 50%; box-sizing: border-box; margin-bottom: 2px; background: #fff; position: relative; }

.shop_product_list3 li:nth-child(2n+1) { border-right: 1px solid #f5f5f5; }

.shop_product_list3 li:nth-child(2n) { border-left: 1px solid #f5f5f5; }

.shop_product_list3 li a:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }

.shop_product_list3 li a { background: #fff; display: block; padding: 0.3rem; }

.shop_product_list3 li a { padding: 0.2rem 0.2rem 0.1rem; background: #fff; display: block; text-align: center; }

.shop_product_list3 li a img { width: 100%; display: block; }

.shop_product_list3 li a .txt { font-weight: bold; font-size: 14px; color: #333; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop_product_list3 li a .tip { display: block; font-size: 14px; color: #999; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop_product_list3 .price { margin: 5px auto; color: #c40000; }

.shop_product_list3 .price span { font-size: 0.386rem; font-weight: 700; }

.shop_product_list3 .price em { color: #999; padding-left: 5px; border-left: 1px solid #ededed; margin-left: 5px; font-size: 12px; }

.shop_product_list3 .pl-btn { width: 70%; padding: 2px; margin: 0 auto 5px; background: #cc9900; color: #fff; border-radius: 5px; display: block; }

.shop_product_list3 .sp_list_moreb { background: #fff; display: block; text-align: center; color: #cc9900; font-size: 16px; font-weight: bold; padding: 15px 0; }

/*产品列表版式6 有查看详细跟加入购物车按钮 底部有更多--------------*/
.shop_product_list4 { background: #f5f5f5; padding-bottom: 10px; }

.shop_product_list4 ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }

.shop_product_list4 li { float: left; width: 50%; box-sizing: border-box; margin-bottom: 2px; background: #fff; position: relative; }

.shop_product_list4 li:nth-child(2n+1) { border-right: 1px solid #f5f5f5; }

.shop_product_list4 li:nth-child(2n) { border-left: 1px solid #f5f5f5; }

.shop_product_list4 li .sp_4:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }

.shop_product_list4 li .sp_4 { padding: 0.2rem 0.2rem 0.1rem; background: #fff; display: block; text-align: center; }

.shop_product_list4 li .sp_4 img { width: 100%; display: block; }

.shop_product_list4 li .sp_4 .txt { font-weight: bold; font-size: 14px; color: #333; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop_product_list4 li .sp_4 .tip { display: block; font-size: 14px; color: #999; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop_product_list4 .price { margin: 5px auto 15px; color: #c40000; }

.shop_product_list4 .price span { font-size: 0.386rem; font-weight: 700; }

.shop_product_list4 .price em { color: #999; padding-left: 5px; border-left: 1px solid #ededed; margin-left: 5px; font-size: 12px; }

.shop_product_list4 .pl-btn { display: -webkit-box; margin: 0 auto 5px; }

.shop_product_list4 .pl-btn a { -webkit-box-flex: 1; margin: 0 5px; display: block; padding: 5px 0; box-sizing: border-box; font-size: 0.3rem; white-space: nowrap; }

.shop_product_list4 .pl-btn a.see { background: #fff; color: #666; border: 1px #ededed solid; }

.shop_product_list4 .pl-btn a.add { background: #cb0006; color: #fff; border: 1px #cb0006 solid; }

.shop_product_list4 .sp_list_moreb { background: #fff; display: block; text-align: center; color: #cc9900; font-size: 16px; font-weight: bold; padding: 15px 0; }

/*----------------------一行一个产品列表 Star--------------------------------*/
.product_list_row { margin: 0px 0.3rem 0.3rem 0.3rem; box-sizing: border-box; }
.product_list_row li { position: relative; background-color: #FFF; border-radius: 5px; box-shadow: 0 0 var(--border-margin) rgba(0, 0, 0, 0.1); margin-top: 0.3rem; overflow: hidden; }
.product_list_row li:first-child { margin-top: 0px; }
.product_list_row li a { display: -webkit-box; display: flex; }
.product_list_row li .pic { width: 3.5rem; display: flex; position: relative; align-items: center; flex-shrink: 0; flex: 0 0 auto; border-radius: 5px 0px 0px 5px; overflow: hidden; background-color: #000; }
.product_list_row li .pic img { width: 100%; }
.product_list_row li .info { padding: var(--border-margin); box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden; justify-content: space-between; }
.product_list_row li .info h2 { font-size: .38rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; }
.product_list_row li .info h2 .badge { display: inline-block; padding: 0px 5px; background-color: var(--color-badge); color: #FFFFFF; font-size: 0.3rem; margin-right: 5px; border-radius: 3px; }
.product_list_row li .info .description { font-size: .3rem; color: var(--color-desc); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 5px; }
.product_list_row li .info .tag { flex: 1; font-size: .3rem; }
.product_list_row li .info .tag span { background: #f2f2f7; padding: 0 5px; border-radius: 2px; margin-right: .15rem; color: #666 }

.product_list_row li .info .price .newprice { position: relative; display: inline-block; }
.product_list_row li .info .price .newprice b { display: block; font-size: .54rem; color: var(--color-price); }
.product_list_row li .info .price .newprice b:before { content: "￥"; font-size: .3rem; }
.product_list_row li .info .price del { color: #999999; padding-left: .15rem; font-size: .3rem; padding-top: .2rem; }
.product_list_row li .info .price del:before { content: "￥"; }
/*---------------------------------一行一个产品列表 end--------------------------------*/

/*---------------------------------滚动新闻--------------------------------*/
.newline { background: #fff; padding: 5px 0; overflow: hidden; display: -webkit-box; display: flex; }
.newline .caption { padding: 0 var(--border-margin); position: relative; flex: 0 0 auto; }
.newline .caption .title { min-width: 1.2rem; line-height: 0.6rem; background: #fff; color: #c40000; font-weight: bold; text-align: center; }
.newline .caption:after { content: ''; display: inline-block; height: 0.6rem; border-left: 1px solid #e6e6e6; position: absolute; right: 0; top: 0rem; }
.newline .caption .title, .newline .content li, .newline .headlineScroll { height: 0.6rem; overflow: hidden; }
.newline .content { padding: 0 .3rem; font-size: 0.36232rem; overflow: hidden; flex: 1 1 auto; }
.newline .content li { line-height: 0.6rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.newline .content .tag { border: 1px solid #c40000; color: #c40000; border-radius: 2px; font-size: 0.36232rem; text-align: center; padding: .05rem .1rem; height: 0.5rem; margin-right: .2rem; margin-top: 0.05rem; white-space: normal; box-sizing: border-box; white-space: nowrap; }
.newline .more { flex: 0 0 auto; padding: 0 .4rem 0 0; position: relative; color: #999; line-height: .58rem; }
.newline .more:before { content: ""; position: absolute; right: 0.2rem; top: 50%; width: .2rem; height: .2rem; border-left: 1px solid #999; border-top: 1px solid #999; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); }
/*---------------------------------滚动新闻 end--------------------------------*/


/*---------------------------------底部导航条 st-------------------------------------*/
.fb-btnitem { position: fixed; bottom: 0; z-index: 6000; width: 100%; left: 0; right: 0; }
/*左浮动按钮-------------------------------*/
.left_btn { position: absolute; line-height: 1.2rem; text-align: center; color: #fff !important; font-size: 0.5rem; left: 10px; width: 1.2rem; height: 1.2rem; border-radius: 25px; display: block; background: rgba(0, 0, 0, .4); box-shadow: 1px 1px 4px rgba(0, 0, 0, .3); -webkit-tap-highlight-color: rgba(255,0,0,0); top: -1.4rem; }

.fixed_cart { background: rgba(181, 79, 74, .9); }

.fixed_cart a i { color: #fff !important; }

/*右浮动按钮-------------------------------*/
.right_btn { position: absolute; right: 10px; color: #fff !important; font-size: 0.65rem; line-height: 1.1rem; background: rgba(0, 0, 0, .4); box-shadow: 1px 1px 4px rgba(0, 0, 0, .3); text-align: center; bottom: 2rem; z-index: 5000; width: 1.2rem; height: 1.2rem; border-radius: 25px; display: block; }
.right_btn i.iconfont { color: #fff !important; }
.bottom-menu { width: 100%; min-height: 1.4rem; background-color: #fff; bottom: 0; border-top: 1px solid #F3F3F3; }

.bottom-menu nav { display: -webkit-box; width: 100%; }

.bottom-menu nav a { display: block; -webkit-box-flex: 1; width: 20%; min-height: 1.4rem; font-size: 12px; text-align: center; color: #666666; position: relative; }

.bottom-menu nav a i { display: block; font-size: 0.6rem; line-height: 0.7rem; padding-top: 0.15rem; }

.bottom-menu nav a em { position: absolute; right: 0.3rem; top: 0; display: block; padding: 2px 4px; font-size: 12px; background-color: #c40000; color: #fff; border-radius: 40px; line-height: 1; }


/*产品弹窗----------------------------------*/
.shopsku { position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 10000; display: none; }

.shopsku:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0; -webkit-transition: all .3s ease; }

.shopsku > div { position: absolute; bottom: 0; left: 0; right: 0; max-height: 90%; overflow-y: auto; -webkit-transition: all .3s ease; -webkit-transform: translateY(100%); }

.shopsku.show:before { opacity: .7; }

.shopsku.show > div { -webkit-transform: translateY(0); }


.d-prop { background-color: #fff; color: #666; font-size: .7rem; }

.d-prop { background-color: #fff; color: #666; font-size: 14px; }

.dpc-tl { border-bottom: 1px #cdcdcd solid; }

.dp-top { padding-top: .3rem; overflow: hidden; width: 100%; }

.dp-detail-btn { height: 1.05rem; line-height: 1.05rem; padding: .1rem .35rem; border-radius: 5px; color: #666; margin-left: .3rem; background: #ededed; }

.dpt-l { width: 100%; padding: .3rem; box-sizing: border-box; }


.dpt-r { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-align: center; margin-left: 12px; font-size: 12px; line-height: 140%; margin-top: -2px; }

.dpt-rt { display: inline-block; width: 100%; }

.dpt-pri { color: #ff5000; font-weight: 700; font-size: 14px; margin: 1px 0; font-family: arial; }

.dpt-opt { color: #999; }

.dpt-gray { color: #666; }

.dpt-c { width: 1.2rem; height: 1.2rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAA3NCSVQICAjb4U/gAAAAHlBMVEX////5+fn39/f09PTU1NTR0dGZmZmVlZV3d3d1dXVz+zGOAAAACnRSTlMA////////////fokUVgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAC3SURBVCiRbdO7EcJADARQ3YxxTAIxESXQDwTXCiXQLtLJsj4rj53cvEC3K9N2JXw22t94Oia/yO8f/oCP+aCGC0a+MHLFlR+4csOZnzhzx5EHHHnEzhN2nrHxgo1XrBywcsTCGyz82WDm3wbz8a9bgjFfzRLwGN0SyBi4BGtm5DozcL1g5XbBwi2NzD2NxD26yGN0gcecneecT55LMV5LOXhtUDk2uDjWLbyrm/ne1M2/6wVPiW5/sggn4SG2FKIAAAAASUVORK5CYII=) center center no-repeat; background-size: .6rem; top: 0; right: 0; position: absolute; }

.dp-cont, .dp-oto { padding: 0 .4rem; }

.dpc-p { margin-bottom: .3rem; }



.dpc-tl { padding-bottom: .2rem; }

.dpc-pr { margin-right: -.3rem; font-size: .36rem; }

.dpc-pr > span { border: 1px #c5c8cf solid; height: .7rem; line-height: .7rem; border-radius: 3px; padding: 0 .3rem; margin: .3rem .3rem 0 0; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; }

.dpc-pr .sel { border-color: #ff5000; color: #ff5000; }

.dp-num { border-top: 1px #cdcdcd solid; display: -webkit-box; margin: 0 .4rem; padding: .35rem 0; line-height: .5rem; }

.dpn-l { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-align: center; }

.dpn-r { display: -webkit-box; border-radius: 2px; width: 2.7rem; border: 1px #b4b4b4 solid; text-align: center; font-size: 1rem; color: #5f646e; }

.dpn-del, .dpn-buy, .dpn-add { -webkit-box-flex: 1; width: 100%; display: block; }

.dpn-del { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAGAgMAAACkxbaAAAAAA3NCSVQICAjb4U/gAAAADFBMVEX///9kaHJiZnBfZG518K+4AAAABHRSTlMA////sy1AiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAATSURBVAiZY8haBQIM+/+DAD4KAIFhIF/tW9ysAAAAAElFTkSuQmCC) center center no-repeat; background-size: .3rem; }

.dpn-buy { text-align: center; height: .78rem; line-height: .78rem; border: 1px #b4b4b4 solid; border-width: 0 1px; font-size: .5rem; }

.dpn-add { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAAA3NCSVQICAjb4U/gAAAADFBMVEX///9kaHJiZnBfZG518K+4AAAABHRSTlMA////sy1AiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAlSURBVAiZY2BgkFrBAAL6f8ihslbt/7dqFcP+/yCAlyLXBggFAD7ONWXRZoD8AAAAAElFTkSuQmCC) center center no-repeat; background-size: .3rem; }

.dp-btom { text-align: center; display: -webkit-box; }

.dp-bton { display: block; width: 25%; padding: 0 .2rem; box-sizing: border-box; height: 1.2rem; line-height: 1.2rem; color: #fff; background-color: #ff5000; font-size: .386rem; }

.add-btn { background-color: #ffb03f; }

.dp-top h2 { padding-left: .3rem; padding-right: 1.2rem; font-size: .4rem; font-weight: 400; }

.swiper-container2 { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-container2 img { border-right: 1px solid #fff; border-left: 1px solid #fff; box-sizing: border-box; }
.swiper-container2 .swiper-slide img { opacity: 0.4; }
.swiper-container2 .swiper-slide-active img { opacity: 1; }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-slide img { height: auto; overflow: hidden; width: 100%; display: block; }
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; }
/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }
/* Arrows */
.swiper-button-prev,
.swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
/* Pagination Styles */
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }
/* Bullets */
.swiper-pagination-bullet { width: .5rem; height: 0.06rem; display: inline-block; background: #fff; opacity: 0.4; }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { opacity: 1; background: #b0352f; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
/* Progress */
.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }
.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }
.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }
/* 3D Container */
.swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ }
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip { overflow: visible; }
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
/* Cube */
.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; }
/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }
.swiper-scrollbar-cursor-drag { cursor: move; }
/* Preloader */
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes swiper-preloader-spin {
    100% { transform: rotate(360deg); }
}

.swipe_nav span.on { background-color: #fff; opacity: 1; }

.dp-btnprice { display: block; -webkit-box-flex: 1; font-size: .4rem; color: #ff5000; padding: 0 .2rem; height: 1.2rem; line-height: 1.2rem; color: #fff; background-color: #333; font-size: .4rem; }


.dp-btnprice span.price { font-size: .5rem; line-height: 1; }

.dpc-tl li { font-size: .32rem; line-height: 18px; color: #666; padding: 2px 5px; width: 48%; box-sizing: border-box; display: inline-block; }



.dot_li_c { position: absolute; bottom: 0.5em; width: 100%; text-align: center; z-index: 2; }

.dot_li_c span.swiper-pagination-bullet { display: inline-block; margin-right: 0.5em; width: 0.5em; height: 0.5em; border-width: 0.1em; border-style: solid; border-color: rgba(0,0,0,0); background: #88878D; border-radius: 50%; }

.dot_li_c span.swiper-pagination-bullet-active { border-bottom-width: 0.1em; border-style: solid; border-color: #c5c5c5; background: #fff; }

.wrapper .service { text-align: center; height: .9rem; }

.wrapper .service .button { display: inline-block; background-color: #f2f2f2; color: #333; height: .9rem; width: 50%; margin: 0; font-size: .38rem; float: left; position: relative; box-sizing: border-box; }

.wrapper .service .button:first-child { border-right: 1px solid #fff; }

.wrapper .service .button img { width: .6rem; height: .6rem; position: absolute; top: .15rem; left: 1rem; }

.wrapper .service .button .sertxt { position: absolute; top: 0; left: 1.7rem; line-height: .9rem; }

.wrapper .item-list::after { content: ""; clear: both; display: block; }

.refpage { width: 96%; margin: 0 auto; }

.refpage .button { display: inline-block; background-color: #f2f2f2; color: #666; height: .9rem; margin: 0; width: 100%; font-size: .38rem; position: relative; box-sizing: border-box; border-radius: 3px; }

.wrapper .refpage .button img { width: .6rem; height: .6rem; position: absolute; top: .15rem; left: 3.8rem; }

.wrapper .refpage .button .sertxt { position: absolute; top: 0; left: 4.6rem; line-height: .9rem; }
/*产品弹窗 end*/


/*角标含产品列表*/
.corner_product { background: #fff; }

.corner_product:after { clear: both; display: block; visibility: hidden; overflow: hidden; width: 0; height: 0; content: '\0020'; }

.corner_product ul { padding: 3px; }

.corner_product ul li { float: left; box-sizing: border-box; margin-bottom: 5px; padding: 2px; width: 50%; }

.corner_product ul li a { display: block; border: 1px solid #ededed; }

.corner_product ul li a .pic { position: relative; }

.corner_product ul li a .pic label { position: absolute; top: 0; left: 0; display: block; padding: 2px 3px; background: rgba(255,102,0,.7); color: #fff; }

.corner_product ul li a .pic img { width: 100%; }

.corner_product ul li a h3 { overflow: hidden; box-sizing: border-box; padding: 5px; height: 24px; color: #333; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 14px; }

.corner_product ul li a p { padding: 5px; }

.corner_product ul li a p.titlecode { overflow: hidden; color: #999; text-overflow: ellipsis; white-space: nowrap; }

.corner_product ul li a p span { float: left; font-weight: 700; font-size: 18px; }

.corner_product ul li a p span i { font-size: .3rem; }

.corner_product ul li a p em { float: right; padding: 2px 5px; border-radius: 3px; background: #f60; color: #999; color: #fff; font-size: 9pt; }


.angularContent { display: none; }

/* 加载样式 开始 */
.spinner_fullbg { width: 100%; height: 100%; opacity: 0; background-color: #000; position: fixed; top: 0px; left: 0px; z-index: 999999999999; display: none; }
.spinner_bg { width: 100%; height: 100%; opacity: 0.5; background-color: #000; position: fixed; top: 0px; left: 0px; z-index: 999999999999; display: none; }

.spinner_bg .spinner_fw { position: absolute; top: 40%; width: 100%; }


.spinner_bg_v1 { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999999999999; display: none; }

.spinner_bg_v1 .spinner_fw_bg { width: 96px; height: 96px; opacity: 0.8; background-color: #000; position: fixed; top: 50%; left: 50%; z-index: 9999999999991; margin-top: -48px; margin-left: -48px; display: block; border-radius: 10px; }

.spinner_bg_v1 .spinner_fw { position: absolute; top: 30%; width: 100%; }

.container1 > div, .container2 > div, .container3 > div { width: 15px; height: 15px; background-color: #808080; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner { margin: 0px auto; width: 50px; height: 50px; position: relative; }

.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }

.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }

.circle1 { top: 0; left: 0; }

.circle2 { top: 0; right: 0; }

.circle3 { right: 0; bottom: 0; }

.circle4 { left: 0; bottom: 0; }

.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes bouncedelay {

    0%, 80%, 100% { -webkit-transform: scale(0.0) }

    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {

    0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }

    40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}


/* 瀑布流 */
.waterfall { white-space: nowrap; }
.waterfall .waterfall_column { box-sizing: content-box; }
.waterfall .waterfall_cell { margin-bottom: 10px; }
.waterfall .waterfall_more { line-height: 1rem; text-align: center; padding: 0 .5rem; display: none; color: #999; }
.waterfall .waterfall_column img { width: 100%; }

/* 瀑布流 flex */
.waterfall.waterfall-flex { display: flex !important; display: -webkit-flex !important; }


/*独立产品卡片*/
.product_card { width: 100%; position: relative; box-sizing: border-box; background-color: #FFF; border-radius: 5px; }
.product_card .pic { position: relative; background: #f3f3f3; border-radius: 5px 5px 0px 0px; }
.product_card .shouqing:after { transform: scale(0.6); -webkit-transform: scale(0.6); }
.product_card .pic img { width: 100%; border-radius: 5px 5px 0px 0px; }
.product_card .pic .user { position: absolute; bottom: -1px; left: -1px; background: rgba(51,51,51,.3); border-radius: 0 .35rem 0 0; color: #fff; font-size: .3rem; padding: .1rem .4rem .1rem .2rem; }
.product_card .pic .user span { background: url(/images/icons/indexcstx.png) left center no-repeat; background-size: .35rem; padding-left: .5rem; }
.product_card .item_content { padding: .3rem; }
.product_card h2 { font-size: .35rem; overflow: hidden; text-overflow: ellipsis; height: 1.1rem; line-height: 0.5rem; padding: 0rem; white-space: initial; }
.product_card h2 .badge { display: inline-block; padding: 0px 5px; background-color: var(--color-badge); color: #FFFFFF; font-size: 0.3rem; margin-right: 5px; border-radius: 3px; }
.product_card p { color: #999; font-size: .34rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_card .price { color: #B60909; padding: .15rem 0rem 0 0; position: relative; }
.product_card .price b { font-weight: bold; font-size: 0.54rem; }
.product_card .price del { color: #999999; padding-left: 3px; }
.product_card .price span { color: #999; position: absolute; right: 0rem; bottom: 0em; line-height: .65rem; }
.product_card .tags { padding: 0rem; white-space: normal; }
.product_card .tags span { color: #B60909; display: inline-block; border: 1px solid #B60909; border-radius: 5px; padding: 1px 5px; font-size: .3rem; margin-right: 5px; margin-top: 3px; }
.product_card li .tags span:last-child { margin-right: 0px; }

.product_card_allshow h2 { height: auto; }

/*左右商品结构*/
.product_list_lr { }
.product_list_lr ul { padding: .24rem; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 0.24rem; grid-row-gap: 0.24rem; }
.product_list_lr ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }
.product_list_lr li { width: 100%; position: relative; box-sizing: border-box; background-color: #FFF; border-radius: 5px; }
.product_list_lr li .pic { position: relative; background: #f3f3f3; border-radius: 5px 5px 0px 0px; }
.product_list_lr li .shouqing:after { transform: scale(0.6); -webkit-transform: scale(0.6); }
.product_list_lr li .pic img { width: 100%; border-radius: 5px 5px 0px 0px; }
.product_list_lr li .pic .user { position: absolute; bottom: -1px; left: -1px; background: rgba(51,51,51,.3); border-radius: 0 .35rem 0 0; color: #fff; font-size: .3rem; padding: .1rem .4rem .1rem .2rem; }
.product_list_lr li .pic .user span { background: url(/images/icons/indexcstx.png) left center no-repeat; background-size: .35rem; padding-left: .5rem; }
.product_list_lr li .item_content { padding: .3rem; }

.product_list_lr li h2 { font-size: .35rem; overflow: hidden; text-overflow: ellipsis; height: 1rem; line-height: 0.5rem; padding: 0rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
.product_list_lr li h2 .badge { display: inline-block; padding: 0px 5px; background-color: var(--color-badge); color: #FFFFFF; font-size: 0.3rem; margin-right: 5px; border-radius: 3px; }
.product_list_lr li p { color: #999; font-size: .34rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_list_lr li .price { color: #B60909; padding: .15rem 0rem 0 0; position: relative; }
.product_list_lr li .price b { font-weight: bold; font-size: 0.54rem; }
.product_list_lr li .price del { color: #999999; padding-left: 3px; }
.product_list_lr li .price span { color: #999; position: absolute; right: 0rem; bottom: 0em; line-height: .65rem; }
.product_list_lr li .tags { padding: 0rem; white-space: normal; }
.product_list_lr li .tags span { color: #B60909; display: inline-block; border: 1px solid #B60909; border-radius: 5px; padding: 1px 5px; font-size: .3rem; margin-right: 5px; margin-top: 3px; }
.product_list_lr li .tags span:last-child { margin-right: 0px; }

/* 默认产品组 */
.product_list { margin: 0 0 20px }
.product_list img { display: block; width: 100%; }
.product_list ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }
.product_list ul { padding: 5px }
.product_list ul li { float: left; width: 50%; position: relative; padding: 5px; box-sizing: border-box; }
.product_list ul li:nth-child(odd) { clear: left }
.product_list ul li a { position: relative; background: #fff; display: block; height: 100% }
/*.product_list ul li a .pic{height: 3.7rem}*/
.product_list ul li a h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: .386rem; padding: 5px }
.product_list ul li a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: .34rem; color: #9f8a60; border-bottom: 1px solid #f9f9f9; text-align: center; display: block }
.product_list ul li a .price { padding: 10px; font-size: .3rem; box-sizing: border-box; color: #B60909 }
.product_list ul li a .price b { font-size: .6rem; line-height: .6rem; height: .6rem; color: #B60909 }
.product_list ul li .price del { color: #999999; }
.product_list ul li .buy { position: absolute; right: 15px; bottom: 20px; width: .8rem; height: .8rem; background: #C60A0A url(/images/icons/cart.png) center center no-repeat; background-size: .5rem; border-radius: 50% }
.product_list ul li a .shouqing { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 5 }
.product_list ul li a .shouqing:after { background-size: auto; }

/* 查找更多按钮 */
.findmore { text-align: center; margin-top: .3rem; }
.findmore a { background: #fff; border: 1px solid #000; color: #333; padding: .15rem .6rem; display: inline-block; background: url(/images/mod/6367564323774950265422016.png) #fff center .56rem no-repeat; background-size: 70%; }

.jianhao { position: relative; display: inline-block; }
.jianhao span { display: inline-block; border-left: 1px solid #999; border-top: 1px solid #999; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); width: .2rem; height: .2rem; position: absolute; top: -0.14rem; left: .2rem; }
.jianhao:after { content: ""; display: inline-block; border-left: 1px solid #999; border-top: 1px solid #999; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); width: .2rem; height: .2rem; position: absolute; top: -0.12rem; }

/* 系统自动布局 */
.custom_flex { display: flex !important; display: -webkit-flex !important; align-items: center; }
.flex_auto { flex: 1 1 auto; -webkit-flex: 1 1 auto; }
.flex_fixed { flex: 0 0 auto; -webkit-flex: 0 0 auto; }
.flex_row_center { align-items: center; justify-content: center; display: flex; gap: 0.38rem; }
.flex_row_between { align-items: center; display: flex; gap: 0.38rem; justify-content: space-between; }
.flex_row_end { align-items: center; display: flex; gap: 0.38rem; justify-content: flex-end; }


/* 突出主题，左右摆放  */
.m_product { padding: var(--border-margin); padding-top: 0px; }
.m_product .floor_title { padding: 0px 0px 0.3rem 0px !important; }
.m_product .productlist { padding: 0 0rem 0rem; box-shadow: 0 0 var(--border-margin) rgba(0, 0, 0, 0.1); border-radius: .15rem; overflow: hidden; background-color: #FFF; }
.m_product .productlist .moreprodut { line-height: 1rem; text-align: center; padding: 0 .5rem; }
.m_product .productlist .moreprodut a { color: #999; }
.m_product .productlist:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }

.m_product ul { display: grid; grid-template-columns: 1fr 1fr; }
.m_product ul li { width: 100%; padding: .3rem; border-bottom: 1px solid #f3f3f3; position: relative; box-sizing: border-box; }
.m_product ul li a .pic { background: #f3f3f3; position: relative; }
.m_product ul li a .shouqing:after { transform: scale(0.6); -webkit-transform: scale(0.6); }
.m_product ul li a .pic img { mix-blend-mode: multiply; width: 100%; }
.m_product ul li a h2 { line-height: 0.5rem; height: 1.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: .15rem 0 0; font-size: .34rem; }
.m_product ul li a h2 .badge { display: inline-block; padding: 0px 5px; background-color: var(--color-badge); color: #FFFFFF; font-size: 0.3rem; margin-right: 5px; border-radius: 3px; }
.m_product ul li a .price { color: var(--color-price); padding-top: .15rem; padding-left: 2px; }
.m_product ul li a .price b { font-weight: bold; font-size: 0.54rem; }
.m_product ul li a .price del { color: #999999; padding-left: 3px; }
.m_product ul li a .price span { display: inline-block; border: 1px solid #B60909; border-radius: 15px; padding: 2px 5px; font-size: .3rem; margin-left: 5px; position: absolute; margin-top: 3px; }
/*.m_product ul li:nth-child(odd) { clear: left; }*/
.m_product ul li:before { content: ''; width: 1px; height: 100%; border-right: 1px solid #e7e7e7; position: absolute; top: 0; right: 0px; transform: scaleX(.5); -webkit-transform: scaleX(.5); z-index: 2; }
.m_product ul li:nth-child(even):before { display: none; }
.m_product .tags { margin-top: 5px; }


/* 一行摆放三个产品简略版 产品简约版本 */
.it_product { padding: 0 var(--border-margin); }
.it_product.txt-justify ul li a { text-align: justify; }
.it_product.txt-justify ul li h5 { text-align: justify; }
.it_product .floor_title { padding: 0px 0px var(--border-margin) 0px !important; }
.it_product ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: stretch; align-items: stretch; }
.it_product ul:after { content: ""; width: 30%; }
.it_product ul li { width: 31.5%; position: relative; flex: 0 0 auto; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: .15rem; overflow: hidden; margin: 0 0 .3rem 0; box-sizing: border-box; }
.it_product ul li:after { /* content: ''; */ height: 1px; width: 100%; border-top: 1px solid #f3f3f3; position: absolute; left: 0; bottom: -1px; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10; }
.it_product ul li:before { /* content: ''; */ width: 1px; height: 100%; border-right: 1px solid #e7e7e7; position: absolute; top: 0; right: 0px; transform: scaleX(.5); -webkit-transform: scaleX(.5); z-index: 10; }
.it_product ul li a { display: block; text-align: center; padding: .2rem; position: relative; overflow: hidden; }
.it_product ul li h5 { margin-top: .2rem; text-align: center; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.it_product ul li a .pic { position: relative; }
.it_product ul li a .pic img { width: 100%; }
.it_product ul li a .shouqing:after { transform: scale(0.6); -webkit-transform: scale(0.6); }
.it_product ul li a .price { display: block; font-size: .2rem; color: var(--color-price); line-height: .6rem; }
.it_product ul li a .price b { font-weight: normal; font-size: .386rem; }
.it_product ul li a .price span { color: #848484; display: inline-block; margin-right: 2px; font-size: .3rem; }
.it_product ul li a .price del { color: #848484; display: inline-block; margin-left: 2px; font-size: .3rem; }
.it_product ul li:nth-child(6) { }
.it_product ul li:nth-child(6) a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.it_product ul li:nth-child(6) a .moretext { display: block; text-align: center; font-size: .34rem; }
.it_product ul li:nth-child(6) a .moretext2 { display: inline-block; text-align: center; color: #999; font-size: .3rem; border-top: 1px solid #f3f3f3; padding-top: .1rem; margin-top: .1rem; }
.it_product ul li:nth-child(6):after { display: none; }

/*@media screen and (min-width:640px) {
    .it_product ul li a { height: 4.7rem; }
}
*/
/* 一行一个产品的列表 */
.rowbyrow_product ul { background: #fff; padding: 0px .3rem; border-radius: 5px; border: 1px solid #ededed; }
.rowbyrow_product ul li { border-top: 1px solid #f3f3f3; padding: .3rem 0px; }
.rowbyrow_product ul li:first-child { border: 0; }
.rowbyrow_product ul li { display: flex; }
.rowbyrow_product ul li .pic { width: 2rem; flex-grow: 0; overflow: hidden; position: relative; }
.rowbyrow_product ul li .pic .item_showtag { position: absolute; bottom: 0px; text-align: center; background-color: #000000AA; color: #FFFFFF; width: 100%; font-size: 11px; padding: 3px 0px; height: 100%; display: flex; align-items: center; text-align: center; justify-content: center; border-radius: 5px; line-height: 100%; }
.rowbyrow_product ul li .shouqing:after { transform: scale(0.6); -webkit-transform: scale(0.6); }
.rowbyrow_product ul li .pic img { width: 2rem; height: 2rem; border-radius: 5px; }
.rowbyrow_product ul li .info { padding-left: .5rem; display: flex; flex-direction: column; flex: 1; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rowbyrow_product ul li.item_unpublished .title { color: #999999; }
.rowbyrow_product ul li .info .title { min-height: 1.38rem; }
.rowbyrow_product ul li .info h2 { overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: .5rem; }
.rowbyrow_product ul li .info .desc { color: #999999; font-size: .3rem; padding: 0rem; padding-top: .1rem; line-height: .48rem; }
.rowbyrow_product ul li .info .price { color: #B60909; font-size: .3rem; padding: 0rem; padding-top: .1rem; position: relative; align-items: baseline; line-height: .48rem; }
.rowbyrow_product ul li .info .price b { font-weight: bold; font-size: 0.54rem; }
.rowbyrow_product ul li .info .price del { color: #999999; padding-left: 3px; }
.rowbyrow_product ul li .info .price span { color: #999; font-size: .3rem; position: absolute; right: .2rem; bottom: .1rem; line-height: .7rem; }
.rowbyrow_product ul li .info .price .item_price_remark { color: var(--color-price); font-size: 12px; margin-top: 3px; }
.rowbyrow_product ul li .operate { width: .8rem; padding-left: 5px; position: relative; }
.rowbyrow_product ul li .operate i { position: absolute; right: 0; }
.rowbyrow_product ul li .operate i.del { top: 0; color: #999; right: .15rem; font-size: .45rem !important; }
.rowbyrow_product ul li .operate i.cart { bottom: 0; font-size: .4rem !important; background-color: #d50000; height: .8rem; width: .8rem; border-radius: .8rem; align-items: center; text-align: center; vertical-align: middle; line-height: .8rem; color: #FFFFFF !important; }

.rowbyrow_product.row_span ul { background: none; padding: 0px; border: 0px; }
.rowbyrow_product.row_span ul li { background: #fff; border: 0px; padding: .3rem; border-radius: 5px; margin-top: 10px; }

/* ======= 产品标签 === 开始 ====  */
.tag { color: #B60909; display: inline-block; border-radius: 10px; padding: 2px 5px; font-size: 11px; border: 1px solid #B60909; margin-right: 5px; line-height: 14px; }
.tag.bgfill { color: #FFF !important; background-color: #B60909; border: 0px; border-radius: 5px; }
.tag.theme_gold { color: #C3A769; border-color: #C3A769; }
.tag.theme_gold.bgfill { color: #FFF !important; background-color: #C3A769; }

/* 空心标签 */
.tags { white-space: normal; }
.tags span { color: #B60909; display: inline-block; border: 1px solid #B60909; border-radius: 3px; line-height: .48rem; padding: 0px 5px; font-size: .3rem; margin: 0 5px 5px 0; }
.tags span:last-child { margin-right: 0px; }
.tags span.tag { border: 1px solid #D96B6C; color: #D96B6C; }
.tags span.active { border: 1px solid #B60909; color: #B60909; }
.tags span.crowdfunding { border: 1px solid #000000 !important; color: #000000 !important; }
.tags span.vipactive { border: 1px solid var(--color-vip) !important; color: var(--color-vip) !important; }

.tags span.vipactive:before { content: "VIP | "; word-spacing: 1px; }

/* 填充标签 */
.tags.bgfill { }
.tags.bgfill span { color: #FFF !important; background-color: #B60909; border: 0px; }
.tags.bgfill span.tag { background-color: #D96B6C; }
.tags.bgfill span.active { background-color: #B60909; }
.tags.bgfill span.crowdfunding { background-color: #000000 !important; }
.tags.bgfill span.vipactive { background-color: var(--color-vip) !important; }
.tags.bgfill span.vipactive:before { content: "VIP | "; word-spacing: 1px; }
/* ======= 产品标签 === 结束 ====  */
/* 拼团弹窗 */
.pintuan_index_btn { background: rgba(0,0,0,0.7); padding: 0px 5px; position: fixed; bottom: 1.7rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 9; border-radius: 30px; width: 75%; margin: 0 auto; height: 44px; overflow: hidden; max-width: 480px; }
.pintuan_index_btn ul { }

.pintuan_index_btn ul li { height: 40px; line-height: 40px; padding: 2px; }

.pintuan_index_btn ul li a { display: -webkit-flex; display: flex; align-items: center; box-sizing: border-box; color: #fff; }

.pintuan_index_btn ul li .pic { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; margin-right: 10px; flex-shrink: 0; }

.pintuan_index_btn ul li .pic img { object-fit: cover; width: 100%; height: 100%; display: block; }

.pintuan_index_btn ul li .username { width: 2rem; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pintuan_index_btn ul li .text { -webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; white-space: nowrap; padding: 0 .1rem; margin-right: .3rem; }

.pintuan_index_btn ul li .go { white-space: nowrap; position: relative; padding-right: .5rem; }

.pintuan_index_btn ul li .go:before { content: ""; position: absolute; right: .22rem; top: 50%; width: .2rem; height: .2rem; border-left: 1px solid #fff; border-top: 1px solid #fff; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); }

/* 滚动弹窗 */
.pop_scroll { background: rgba(0,0,0,0.5); padding: 0px 5px; position: fixed; top: 0px; z-index: 999; border-radius: 30px; margin: 0 auto; height: 34px; overflow: hidden; left: 0px; }
.pop_scroll ul li { height: 30px; line-height: 30px; padding: 2px; max-width: 70%; }
.pop_scroll ul li a { display: -webkit-flex; display: flex; align-items: center; box-sizing: border-box; color: #fff; }
.pop_scroll ul li .pic { width: 25px; height: 25px; border-radius: 50%; overflow: hidden; margin-right: 10px; flex-shrink: 0; }
.pop_scroll ul li .pic img { object-fit: cover; width: 100%; height: 100%; display: block; }
.pop_scroll ul li .text { -webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; white-space: nowrap; padding: 0 .1rem; margin-right: .3rem; }
.productbuyrecord.pop_scroll { position: absolute !important; top: 60px; bottom: auto; left: 10px; }

/* 闪现 */
.pop_lighten { padding: 0px 5px; position: fixed; top: 0px; z-index: 999; margin: 0 auto; left: 0px; }
.pop_lighten ul { position: relative; }
.pop_lighten ul li { height: 30px; line-height: 30px; border-radius: 30px; padding: 2px; background: rgba(0,0,0,0.5); padding: 0px 5px; position: absolute; left: 0px; top: 0px; }
.pop_lighten ul li a { display: -webkit-flex; display: flex; align-items: center; box-sizing: border-box; color: #fff; }
.pop_lighten ul li .pic { width: 25px; height: 25px; border-radius: 50%; overflow: hidden; margin-right: 10px; flex-shrink: 0; }
.pop_lighten ul li .pic img { object-fit: cover; width: 100%; height: 100%; display: block; }
.pop_lighten ul li .text { -webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; white-space: nowrap; padding: 0 .1rem; margin-right: .3rem; }
.productbuyrecord.pop_lighten { top: 60px; bottom: auto; left: 10px; }

/* 活动提示banner */
.activity_banner { background: linear-gradient(to right, rgb(248, 60, 97), rgb(255, 107, 66)) !important; width: 100%; display: flex; color: #FFF; align-items: center !important; background-size: 100% 100% !important; background-position: center center !important; }
.activity_banner .banner_left { flex: 1 1 auto; -webkit-flex: 1 1 auto; font-size: .45rem; padding: 0.2rem 0.5rem; line-height: 0.72rem; }
.activity_banner .banner_right { flex: 0 0 auto; -webkit-flex: 0 0 auto; padding: 0.2rem 0.5rem; position: relative; line-height: 0.72rem; }
.activity_banner .banner_right .lable-tips { font-size: 0.3rem; margin-bottom: 2px; }
.activity_banner .banner_right span { font-size: 0.3rem; margin: 0px; padding: 0px; display: inline-block; }
.activity_banner .banner_right .lable-time { font-weight: 400; font-size: 0.3rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; }
.activity_banner .banner_right .lable-time:last-child { margin-right: 0.1rem; }
.activity_banner .banner_right .activity_banner_jiantou_right { content: ""; position: absolute; top: 50%; width: .2rem; height: .2rem; border-left: 1px solid #FFF; border-top: 1px solid #FFF; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); right: 0px; display: none; color: #FFF; }
.activity_banner .banner_right.show_banner_jiankou .activity_banner_jiantou_right { display: block; }
a.activity_banner { color: #FFF; }
a.activity_banner .banner_right:after { content: ""; position: absolute; top: 50%; width: .2rem; height: .2rem; border-left: 1px solid #FFF; border-top: 1px solid #FFF; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); right: 0px; }


/* 底部浮动 */
.fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0; max-width: 640px; margin: 0 auto; z-index: 50; }

/* 按钮提交组 */
.submit { padding: 0.1rem; border-top: 1px solid #ebebeb; background-color: #fff; display: -webkit-box; display: box; display: -webkit-flex; display: flex; overflow: hidden; }
.submit-left { float: left; margin-left: -0.166667rem; }
.submit-left > * { float: left; padding-top: 0.2rem; width: 2rem; line-height: 1; font-size: 0.333333rem; text-align: center; position: relative; }
.submit-left > *:before { content: ''; display: block; height: .8rem; border-left: 1px solid #ebebeb; position: absolute; left: -0.016667rem; }
.submit-left i { width: .5rem; height: .5rem; margin-bottom: 0.1rem; display: inline-block; vertical-align: middle; margin-top: -2px; font-style: normal; background-size: 100% 100%; position: relative; font-size: 20px !important; }
.submit-left i.icon-service { width: .5rem; height: .5rem; background-image: url(/images/icons/客服.png); }
.submit-left i.icon-bag { width: .5rem; height: .5rem; background-image: url(/images/icons/shopbag.png); }
.submit-bag { position: relative; }
.submit-bag span { display: block; padding: 0 0.1rem; min-width: 0.2rem; line-height: 0.4rem; color: #fff; text-align: center; font-size: 0.333333rem; background-color: var(--color-badge); position: absolute; top: -0.113333rem; left: 0.32rem; border-radius: 0.2rem; word-break: normal !important; }
.submit-btns { display: -webkit-box; display: box; display: -webkit-flex; display: flex; -webkit-flex: 1; flex: 1; float: right; width: 5.8rem; overflow: hidden; border-radius: 0.15rem; }
.submit-btns .btns { width: 100%; height: 1.2rem; line-height: 1.2rem; color: #fff; text-align: center; font-size: 0.386rem; background-color: #1A191E; -webkit-flex: 1; flex: 1; }
.submit-btns .btns.buy { background-color: var(--color-btn-main); }
.submit-btns .btns.addbag { background-color: var(--color-btn-normal); }
.submit-btns .btns.newbuy { background-color: var(--color-btn-main); }
.submit-btns .btns.shouqin { background-color: var(--color-btn-disable); }

/* 全色信息头部 */
.infoPlane { background-color: #CAA058; color: #FFF; position: relative; text-align: center; font-size: 0.4rem; padding: 1.5rem 1rem .8rem 1rem; background-image: linear-gradient(to right, #c49441 0%, #CAA058 100%); }
.infoPlane h2 { font-size: .5rem; line-height: .8rem; }
.infoPlane h2 i { font-size: .5rem !important; padding-right: 0.2rem; }
.infoPlane .info_price { margin-top: 5px; }
.infoPlane .infbtn { margin: 20px 0px 0px 0px; }
.infoPlane .infbtn a { color: #FFF; border: 1px solid #FFF; font-size: 0.3rem; margin-left: .8rem; padding: .2rem .5rem; border-radius: 5rem; }
.infoPlane .infbtn a:first-child { margin-left: 0px; }

/* 支付订单页面 */
.pay_page { margin: 20px; }
.pay_page .pay_title { text-align: center; padding: 20px 0px; font-size: .3rem; color: #B60909; }
.pay_page .pay_title b { font-size: .9rem; }
.pay_page .pay_tips { color: #808080; padding: .5rem 0px; text-align: center; }

.pay_way { background-color: #fff; margin-top: 5px; border-radius: 10px; }

.pay_way li { padding: 5px 15px; border-bottom: 1px solid #F2F2F2 }
.pay_way li:last-child { border-bottom: 0px !important; }

.pay_way li a { display: -webkit-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 10px 0 }

.pay_way li .ico { width: 40px; height: 40px; background: url('/themes/mobile/images/paybtn.png') center no-repeat; overflow: hidden; text-align: center }

.pay_way li .PaymentsWeixin,
.pay_way li .PaymentsWeixinWap
.pay_way li .PaymentsWeixinJsApiPay { background-position: -45px 0px; }
.pay_way li .PaymentsAliPayWapV2,
.pay_way li .PaymentsAliPayWap,
.pay_way li .PaymentsAliPay { background-position: 0 0; }
.pay_way li .PaymentsCashOnDelivery { background-position: -90px 0px; }
.pay_way li .PaymentsChinaUnionPay { background-position: -135px 0px; }
.pay_way li .ico i { font-size: 40px; line-height: 1 }

.pay_way li .txt { -webkit-box-flex: 1; line-height: 40px; padding-left: 10px }
.pay_way li .r { display: -webkit-box; width: 30px; text-align: right; color: #999; -webkit-box-orient: vertical; -webkit-box-pack: center }
.pay_way li .r .iconfont { color: #d7d7d7 !important; }
.pay_way li .r .iconfont.icon_circle { color: #d7d7d7 !important; display: block; }
.pay_way li .r .iconfont.icon_selected_circle_fill { color: #BEA474 !important; display: none; }
.pay_way li.selected .r .iconfont.icon_selected_circle_fill { display: block; }
.pay_way li.selected .r .iconfont.icon_circle { display: none; }

.pay_way li .alipay { color: #0ae }
.pay_way li .micromsg { color: #3BBF20 }

/*.success .iconfont,
.success .txt { color: #ff666b }

.no_message { text-align: center; min-height: 200px }

    .no_message i { color: red; font-size: 38px }

    .no_message h5 { font-size: 20px }

    .no_message .bd { text-align: left; font-size: 14px; width: 280px; margin: 30px auto; line-height: 24px }

    .no_message .fd { display: -webkit-box; -webkit-box-pack: center }

        .no_message .fd a { margin: 0 20px }*/

/*  优惠券   */
.coupon_list { position: relative; }
.coupon_list li { margin: 0 0 .3rem; }
.coupon_list.coupon_single li .bd { border-radius: .2rem; }
.coupon_list.coupon_bg_red li .bd { background-image: linear-gradient(to right, #C60A0A 0%, #e64d4d 40%, #ffd4d1 100%); }
.coupon_list.coupon_bg_red li .bd .tip .title a { background: #b0352f; }
/*#e7be76*/
.coupon_list li .bd { background-image: linear-gradient(to right, #c39c44 0%, #DDCA94 100%); display: -webkit-flex; display: flex; border-radius: .2rem .2rem 0 0; position: relative; overflow: hidden; box-shadow: 0 0 0.03rem rgba(0,0,0,.2); color: #f0f0f0; }
.coupon_list li .bd .price,
.coupon_list li .bd .discount { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; font-size: .3rem; position: relative; width: 2.5rem; height: 1.8rem; box-sizing: border-box; z-index: 1; }
/*.coupon_list li .bd .price div { display: -webkit-flex; display: flex; flex-flow: column; justify-content: space-around; -webkit-align-items: center; align-items: center; text-align: center; }*/
.coupon_list li .bd .discount b,
.coupon_list li .bd .price b { font-size: .8rem; position: relative; }
.coupon_list li .bd .discount p, .coupon_list li .bd .price p { display: -webkit-flex; display: flex; font-size: 0.3rem; }
.coupon_list li .bd .price b:before { content: "￥"; font-size: .35rem; }
.coupon_list li .bd .discount b:after { content: "\6298"; font-size: .35rem; }
.coupon_list li .bd .tip { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 0 .3rem; font-size: .35rem; -webkit-flex: 1; flex: 1; }
.coupon_list li .bd .content_area { width: 100%; }
.coupon_list li .bd .tip .title { text-align: left; -webkit-flex: 1; flex: 1; position: relative; }
.coupon_list li .bd .tip .title h3 { line-height: 1.1rem; font-size: .4rem; }
.coupon_list li .bd .tip .title a { background: #af965e; color: #fff; border-radius: .5rem; padding: .1rem .3rem; position: absolute; right: 0px; top: .2rem; }
.coupon_list li .bd .tip .description { text-align: left; -webkit-flex: 1; flex: 1; font-size: .3rem; }


.coupon_list li .des { border-radius: 0 0 .2rem .2rem; background: #fcfcfc; padding: .2rem .3rem; position: relative; border-top: 1px dashed #dfdbd2; box-shadow: 0 0 0.03rem rgba(0,0,0,.2); color: #999; font-size: .3rem; }
.coupon_list li .des:before, .coupon_list li .des:after { content: ""; position: absolute; width: .15rem; height: .3rem; background: #f3f3f3; top: -.152rem; z-index: 2; display: block; }
.coupon_list li .des:before { left: -1px; border-right: 1px solid #dfdbd2; border-radius: 0 .3rem .3rem 0 }
.coupon_list li .des:after { right: -1px; border-left: 1px solid #dfdbd2; border-radius: .3rem 0 0 .3rem }

.coupon_list li.failure .tobotton,
.coupon_list li.used .tobotton,
.coupon_list li.received .tobotton { display: none; }

.coupon_list li.failure .bd:before { content: "已过期"; background: #acacac; color: #fff; display: block; width: 2rem; height: .6rem; line-height: .6rem; font-size: .3rem; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: -.5rem; top: .2rem; }
.coupon_list li.used .bd:before { content: "已使用"; background: #acacac; color: #fff; display: block; width: 2rem; height: .6rem; line-height: .6rem; font-size: .3rem; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: -.5rem; top: .2rem; }
.coupon_list li.received .bd:before { content: "已领取"; background: #af965e; color: #fff; display: block; width: 2rem; height: .6rem; line-height: .6rem; font-size: .3rem; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: -.5rem; top: .2rem; }
.coupon_list li .gaizhang { position: absolute; RIGHT: 5px; top: -5px; z-index: 99; font-size: 50px !important; color: #9a8452 !important; }
.coupon_list li.failure .bd, .coupon_list li.used .bd { background: #d4d4d4; color: #fff; }
.coupon_list li.failure .bd .price b, .coupon_list li.used .bd .price b { color: #fff; }
.coupon_list li.failure .bd .tip a, .coupon_list li.used .bd .tip a { display: none; }

/* 底部尼彩条纹，竖型展示  */
.form_body_rainbow { background: #fffbea; margin-bottom: 10px; background: url(/images/item_inner_bd_bg.jpg) #fffbea bottom left repeat-x; padding-bottom: 10px; }
.form_body_rainbow .custom_flex { padding: 0rem 0 0rem .3rem; font-size: .38rem; color: #333; position: relative; font-size: 0.38rem; }
.form_body_rainbow .custom_flex:before { content: ''; height: 1px; width: 100%; border-top: 1px solid #f3f3f3; position: absolute; left: 0; top: 0px; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10; }
.form_body_rainbow .custom_flex .flex_fixed { width: 1.6rem; line-height: 0.9rem; word-spacing: 0.2rem; color: #676767; text-align: left; flex: 0 0 auto; -webkit-flex: 0 0 auto; }
.form_body_rainbow .custom_flex .flex_auto { line-height: 0.9rem; text-align: left; flex: 1 1 auto; -webkit-flex: 1 1 auto; }


/* 底部提交按钮 */
.footersubmit { position: fixed; bottom: 0; left: 0; width: 100%; background: White; padding: 0.2rem; box-sizing: border-box; box-shadow: -1px -2px #f2f2f2; }
.footersubmit a { width: 50%; display: block; margin: 0 auto; text-align: center; border-radius: 5px; background: #C60A0A; vertical-align: middle; color: #fff; font-size: .4rem; border: 0px; }
.footersubmit .btn_half { width: 50%; display: block; margin: 0 auto; text-align: center; border-radius: 5px; background: #C60A0A; vertical-align: middle; color: #fff; font-size: .4rem; border: 0px; box-shadow: 2px 2px 2px #ADADAD; }
.footersubmit .btn { width: 100%; display: block; margin: 0 auto; text-align: center; border-radius: 5px; background: #C60A0A; vertical-align: middle; color: #fff; font-size: .4rem; border: 0px; box-shadow: 2px 2px 2px #ADADAD; }
.footersubmit .iconfont { color: #FFF !important; margin-right: 5px; }
.footersubmit a.btn-disabled { background: #999999; }




/* 时间尝试模块 */
.time-mode { padding: .3rem 0 .3rem; overflow: hidden; vertical-align: middle; color: #fff; box-sizing: border-box; display: block; border-radius: 5px; font-size: 0.4rem; text-align: center; background: #fff; border-top: 1px solid #f3f3f3; }
.time-mode .tit, .time-mode .timebox, .time-mode .colon { display: inline-block; height: 0.6rem; line-height: 0.6rem; }
.time-mode .tit { color: #333333; }
.time-mode .timebox { background: #333333; border-radius: 5px; text-align: center; font-size: 0.4rem; padding: 0 5px; }
.time-mode .colon { text-align: center; width: 0.4rem; color: #333; }
.time-mode .title { color: #333333; display: block; text-align: center; line-height: 1rem; }

/* ======= 骨架屏 === 开始 ====  */
.skeleton { position: relative; overflow: hidden; border: none !important; border-radius: 5px; background-color: transparent !important; background-image: none !important; }
.skeleton:after { content: ''; position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background-color: #e8e8e8; display: block; }
.skeleton:not(.not-round):after { border-radius: 1%; }
.skeleton:not(.not-before):before { position: absolute; top: 0; width: 50%; height: 100%; content: ""; background: linear-gradient(to right,rgba(255,255,255,0) 0, rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%); transform: skewX(-45deg); z-index: 99; animation: skeleton-ani 3s ease infinite; display: block; }
.skeleton.badge:after { background-color: #F8FAFC; }

/* 骨架屏动画 */
@keyframes skeleton-ani {
    from { left: -100%; }
    to { left: 150%; }
}
/* ======= 骨架屏 === 结束 ====  */

/* ======= 引导栏 === 开始 ====  */
.divide-bar { background-color: #f3f3f3; color: #999; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0.5rem 0; font-size: 0; }
.divide-bar .line { display: inline-block; width: 1rem; border-top: 0.03rem solid #cdb89d; }
.divide-bar .icon-info { position: relative; top: -0.01rem; margin: 0 0.3rem; }
.divide-bar .icon-info .icon-text { font-size: 0.4rem; color: #FEFEFE; background: #cdb89d; font-weight: 700; -webkit-transition: .3s background; transition: .3s background; -webkit-box-shadow: 0 3px 7px 0 rgba(205, 184, 157, 0.4); box-shadow: 0 3px 7px 0 rgba(205, 184, 157, 0.4); height: 30px; line-height: 30px; border-radius: 31px; padding: .12rem .4rem; }
/* ======= 引导栏 === 结束 ====  */

/* ======= 分享 === 开始 ====  */
.share_pop { position: fixed; z-index: 9998; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); max-width: 640px; margin: 0 auto; -webkit-box-orient: vertical; display: -webkit-box; -webkit-box-pack: center; text-align: center; }
.share_pop.share_title:after { content: ""; position: fixed; right: .5rem; top: .5rem; width: 4rem; height: 4rem; background: url(/images/微信分享指向.png) no-repeat; background-size: contain; padding: .1rem; }
.share_pop .bd { background: #fff; border-radius: 3px; width: 80%; margin: -5rem auto 0; padding: .3rem .5rem; }
.share_pop .bd p { padding: .3rem .5rem; border-radius: 3px; border: 1px solid #f3f3f3; font-size: .386rem; }
.share_pop.share_image img { width: 80%; right: 0px; top: 0px; position: fixed; }
/* ======= 分享 === 结束 ====  */

/* === 服务展示 === 开始  === */
.service_area { padding: .15rem 0; }
.service_area.bg-white { background-color: #FFF; }
.service_area ul { width: 100%; height: 1rem; -webkit-align-items: center; -moz-align-items: center; align-items: center; zoom: 1; display: grid; grid-template-columns: 31% 31% 38%; justify-items: center; align-content: center; justify-content: center; }
.service_area li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; }
.service_area li a { display: inline-block; }
.service_area li a i { display: inline-block; vertical-align: middle; background-image: url(/images/icons/success.png); background-repeat: no-repeat; background-size: 100% 100%; width: .42667rem; height: .42667rem; }
.service_area li a span { font-size: .32rem; color: #333; margin-left: .05rem; line-height: .5rem; display: inline-block; vertical-align: middle; }
/* ======= 服务展示 === 结束 ====  */

/* === 内容详情 === 开始  === */
.content-detail { line-height: 0.8rem; font-size: 0.436rem; background-color: #FFF; }
.content-detail img { width: 100% !important; max-width: 100%; }
/* ======= 内容详情 === 结束 ====  */

/* ===   步骤   ===  开始   ===*/
.operator_setp { display: none; }
.operator_setp.current_setp { display: block; }

/* ===   步骤   ===  结束   ===*/

/* =========== 提示模块 ============= */

.tips-important .tip-title { background-color: #B60909; color: #FFF; padding: .4rem; }
.tips-important .tip-content { background-color: #FFF; color: #333; padding-bottom: .4rem; }

.tips-area { padding: var(--border-margin); color: var(--color-desc); }

/*  ======= 底部提示 - 一行（例如 没有更多产品）  =======  */
.bottom-tips-layer { padding: 1.5rem .5rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; }
.bottom-tips-layer .bottom-tips-mark { background-color: rgb(185, 185, 185); height: 1px; width: 50px; flex: 0 0 auto; }
.bottom-tips-layer .bottom-tips-content { flex: 0 0 auto; margin: 0 10px; color: rgb(153, 153, 153); font-size: 13px; }
/*  ======= 底部提示 - 一行（例如 没有更多产品）  =======  */

/*  ======= 提示介绍列表 -（例如 针对活动进行介绍）  ===  start ====  */
.tips-introduce-list { padding: var(--border-margin); color: var(--color-desc); text-align: center; }
.tips-introduce-list dt,
.tips-introduce-list .tips-introduce-title { font-size: 0.42rem; margin-bottom: var(--border-margin); }
.tips-introduce-list .tips-introduce-content { }
.tips-introduce-list dd,
.tips-introduce-list .tips-introduce-item,
.tips-introduce-list .tips-introduce-content li { font-size: 0.36rem; line-height: 0.6rem; list-style-position: inside; list-style-type: decimal; margin-bottom: 5px; text-align: left; }
/*  ======= 提示介绍列表 -（例如 针对活动进行介绍）  ===  end ====  */

/*  =======   底部活动提示 - 浮动（例如，还差多少满邮费）  =======  */
.bottom_active_tips { position: fixed; bottom: -1rem; line-height: .55rem; padding: 0px; color: #FFF; overflow: hidden; background-color: #C3A769; opacity: 0; visibility: hidden; max-width: 610px; padding: 10px; text-align: justify; width: calc(100%); border-radius: 10px 10px 0px 0px; z-index: 99; display: flex; display: -webkit-flex; align-items: center; }
/*width: calc(100% - 20px);*/
.bottom_active_tips.show { -webkit-transform: translate3d(0, -2.5rem, 0) !important; transform: translate3d(0, -2.5rem, 0) !important; transition: all .3s; -webkit-transition: all .3s; opacity: 100; visibility: visible; }
.bottom_active_content { flex: 1 1 auto; }
.bottom_active_btn { flex: 0 0 auto; margin-left: 10px; position: relative; padding-right: 5px; }
.bottom_active_tips.hide { bottom: 1.28rem; -webkit-transform: translate3d(0, 2.5rem, 0) !important; transform: translate3d(0, 2.5rem, 0) !important; transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden }
.bottom_active_tips a { color: #ffe4e4; }
.bottom_active_tips a:after { content: ""; position: absolute; top: 55%; width: .18rem; height: .18rem; border-left: 1px solid #FFF; border-top: 1px solid #FFF; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); }
.bottom_active_tips_warn { color: #ffe4e4; padding-left: 3px; padding-right: 3px; }
/*  =======   底部活动提示 - 浮动（例如，还差多少满邮费）  =======  */

/*  =======   底部更多内容   =======  */
.bottom_more { max-width: 610px; position: fixed; bottom: 1.42rem; width: calc(100%); z-index: 40 !important; }
.bottom_more .lwdui_dialog { padding-top: 0px; bottom: 1.42rem; -webkit-transform: translate3d(0, 0%, 0); pointer-events: auto; transform: translate3d(0, 0%, 0); min-height: auto; }
.bottom_more_title { display: flex; display: -webkit-flex; align-items: center; line-height: 1rem; padding: 0 10px; width: calc(100%); color: #FFF; overflow: hidden; background-color: #C3A769; text-align: justify; border-radius: 10px 10px 0px 0px; }
.bottom_more_title .bottom_more_title_txt { flex: 1 1 auto; width: auto; }
.bottom_more_title .bottom_more_title_btn { flex: 0 0 auto; margin-left: 10px; position: relative; padding-right: 5px; width: auto; }
.bottom_more_content { padding: 10px; background-color: #F1F1F1; }
.bottom_more_content .it_product { padding: 0px; }
.bottom_more.lwdui_show .bottom_more_content { }
/*  =======   底部更多内容  =======  */
/*  ========== 提示模块 =============  */
/*  ======= 地址列表  === 开始  ===   */
.no_address { padding-top: 60px; text-align: center; color: #ddd }
.no_address i { font-size: 7em }
.address_list { margin: .2rem; }
.address_list li { margin-top: 10px; position: relative; background: #fff; border-radius: 10px; }
.address_list li:first-child { margin-top: 0px; }
.address_list li .operaters { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px }
.address_list a.addressitem { display: block; position: relative; padding: 10px 12px }
.address_list a .recieve_phone { }
.address_list a .receive_name { margin-right: .5rem; }
.address_list p { padding: 5px; display: flex; align-items: flex-start; }
.address_list a em { color: #333; font-weight: 700 }
.address_list .addressitem i { display: none; position: absolute; right: 10px; width: 20px; height: 20px; top: 50%; color: #9e9e9e; margin-top: -10px; font-weight: 700; line-height: 20px; font-size: 20px }
.address_list a .default { color: #cfba9f; border: 1px solid #cfba9f; border-radius: 15px; padding: 0px 8px; vertical-align: baseline; font-size: 12px; display: block; flex: 0 0 auto; margin-right: .5rem; }
.address_list a .hide { display: none; }
.address_container .add_address { background: #d50000; color: #fff; width: 100px; text-align: center; display: block; margin: 40px auto 0; padding: 10px 12px }
.address_list .add_editor { display: block; width: 100%; text-align: right; border-top: 1px solid #f3f3f3; padding: 10px 12px; box-sizing: border-box; }
.address_list .add_editor a { padding-left: 30px; }
.address_list .add_editor a i { padding: 0 5px 0 0; color: #9e9e9e; }
.address_list .add_editor a .iconfont { font-size: 18px !important; }
.pay_other { margin-top: 10px }
.pay_other .bd { padding: 12px 15px; display: -webkit-box; border-bottom: 1px solid #e8e8e8; }
.pay_other .left { max-width: 80%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.pay_other .right { -webkit-box-flex: 1; text-align: right; color: #999; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.pay_other .right input { height: 34px; font-size: 12px; overflow: hidden; border: 1px solid #d8d8d8; padding: 7px 10px; box-sizing: border-box; vertical-align: middle; width: 50%; }
.pay_other .right .info { position: absolute; /*top: 3px;*/ right: 60px }
.select_address li { background: #fff; height: auto; -webkit-align-items: center; align-items: center; position: relative }
.select_address li a { padding-left: 45px; position: relative }
.select_address li a.edit { padding: 0; width: 58px; height: 100%; position: absolute; right: 0; top: 0; box-sizing: border-box }
.select_address .check { left: 10px; color: #D9D9D9; font-weight: 400; margin-top: -16px; font-size: 25px; cursor: pointer; width: 30px; height: 30px; line-height: 30px }
.select_address .checked { color: #d50000 }
/*  ======= 地址列表  === 结束 ===   */

/* === 售罄 - 开始  === */
.shouqing:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/images/button/售罄.png) center center no-repeat rgba(0,0,0,0); background-size: contain; border-radius: .15rem; overflow: hidden; z-index: 2; transform: scale(0.85); -webkit-transform: scale(0.85); }
.shouqing.shouqing-no-img:after { background-image: none; }

.shouqing_full:after { content: "已售罄"; color: #FFF; height: 100%; width: 100%; font-size: .365rem; display: box; box-orient: horizontal; box-pack: center; box-align: center; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 2; background: #00000075; }
/* ======= 售罄 - 结束 ====  */

/* === 通用设置 - 开始  === */
.bg_translucent { color: #FFF; height: 100%; width: 100%; font-size: .365rem; display: box; box-orient: horizontal; box-pack: center; box-align: center; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 20; background: #00000075; font-size: .365rem; }

/* === 通用设置 - 结束  === */


/* === 产品弹窗 - 开始 === */
.decision-wrapper { background-color: #fff; border-radius: 10px 10px 0px 0px; position: fixed; z-index: 99999; left: 0; right: 0; bottom: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: -webkit-transform .2s cubic-bezier(0,0,.25,1); transition: transform .2s cubic-bezier(0,0,.25,1); display: none; font-size: 0.3184rem; padding-bottom: 68px; min-height: 60%; overflow: hidden; }
.decision-wrapper.show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.decision-wrapper .summary .main .priceContainer .prePayPrice, .summary .main .priceContainer .preSellPrice, .summary .main .priceContainer .price { display: block; vertical-align: middle; height: 0.6rem; line-height: 0.6rem; font-size: 0.6rem; }
.decision-wrapper .summary { width: 100%; padding: .3rem; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,.05); align-items: center; justify-content: center; }
.decision-wrapper .summary .img { background-color: #fff; z-index: 10; /*padding: 2px; border: 1px solid #ddd;*/ -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; margin-right: 1em; height: 100px; width: 100px; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; }

.decision-wrapper .gear_column { background-color: #F2F2F2; padding: 0.3rem 0.3rem 0.15rem 0.3rem; position: relative; }
.gear_column .gear_items { width: 100%; overflow-x: auto; overflow-y: hidden; display: flex; padding: 0.15rem 0px; }
.gear_items .gear_item { display: inline-block; border: 1px solid #EAEAEA; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px; color: #2B2B2B; padding: .5em 1.2em; background-color: #FFFFFF; margin-left: 10px; font-size: 0.4rem; }
.gear_items .gear_item:first-child { margin-left: 0px; }
.gear_items .gear_item.checked { background-color: #B60909; border: 1px solid #B60909; color: #FFF; }
.gear_items .gear_item.disabled { color: #CBCBCB; background-color: #F9F9F9; }
.gear_column .gear_fz_fuhao { background-color: #F2F2F2; width: 15px; height: 15px; position: absolute; transform: rotate(45deg); bottom: 0px; left: calc(50% - 7.5px); margin-bottom: -8px; z-index: 1 }


.decision-wrapper .summary .img img { max-width: 100%; max-height: 100%; display: block; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.decision-wrapper .summary .main { overflow: hidden; }
.decision-wrapper .summary .main .priceContainer { font-size: 0.5rem; line-height: 0.5rem; display: -webkit-flex; align-items: flex-end; display: flex; margin-bottom: 10px; }
.decision-wrapper .summary .main .priceContainer > span:first-child { color: var(--color-price); }
.decision-wrapper .summary .main .priceContainer .price { padding: 0 .1rem 0 0; display: inline-block; }
.decision-wrapper .summary .main .priceContainer del { display: inline-block; color: #999999; font-size: 0.3rem; }
.decision-wrapper .summary .main .acitve-tags { margin-bottom: 5px; display: none; }
.decision-wrapper .summary .main .acitve-tags span { color: #B60909; border: 1px solid #B60909; padding: 1px 5px; border-radius: 4px; }
.decision-wrapper .summary .main .acitve-tags span.acitve-tags-vip { color: var(--color-vip); border: 1px solid var(--color-vip); }
.decision-wrapper .summary .main .acitve-tags span.acitve-tags-vip:before { content: "VIP | "; word-spacing: 1px; }
.decision-wrapper .stock-control .label { font-size: 0.35rem; margin-right: 5px; }
.decision-wrapper .summary .main .sku-dtips { display: -webkit-box; color: #000000; font-size: 14px; }
.decision-wrapper .summary .main .sku-dtips, .summary .main h1 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.decision-wrapper .summary .sback { position: absolute; width: 24px; height: 28px; display: block; top: 5px; right: 0.3rem; z-index: 9999; }
.decision-wrapper .summary .sback i { font-size: 22px !important; color: #CCCCCC; }
.decision-wrapper .summary .stock-control { color: #B60909; display: none; }

.decision-wrapper > .body { -webkit-overflow-scrolling: touch; overflow-y: scroll; overflow-x: hidden; width: 100%; }
.decision-wrapper > .body section { background-color: #fff; height: 100%; overflow-y: scroll; padding: 0px; max-height: calc(80vh - 185px); }
.gearmode .body section { max-height: calc(80vh - 285px); }
.decision-wrapper .s-decision .sku-control { border-bottom: none; -webkit-tap-highlight-color: transparent; margin: 0 0.3rem 1em; }

.decision-wrapper h2 { color: Black; font-size: 14px; font-weight: 400; }
.decision-wrapper .body_item { padding-bottom: 15px; margin: 0 0.3rem 15px; justify-content: center; align-items: center; border-bottom: 1px solid rgba(0,0,0,.05); }
.decision-wrapper .body_item:last-child { border-bottom: 0px; margin-bottom: 0px; }
.decision-wrapper .item_content { font-size: 14px; color: #999999; }

.decision-wrapper .mui-sku { -webkit-tap-highlight-color: transparent; }
.decision-wrapper .mui-sku li { padding: 1em 0 5px; border-bottom: 1px solid rgba(0,0,0,.05); }
.decision-wrapper .mui-sku h2 { margin-bottom: .6em; }
.decision-wrapper .mui-sku .mac-sku-group .mac-sku-more, .mui-sku label { outline: 0; -webkit-tap-highlight-color: transparent; background-color: #fff; min-width: 2em; padding: .5em 1.2em; margin: 0 .5em 10px 0; max-width: 100%; text-align: center; overflow: hidden; }
.decision-wrapper .mui-sku label { display: inline-block; border: 1px solid #EAEAEA; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px; color: #2B2B2B; }
.decision-wrapper .mui-sku label.disabled { color: #CBCBCB; background-color: #F9F9F9; }
.decision-wrapper .mui-sku label.checked { background: var(--color-btn-main); color: #fff; border-color: var(--color-btn-main); }
.decision-wrapper .s-decision .number { display: none; }
.decision-wrapper .number { }
.decision-wrapper .number h2 { margin-bottom: 0px; }
.decision-wrapper .number .number-content { /*overflow: hidden;*/ }
.decision-wrapper .number .number-control { float: left; }
.decision-wrapper .mui-number { display: inline-block; vertical-align: middle; border: 1px solid #dddddd; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; letter-spacing: 0; height: 1rem; line-height: 1rem; overflow: hidden; box-sizing: border-box; }
.decision-wrapper .mui-number .num { height: 100%; min-width: 1rem; max-width: 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .2rem; border: none; -webkit-border-radius: 0; border-radius: 0; font-weight: 700; color: #3d4245; }
.decision-wrapper .mui-number .decrease, .mui-number .increase { font-style: normal; font-size: 0.5rem; font-weight: 700; border: none; display: inline-block; width: 1rem; height: 100%; -webkit-user-select: none; -ms-user-select: none; background-color: #fff; color: #5f646e; }
.decision-wrapper .mui-number .decrease, .mui-number .increase, .mui-number .num { float: left; text-align: center; }

.decision-wrapper .mui-number .decrease { border-right: 1px solid #dddddd; }
.decision-wrapper .mui-number .increase { border-left: 1px solid #dddddd; }
.decision-wrapper .mui-number .decrease.disabled, .mui-number .increase.disabled { color: #CCCCCC; background-color: #F5F5F5; }

.decision-wrapper .option { text-align: center; width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 10px; height: 68px; display: flex; justify-items: center; align-items: center; }
.decision-wrapper .cells { display: -webkit-flex; display: flex; border-radius: 5px; overflow: hidden; width: 100%; }
.decision-wrapper .cells .ok { background: #C60A0A; }
.decision-wrapper .cells .cart { background: #BEA474; }
.decision-wrapper .cells .buy { background: #C60A0A; }
.decision-wrapper .cells .cell { height: 48px; line-height: 48px; border: none; font-size: 15px; color: #fff; flex: 1 1 auto; }

.decision-wrapper .back-container { margin: 0rem 0.3rem .3rem; border-bottom: 1px solid rgba(0,0,0,.05); }
.decision-wrapper .back-container .back-info { margin-top: 10px; padding-bottom: 15px; font-size: 14px }
.cover-decision { width: 100%; opacity: .7; height: 100%; position: fixed; background-color: #000; top: 0; left: 0; z-index: 99998; }
/* === 产品弹窗 - 结束 === */


/* 物流跟踪页面 */
.shipment_tracker { background-color: #FFF; padding: 10px 10px 30px 10px; }
.shipment_tracker .layui-timeline-axis { color: #93d882 !important; }
.shipment_tracker .layui-timeline-axis.active { color: #E7C990 !important; }

/* 商城信息列表 */
.topic_list { }
.topic_list li a { display: block; background: #fff; padding: 20px; position: relative; margin-top: 1px; font-size: 16px; min-height: 20px; }
.topic_list li a i { width: 20px; height: 20px; text-align: center; line-height: 20px; position: absolute; right: 10px; color: #7f7f7f; font-size: 16px !important; }

/* 首页使用  */
.indexFloor { background: #fff; margin-bottom: var(--border-margin); }
.indexFloor .hd { display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: 1.46667rem; font-size: .386rem; }
.indexFloor .hd a { text-align: center; }
.indexFloor .hd span { display: inline-block; vertical-align: middle; }
.indexFloor .hd i { margin-left: .1rem; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: 100% 100%; width: .4rem; height: .4rem; }
.indexFloor .hd i.jt { background-image: url(/images/icons/right.png); }
.indexFloor .hd i.zk { background-image: url(/images/icons/divide.png); }
.indexFloor .hd p { font-size: .25rem; text-align: center; }

/* 图片广告 */
.imghd { padding-bottom: var(--border-margin); }
.imghd a { display: block; }
.imghd img { width: 100%; }

/* 内嵌模块 */
.embeddedmodule { padding: var(--border-margin) 0 0 0; margin: 0px -.3rem -.3rem -.3rem; }

/*
.weui-btn_primary { background-color: #C60A0A !important; }*/
.lwdui_dialog { max-width: 640px; }

/*  退款页面  */
.returnrequeestpage .lwdui_form_header { font-size: 0.4rem; }
.returnrequeest_choosetype .iconfont { font-size: 26px !important; color: #c2c2c2 !important; }
.returnrequeest_choosetype .lwdui_form_line_other .iconfont { font-size: 20px !important; color: #c2c2c2 !important; }
/*.returnrequeest_choosetype .onChecked .iconfont { color: var(--color-btn-main) !important; }*/
.returnrequeest_choosetype .onChecked .lwdui_form_line_other .iconfont { color: var(--color-btn-main) !important; }
/*.returnrequeest_choosetype .onChecked .lwdui_title { color: var(--color-btn-main) !important; }*/
/*.returnrequeest_choosetype .onChecked .lwdui_descrpiton { color: #c60a0a8c !important }*/

.returnrequeest_editor { background-color: #F5F5F5; border-radius: 10px; margin: 0px 0.4rem; }
.returnrequeest_editor .lwdui_textarea { border: 0px; background-color: #00000000; padding: .5rem 0 0 0; line-height: 0.6rem; }
/*.returnrequeestpage .lwdui_form_line { line-height: 1rem; }*/

/*  评价页面  */
.revicwpage .lwdui_form_header { font-size: 0.4rem; }
.revicwpage_editor { background-color: #F5F5F5; border-radius: 10px; margin: 0px 0.4rem; }
.revicwpage_editor .lwdui_textarea { border: 0px; background-color: #00000000; padding: .5rem 0 0 0; line-height: 0.6rem; }
.revicw_pingfen { }
.revicw_pingfen .iconfont { color: #eee !important; font-size: 21px !important; }
.revicw_pingfen .iconfont.active { color: #e7c990 !important; }
.revicw_pingfen .pingfentips { color: #A47622 !important; font-size: 0.45rem !important; padding-left: 0.3rem; }

/* 上传文件  */
.page_uploads_file { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: var(--border-margin); width: 100%; gap: 10px; }
.page_uploads_file li { margin-bottom: var(--border-margin); border: 1px solid #EEEEEE; border-radius: 2px; overflow: hidden; width: 2.3rem; height: 2.3rem; position: relative; border-radius: 10px; display: flex; display: -webkit-flex; align-items:center; }

.page_uploads_file li .btn_delete { position: absolute; bottom: 0; line-height: 0.8rem; text-align: center; background-color: #000; color: #FFF; opacity: 0.6; width: 100%; }

.page_uploads_file li img { width: 100%; }

.page_uploads_file .button_upload { display: flex; align-items: center; justify-content: center; border: 1px dashed #c9c9c9; flex-direction: column; color: #C9C9C9; line-height: 0.7rem; }

.page_uploads_file .button_upload .iconfont { color: #c9c9c9; font-size: 0.8rem !important; }

/*  退款详情  */
.returnrequestdetail .returnrequestdetail_header { color: #FFFFFF; padding: 54px 10px 60px 10px; z-index: 0; }
.returnrequestdetail .returnrequestdetail_header h1 { height: 44px; text-align: center; line-height: 44px; font-size: 16px; }
.returnrequestdetail .returnrequestdetail_header h2 { font-size: 18px; font-weight: 500; padding: 0 0.38rem; line-height: 1.2rem; }
.returnrequestdetail .returnrequestdetail_header h2 .message_tips { display: block; line-height: 21px; font-size: 14px; text-indent: 2em; margin-bottom: 15px; }
.returnrequestdetail .page_uploads_file li { width: 2rem; height: 2rem; }
.returnrequestdetail .returnrequestdetail_content { margin-top: -50px; z-index: 50; position: relative; }
.returnrequestdetail .lwdui_progressline { padding: 0 0.38rem; }

/*  权益项  */
.equity_item { display: flex !important; display: -webkit-flex !important; background-color: #F3F3F3; padding: 15px; text-align: left; margin-bottom: 15px; align-items: flex-start; }
.equity_item .equity_item_icon { flex: 0 0 auto; -webkit-flex: 0 0 auto; margin-right: 15px }
.equity_item .equity_item_icon .iconfont { color: var(--color-btn-normal) !important; font-size: 32px !important; }
.equity_item .equity_item_content { flex: 1 1 auto; -webkit-flex: 1 1 auto; }
.equity_item_content .equity_item_content_details { display: flex !important; display: -webkit-flex !important; align-items: center; flex-direction: column; text-align: left; align-items: flex-start; }
.equity_item_content .equity_item_content_details .equity_item_content_details_title { font-weight: bold; text-align: left; font-size: 0.38rem; margin-bottom: 3px }
.equity_item_content .equity_item_content_details .equity_item_content_details_remark { color: var(--color-tips-text); font-size: 12px }

/*  权益项 紧凑型 图标与文字同行  */
.equity_item.equity_compactoption .equity_item_icon { }
.equity_item.equity_compactoption .equity_item_icon { line-height: 0.56rem; margin-right: 10px; }
.equity_item.equity_compactoption .equity_item_icon .iconfont { font-size: 0.38rem !important; }


/* 产品评论页面 */
.star_box span { width: 100%; background: url('/images/star-gray.png') repeat-x; background-size: contain; height: 100%; display: block }
.star_box i { width: 100%; background: url('/images/star.png') repeat-x; background-size: contain; display: block; height: 100% }
.reviews_easy_header { flex: 1 1 auto; display: flex; display: -webkit-flex; }
.reviews_easy_main { flex: 1 1 auto; }
.reviews_item { background-color: #FFF; padding: 15px 10px; border-radius: 10px; display: flex; display: -webkit-flex; margin-top: 10px; }
.reviews_item:first-child { margin-top: 0px; }
.reviews_avatar { flex: 0 0 auto; margin-right: 10px; }
.reviews_avatar .faceimg { width: 40px; height: 40px; border-radius: 20px }
.reviews_item .reviews_item_content { flex: 1 1 auto; display: flex; display: -webkit-flex; flex-direction: column; }
.reviews_item_content .reviews_userinfo { color: #000; display: flex; display: -webkit-flex; }
.reviews_item_content .reviews_userinfo .reviews_username { flex: 1 1 auto; font-size: 14px; }
.reviews_item_content .reviews_userinfo .star_box { flex: 0 0 auto; width: 65px; height: 12px; }
.reviews_item_content .reviews_otherInfo { color: #999; font-size: 12px; margin-top: 5px; }
.reviews_item_content .reviews_content { margin-top: 10px; line-height: 22.5px; }
.reviews_adminreplay { background-color: #F5F5F5; padding: 10px; margin-top: 20px; color: #333333; border-radius: 10px; position: relative; }

.reviews_adminreplay::after { width: 14px; background-color: #F5F5F5; height: 14px; position: absolute; content: ""; z-index: 1; top: -7px; left: 15px; transform: rotate(45deg); }

.reviews_adminreplay .reviews_adminreplay_header { display: flex; display: -webkit-flex; align-items: center; color: #999999 }

.reviews_adminreplay .reviews_adminreplay_name { flex: 1 1 auto; font-size: 13px }
.reviews_adminreplay .reviews_adminreplay_time { flex: 0 0 auto; font-size: 12px; }
.reviews_adminreplay .reviews_adminreplay_content { margin-top: 10px; line-height: 22.5px; }
.reviews_tips { color: #999999; line-height: 50px; text-align: center; width: 100%; }
.reviews_pictures,
.reviews_append_pictures { margin-top: 10px; }
.reviews_append_item { margin-top: 15px; }
.reviews_append_item .reviews_append_time { color: #b78c3b; }
.reviews_append_item .reviews_append_centent { margin-top: 10px; line-height: 22.5px; }

.reviews_pictures { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.reviews_pictures .reviews_picture { display: flex; align-items: center; justify-items: center; border: 1px solid #eee; background-color: #eee; width: 2.3rem; height: 2.3rem; border-radius: 5px; margin-bottom: 10px; overflow: hidden; }
.reviews_pictures .reviews_picture img { width: 100%; }
.reviews_pictures:after { content: ""; width: 2.6rem; }

.reviews_adminreplay .reviews_picture { width: 2rem; height: 2rem; }

/* flex头部 */
.flex_header { display: flex; display: -webkit-flex; position: fixed; top: 44px; background-color: #FFF; border-bottom: 1px #F5F5F5 solid; width: 100%; text-align: center; align-items: center; height: 44px; font-size: 0.4rem; }
.flex_header_item { flex: 1 1 auto; display: flex; display: -webkit-flex; align-items: center; justify-content: center; }
.flex_header_item span { border-bottom: 2px solid #00000000; display: inline-block; }
.flex_header_item.actived { color: var(--color-btn-main); font-weight: 400; }
.flex_header_item.actived span { border-color: var(--color-btn-main); }

/* 严重提示 */
.criticaltips { position: fixed; left: 0px; bottom: 60px; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 999999999999; }
.criticaltips_area { flex: 0 0 auto; max-width: 600px; width: calc(100% - 40px); position: relative; padding: 10px 15px; border-radius: 10px; background-color: #B50B08; color: #FFF; }
.critical_operate { position: absolute; right: 10px; top: 10px; }
.critical_title { font-size: 16px; text-align: center; margin-bottom: 5px; }
.critical_content { text-align: left; line-height: 20px; }
.critical_content a { color: #ffd891; display: inline-block; margin: 0 5px; font-size: 15px }
.critical_content b { color: #ffd891; display: inline-block; font-size: 15px }



/* 图片组模块展示 */
.module_imagegroup { display: flex; display: -webkit-flex; flex-direction: column; gap: 5px; margin: 0px; }
.module_imagegroup .module_imagegroup_title { text-align: center; font-size: 0.45rem; line-height: 0.7rem; color: #333333; background-repeat: no-repeat !important; background-size: cover !important; display: flex; display: -webkit-flex; align-items: center; justify-content: center; }
.module_imagegroup .module_imagegroup_images { display: flex; display: -webkit-flex; flex-direction: column; gap: 5px; }
.module_imagegroup .module_imagegroup_images .module_image_item { flex: 1 1 auto; overflow: hidden; display: flex; display: -webkit-flex; flex-direction: column; gap: 5px; }
.module_imagegroup .module_imagegroup_images .module_image_item img { width: 100%; }
.module_imagegroup .module_imagegroup_images .module_image_item .module_image_title { padding: 0px 5px; font-size: 0.38rem; line-height: 0.57rem; color: #333333; text-align: center; overflow: hidden; }
.module_imagegroup .module_imagegroup_imagescombination { display: flex; display: -webkit-flex; flex-direction: column; gap: 5px; }
.module_imagegroup .module_imagegroup_images.images_row_show { flex-direction: row; align-items: center; }
.module_imagegroup .module_imagegroup_images.line6,
.module_imagegroup .module_imagegroup_images.line5,
.module_imagegroup .module_imagegroup_images.line4,
.module_imagegroup .module_imagegroup_images.line2,
.module_imagegroup .module_imagegroup_images.line3 { flex-wrap: wrap; flex-direction: row; align-items: center; }
.module_imagegroup .module_imagegroup_images.line3 .module_image_item { flex: 0 0 auto; width: calc(100% / 3 - 5px * 2 /3); }
.module_imagegroup .module_imagegroup_images.line3 .module_image_title { font-size: 0.3rem; line-height: 0.45rem; height: 0.45rem; }
.module_imagegroup .module_imagegroup_images.line2 .module_image_item { flex: 0 0 auto; width: calc(100% / 2 - 5px / 2); }
.module_imagegroup .module_imagegroup_images.line2 .module_image_title { font-size: 0.3rem; line-height: 0.45rem; height: 0.45rem; }
.module_imagegroup .module_imagegroup_images.line4 .module_image_item { flex: 0 0 auto; width: calc(100% / 4 - 5px * 3 / 4); }
.module_imagegroup .module_imagegroup_images.line4 .module_image_title { font-size: 0.3rem; line-height: 0.45rem; height: 0.45rem; }
.module_imagegroup .module_imagegroup_images.line5 .module_image_item { flex: 0 0 auto; width: calc(100% / 5 - 5px * 4 / 5); }
.module_imagegroup .module_imagegroup_images.line5 .module_image_title { font-size: 0.28rem; line-height: 0.42rem; height: 0.42rem; }
.module_imagegroup .module_imagegroup_images.line6 .module_image_item { flex: 0 0 auto; width: calc(100% / 6 - 5px * 5 / 6); }
.module_imagegroup .module_imagegroup_images.line6 .module_image_title { font-size: 0.24rem; line-height: 0.36rem; height: 0.36rem; }

/* 图片模块展示 */
.module_images_list { display: flex; display: -webkit-flex; flex-direction: column; gap: 5px; }
.module_images_list .module_images_item { flex: 1 1 auto; overflow: hidden; }
.module_images_list .module_images_item img { width: 100%; }
.module_images_list.images_row_show { flex-direction: row; align-items: center; }



/* 优惠券模块展示 */
.module_coupons_list { display: flex; display: -webkit-flex; flex-wrap: wrap; gap: 0.2rem; flex-direction: row; align-items: center; justify-content: space-between; background-repeat: no-repeat; background-size: cover; }
.module_coupon { flex: 1 1 auto; display: flex; display: -webkit-flex; flex-direction: row; background-color: var(--color-btn-main); color: #FFF; border-radius: 5px; position: relative; overflow: hidden; }
.module_coupon .module_coupons_desc { font-size: 0.28rem; line-height: 0.4rem; display: flex; display: -webkit-flex; flex-direction: column; }
.module_coupon .module_coupons_oper { display: flex; flex: 0 0 auto; display: -webkit-flex; flex-direction: column; justify-content: center; justify-items: center; align-items: center; }
.module_coupon .module_coupons_btn { color: var(--color-btn-main); background-color: #FFF; border-radius: 3px; font-size: 0.3rem; line-height: 0.6rem; padding: 0px 0.3rem; min-width: 1.8rem; text-align: center; }
.module_coupon .module_coupon_spacecharacter { flex: 1 1 auto; }
.module_coupon .module_coupon_span { flex: 0 0 auto; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-items: center; overflow: hidden; }
.module_coupon .money_tags { color: inherit; justify-content: center; font-size: 0.42rem; font-weight: bold; }
.module_coupon .money_tags .money { font-size: 0.8rem; font-weight: 600; }
.module_coupon .yj_qiu { background: #FFF; width: 10px; height: 10px; position: absolute; border-radius: 10px; z-index: 1 }
.module_coupon .module_coupon_money { display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.module_coupon .module_coupons_remak { flex: 1 1 auto; align-items: center; display: flex; display: -webkit-flex; padding: 0 0.3rem; }
.module_coupon .coupon_received_bg { background-image: url(/images/icons/haveReceived.png); position: absolute; z-index: 100; background-position: center; background-size: cover; background-repeat: no-repeat; width: 1.7rem; height: 1.7rem; display: none; }

.module_coupon.coupon_received .coupon_received_bg { display: block; }

.module_coupon.coupon_w1 { width: 100%; height: 2rem; }
.module_coupon.coupon_w1 .money_tags .money { font-size: 0.9rem; }
.module_coupon.coupon_w1 .module_coupon_money { width: 2.92rem; }
.module_coupon.coupon_w1 .module_coupons_desc { gap: 0.1rem; }
.module_coupon.coupon_w1 .module_coupons_oper { padding: 0 .3rem; }
.module_coupon.coupon_w1 .module_coupon_spacecharacter { width: 1px; border-left: 1px dashed #FFF; position: absolute; top: .3rem; bottom: .3rem; right: 4px; }
.module_coupon.coupon_w1 .yj_qiu { left: 0px; }
.module_coupon.coupon_w1 .yj_qiu.yj_qiu_r { top: -5px; }
.module_coupon.coupon_w1 .yj_qiu.yj_qiu_l { bottom: -5px; }
.module_coupon.coupon_w1 .coupon_received_bg { top: .15rem; left: 2.0rem; }
.module_coupon.coupon_w1 .module_coupon_span { margin-right: 10px; width: 10px; }

.module_coupon.coupon_w3 { width: calc(100% /3 - 0.4rem); padding-top: .3rem; flex-direction: column; justify-content: center; justify-items: center; }
.module_coupon.coupon_w3 .module_coupons_desc { text-align: center; height: 0.81rem; overflow: hidden; line-height: 0.4rem; padding: 0px .15rem; font-size: 0.26rem; }
.module_coupon.coupon_w3 .module_coupons_oper { height: 40px; margin-top: 5px; }
.module_coupon.coupon_w3 .money_tags { padding-bottom: .1rem; }
.module_coupon.coupon_w3 .module_coupon_spacecharacter { height: 1px; margin: 0px .3rem; transform: translateY(1px); border-top: 1px dashed #FFF; }
.module_coupon.coupon_w3 .yj_qiu { bottom: 0px; }
.module_coupon.coupon_w3 .yj_qiu.yj_qiu_r { right: -5px; }
.module_coupon.coupon_w3 .yj_qiu.yj_qiu_l { left: -5px; }
.module_coupon.coupon_w3 .coupon_received_bg { bottom: 0.6rem; right: 0.7rem; width: 1.5rem; height: 1.5rem; }
.module_coupon.coupon_w3 .module_coupon_span { margin-top: 10px; height: 10px; }

/* ============ 价格符号 =============*/
.money_tags { color: #333; display: flex; align-items: baseline; position: relative; font-size: 12px; }
.money_tags .moneysymbol::after { content: "￥"; }
.money_tags .money { font-size: 16px; }
.money_tags .moneysunits { }


.singleline_ellipsis { text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; }