/* === style.css === */
@CHARSET "UTF-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

ul,
ol,
li {
	list-style: none;
}

em,
i {
	font-style: normal
}

strong,
b {
	font-weight: normal;
}

img {
	border: none;
}

input,
img {
	vertical-align: middle;
}

a {
	text-decoration: none;
}

p {
	overflow: hidden;
	word-wrap: break-word;
}

html {
	background-color: #f8f8f8;
	min-height: 100%;
}

/*自动高对齐*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

.blank5 {
	height: .2rem;
	line-height: .2rem;
	clear: both;
	visibility: hidden;
}

.blank10 {
	height: .4rem;
	line-height: .4rem;
	clear: both;
	visibility: hidden;
}

.blank15 {
	height: .6rem;
	line-height: .6rem;
	clear: both;
	visibility: hidden;
}

.blank20 {
	height: .8rem;
	line-height: .8rem;
	clear: both;
	visibility: hidden;
}

.blank50 {
	height: 2rem;
	line-height: 2rem;
	clear: both;
	visibility: hidden;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input,
select,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0
}

textarea:focus {
	outline: 0
}

html {
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
	height: 100%;
	min-width: 320px;
	overflow-x: auto;
}

input,
textarea,
keygen,
select,
button,
isindex,
meter,
progress {
	-webkit-writing-mode: horizontal-tb;
	font-size: 100%;
	font-family: 'Microsoft YaHei', 微软雅黑, 宋体, Arial, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
}

input,
textarea,
keygen,
select,
button,
isindex {
	-webkit-appearance: none;
	margin: 0em;
	font-size: .48rem;
	color: #333;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
}

body {
	overflow-x: hidden;
}

body {
	font-family: 'Microsoft YaHei', 微软雅黑, 宋体, Arial, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
	font-weight: 300;
	letter-spacing: 0.02em;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-synthesis: none;
}


.wrap {
	width: 100%;
	height: 100%;
}

.header {
	height: 2rem;
}

.header .header-wrap {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
}

.c-hd {
	height: 2rem;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	width: 100%;
}

.c-hd .title-blank {
	width: 1.4rem;
	display: block;
	font-size: .68rem;
}

.txt-white {
	color: #fff !important;
}

.txt-red {
	color: @main_color !important;
}

.txt-green {
	color: green;
}

.txt-orange {
	color: orange;
}


/* iconfont */
@font-face {
	font-family: "iconfont";
	src: url('/app/Tpl/main/images/iconfont/iconfont.eot?@rand');
	/* IE9*/
	src: url('/app/Tpl/main/images/iconfont/iconfont.eot?#iefix&@rand') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/app/Tpl/main/images/iconfont/iconfont.woff?@rand') format('woff'),
		/* chrome��firefox */
		url('/app/Tpl/main/images/iconfont/iconfont.ttf?@rand') format('truetype'),
		/* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
		url('/app/Tpl/main/images/iconfont/iconfont.svg#iconfont?@rand') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/*关于向下与向上的三角形*/
*/ .fa-caret-up:before {
	content: "\e60f";
}

.fa-sort-desc:before {
	content: "\e610";
}

/**
 * 自定义的font-face
 */
@font-face {
	font-family: "diyfont";
	src: url('/public/iconfont/iconfont.eot?@rand');
	/* IE9*/
	src: url('/public/iconfont/iconfont.eot?#iefix&@rand') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/public/iconfont/iconfont.woff?@rand') format('woff'),
		/* chrome��firefox */
		url('/public/iconfont/iconfont.ttf?@rand') format('truetype'),
		/* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
		url('/public/iconfont/iconfont.svg#iconfont?@rand') format('svg');
	/* iOS 4.1- */
}

.diyfont {
	font-family: "diyfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}







/*o css*/
.cut_city {
	position: absolute;
	left: 0;
	top: 0;
	width: 2rem;
	text-align: center;
	/* 高于 .logo_img，避免中间标题区（flex 占满整行）挡住左右返回/菜单的点击 */
	z-index: 10;
}

.cut_city.hd-right {
	left: auto;
	right: 0;
}

.c-hd .logo_img {
	position: relative;
	z-index: 1;
}

.cut_city a,
.cut_city a:hover,
.cut_city a:visited {
	position: relative;
	display: block;
	color: #d93a55;
}

/* 顶栏返回：与链接同尺寸，避免 <a href="javascript:" + FastClick 吞事件 */
.cut_city .header-back-btn {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #d93a55;
	font: inherit;
	line-height: 2rem;
	text-align: center;
	cursor: pointer;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}

.cut_city a i {
	font-size: 0.8rem;
	line-height: 2rem;
	/* 触摸/点击命中外层 <a>，避免 FastClick 把 target 落在 <i> 上导致 jQuery 绑定不稳定 */
	pointer-events: none;
}

.cut_city .header-back-btn .iconfont {
	font-size: 0.8rem;
	line-height: 2rem;
	pointer-events: none;
}

.cut_city .header-back-btn--light,
.cut_city .header-back-btn--light .iconfont {
	color: #fff !important;
}

.cut_city a .home {
	font-size: 0.9rem;
}

.app-hd {
	background: @main_color;
	height: 2rem;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
}

.h-act {
	font-size: 16px;
	height: 49px;
	line-height: 49px;
	min-width: 30px;
	margin-right: 10px;
}

.h-act a,
.h-act a:hover,
.h-act a:visited {
	position: relative;
	display: block;
	color: @font_white;
	border-radius: 2px;
}

.h-act a i {
	margin-left: 6px;
	font-size: 18px;
}

.h-title {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align: left;
	color: @font_white;
	font-size: 18px;
	line-height: 49px;
	padding-left: 10px;
	overflow: hidden;
}

.logo_img {
	-webkit-flex: 1;
	flex: 1;
	/* 	for  uc */
	-webkit-box-flex: 1;
	text-align: center;
	font-size: .68rem;
	line-height: 2rem;
	color: #d93a55;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.h_search a i {
	font-family: FontAwesome;
	color: @font_white;
	font-size: 24px;
}


.h_search {
	padding: 16px 11px;
	display: inline-block;
	line-height: 100%;
	position: relative;
}



.banner-view {
	margin: 0 auto;
	overflow: hidden;
}

.sliderwrap {
	height: 100%;
	overflow: hidden;
}



.list_title {
	color: #5f5f5f;
	font-size: 17px;
	margin-top: 8px;
	padding-left: 10px;
}

.list_title i {
	margin-right: 7px;
	font-size: 16px;
}

.list-view {
	background: @box_color;
	border-top: 1px solid @border_main;
	border-bottom: 1px solid @border_main;
}

.blank8 {
	overflow: hidden;
	clear: both;
	height: 8px;
	font-size: 0px;
	line-height: 0px;
}


.sp_li {
	overflow: hidden;
	display: inline-block;
	width: 32%;
	border-right: 1px solid #cfcbc0;
	text-align: center;
}

.sp_li a {
	display: block;
	padding: 0 5px;
	padding-right: 10px;
}

.sp_ul {
	padding: 10px 0;
	text-align: center;
}

.sp_li .h {
	font-size: 15px;
	color: #595959;
	line-height: 26px;
	text-align: center;
	padding: 0 5px;
	white-space: nowrap;
}


.f_user {
	display: inline-block;
	white-space: nowrap;
	text-align: left;
}

.change_city {
	display: inline-block;
	padding: 0 10px 0 0;
	text-align: right;
	font-size: 14px;
}

.change_city span {
	/*color:@font_style;*/
}

.change_city i {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: @main_color;
	color: @font_white;
	border-radius: 4px;
	text-align: center;
	line-height: 16px;
	margin-right: 2px;

}

.change_city i.iconfont {
	font-size: 12px;
}

.change_city a {
	color: @font_style;
	font-size: 14px;
	position: relative;

}

.f_login {
	display: inline-block;
	width: 60px;
	height: 28px;
	background: @main_color;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	border-radius: 20px;
	margin-left: 10px;
}

.f_login a,
.f_login a:hover,
.f_login a:visited {
	color: @font_white;
}

.f_register {
	display: inline-block;
	width: 60px;
	height: 28px;
	background: @box_red;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	border-radius: 20px;
	margin-left: 10px;
}

.f_register a,
.f_register a:hover,
.f_register a:visited {
	color: @font_white;
}

.footer-t {
	padding: 13px 0;
	overflow: hidden;
}

.my_account {
	padding-left: 10px;
}

.footer-sort ul li {
	display: inline-block;
	width: 23%;
	border-right: 1px solid #666;
	color: #666;
	text-align: center;
	line-height: 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
}


.footer_p {
	width: 100%;
	text-align: center;
	color: #666;
	line-height: 34px;
}

.footer-sort {
	padding: 11px 0 5px 0;
	text-align: center;
}

.footer_num .footer_bor {
	display: inline-block;
	border-bottom: 1px solid #999;
	height: 11px;
	width: 100%;
	text-align: center;
}

.footer_num .footer_text {
	color: #aaa;
	display: inline-block;
	padding: 0 7px;
	background: #f8f8f8;
	text-align: center;
}

.footer_num {
	padding: 0 10px 12px 10px;
}

.msg_count {
	color: @main_color;
}

.activity_li {
	padding: 0 10px;
}

.activity_li .lucency {
	position: absolute;
	bottom: 0px;
	height: 20px;
	width: 100%;
	background: black;
	text-align: center;
	line-height20px;
	color: #fff;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.li_box {
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	margin-bottom: 10px;
}

.tuan_li .list_item {
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
	display: box;

}


.tuan_li .list_item .pic {
	width: 140px;
	height: 85px;
	margin: 0px 12px 0 0;
	display: inline-block;
	overflow: hidden;
	position: relative;
}


.tuan_li {
	padding: 8px 10px 9px 10px;
}

.tuan_ico {
	padding: 0 11px 5px 0;
	position: absolute;
	top: -20px;
	left: 0px;
	height: 35px;
	width: 41px;
	border-radius: 0 0 22px 0;

	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 12px;
}

.pic .order {
	background: #0079ff;
}

.pic .hot {
	background: #fb4226;
}

.tuan_li .info {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
}

.tuan_li .info h2 {
	font-size: 15px;
	color: #323232;
	height: 15px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	font-weight: bold;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	word-break: break-all;
	line-height: 15px;
}

.tuan_li .info h3 {
	font-size: 12px;
	color: #b2b2b2;
	height: 30px;
	line-height: 14px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	word-break: break-all;
	margin: 11px 0;

}

.tuan_li .info h3 div {
	height: 14px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
}


.tuan_price {
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
	display: box;
}

.distance_row {
	position: relative;
	width: 100%;
	display: block;
	text-align: right;
}

.distance_row div {
	display: block;
	position: absolute;
	top: -35px;
	right: 0px;
	font-size: 12px;
}

.tuan_price .price {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
}

.tuan_price .time_row {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	font-size: 10px;
}

.tuan_price .price em {
	font-size: 15px;
	color: #fe4229;
	font-weight: bold;
	font-style: normal;
	padding-right: 12px;
}

.tuan_price .price em i {
	font-size: 12px;
	color: #b2b2b2;
}

.tuan_price .price del {
	font-size: 12px;
	color: #b2b2b2;
}

.tuan_price .bought {
	text-align: right;
	display: inline-block;
	height: 14px;
	font-size: 12px;
	color: #b2b2b2;
}

.see_more {
	text-align: center;
	line-height: 44px;
	height: 44px;
}

.see_more a {
	color: @font_style;
}

.youhui_ul .tuan_li .list_item .pic {
	width: 140px;
	height: 85px;
	margin: 0px 12px 0 0;
	display: inline-block;
	overflow: hidden;
	position: relative;
}



.youhui_ul .tuan_li .info h3 {
	/*
 padding:9px 0 9px 0;
   color: #ff5c5b;
*/
	margin: 0px;

}


.youhui_ul .tuan_li .info .tuan_price {
	display: block;
}

.youhui_ul .tuan_li .info .tuan_price p {
	color: #575757;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.ecshop_li {
	display: inline-block;
	width: 47%;
	text-align: center;
	padding: 4px 3px;
}


.ecshop_ul {
	padding: 6px 3px 8px 3px;
	text-align: center;
}


.pull_down {
	position: absolute;
	width: 140px;
	background: #fff;
	right: 1px;
	top: 49px;
	border: 1px solid @main_color;
	border-bottom: none;
}

.pull_down ul li {
	padding-left: 0px;
}

.pull_down .menu {
	width: 140px;
	height: 45px;
	border-bottom: 1px solid @main_color;
	line-height: 45px;
	color: @main_color;
	text-align: center;
}

.pull_down .menu span {
	padding: 0 5px;
	font-size: 14px;
}


.pull_down .menu i {
	padding: 0 5px;
	font-size: 18px;
}



.mall-cate li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	color: #8f8f8f;
	display: block;
	height: 42px;
	font-size: 14px;
	text-align: center;
	line-height: 42px;
	background: #fff;
	border-right: 1px solid #e6e6e6;

}

.mall-cate {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}

/*---------------------------2014-09-04------------------------------------------------------*/
.mall-cate li:last-child {
	border: none;
}

.sp_ul li:last-child {
	border-right: none;
}

.footer-sort ul li:last-child {
	border-right: none;
}

.mall-cate li i {
	color: #8f8f8f;
	position: absolute;
	top: 0px;
	margin-left: 10px;
	font-size: 10px;
}

.mall-cate li {
	position: relative;
}

.hide_list {
	width: 100%;
	top: 93px;
	left: 0px;
	background: rgba(0, 0, 0, .7);
	z-index: 10;
	position: absolute;
	display: none;
}

.hide_list.page_type_app {
	top: 43px;
}


.abbr {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
	background: #fff;

}



.pull_down {
	z-index: 102;
	display: none;
}

.first_list {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	overflow: hidden;
}

.second_list {
	width: 50%;
	overflow: hidden;
	background: #f2f2f2;
	-moz-box-flex: 1;
}


.directory {
	line-height: 43px;
	padding-left: 20px;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	color: #4a4a4a;
	font-size: 13px;
	background: #fff;
}

.select.directory {
	border-right: 1px solid #f2f2f2;
	background: #f2f2f2;
}

.two_directory {
	border-bottom: 1px solid #e6e6e6;
	line-height: 43px;
	padding-left: 20px;
	font-size: 13px;
	color: #4a4a4a;
	background: #f2f2f2;
}



.fy {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	/*width:100%;*/
	padding: 10px 10px;
	/*border-bottom:1px solid #e6e6e6;*/
	border-radius: 5px;
	background: #fff;
	text-align: center;
	display: block;
}

.fy .next {
	display: inline-block;
	width: 72px;
	height: 30px;
	border: 1px solid #b0b0b0;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
}

.fy .last {
	display: inline-block;
	width: 72px;
	height: 30px;
	border: 1px solid #fc8600;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	color: #fc8600;
}

.fy .fy_y {
	line-height: 30px;
	padding: 0 12px;
	color: #696969;
}

.list-view.bor_none {
	border: none;
}

.directory a {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
}

.two_directory a {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
}

.mall-cate .this {
	color: @font_style;
}

.mall-cate .this i {
	color: @font_style;
}


.change_city .fc8600 {
	color: #fc8600;
}


.fy .btn2,
.fy .btn_new,
.fy .btn_last,
.fy .btn_first,
.fy .btn_next {
	display: inline-block;
	width: 72px;
	height: 30px;
	border: 1px solid #b0b0b0;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	padding: 0px;
}

.list-view .specifier {
	padding: 6px 0 6px 13px;
	color: #c4c4c4;
	font-size: 12px;
	line-height: 24px;
}

.total_star .five_star_orange {
	width: auto;
}

.box-style h2 {
	font-size: 15px;
	color: #ccc;
	line-height: 30px;
	padding-bottom: 10px;

}

.box-style .textarea {
	border: 1px dotted #6CABE7;
	padding: 5px;
}

.box-style .textarea textarea {
	width: 100%;
	height: 200px;
	font-size: 12px;
	color: #adadad
}


.ft-account button {
	display: inline-block;
	width: 60px;
	height: 28px;
	background: @main_color;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	margin-left: 10px;
	border: none;
	font-weight: bolder;
}

.ft-account {
	padding-top: 10px;
}

.bolder {
	font-weight: bolder;
}


.total_star .five_star_orange {
	width: 93px;
}

.whole_grade .five_star_orange {
	line-height: 25px;
}

.evaluate_title .five_star_orange {}

.evaluate_title .grade b {
	line-height: 46px;
}

.tuan_info_p p img {
	width: 100%;
}

/*回到顶部按钮*/
.gotop {
	display: none;
	position: fixed;
	right: .8rem;
	bottom: 2.5rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	z-index: 130;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	background: rgba(0, 0, 0, .5);
}

.gotop a,
.gotop a:hover,
.gotop a:visited {
	display: block;
	color: inherit;
	color: @font_white;
	height: 100%;
}

.gotop a .iconfont {
	font-size: 1.2rem;
	display: block;
}



/*回到顶部*/
.top-btn {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 43px;
	height: 43px;
	line-height: 43px;
	background: #fc8600;
	z-index: 130;
	border-radius: 50%;
	color: #fff;
	overflow: hidden;
	text-align: center;
	font-size: 1.5em;
}

a.react {
	display: block;
	color: inherit;
	height: 100%;
}

.text-icon {
	font-family: base_icon;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}

.dl ul li {
	padding-left: 0px;
}

.com-client {
	border-bottom: 1px solid @border_main;
	background: @box_color;
	text-align: center;
	padding: 10px 0px;
}

.com-client a,
.com-client span {
	line-height: 20px;
	padding: 0 10px;
	font-weight: 700;
}

.flex_b {
	background: @main_color;
	border-radius: 15px;
	width: 100%;
	margin: 20px 0;
}

.business_out {
	font-size: 15px;
	line-height: 21px;
	display: block;
	color: #fff;
}

.p-10 {
	padding: 20px 10px;
}

/*首页底部的客户端下载*/
.Client {
	position: fixed;
	height: 75px;
	bottom: 0px;
	width: 100%;
	z-index: 999;
}

.Client_bg {
	height: 100%;
	width: 100%;
	background: #333;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 10;
}

.Client_de {
	position: absolute;
	top: 0px;
	z-index: 11;
	color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.go_download {
	display: block;
	height: 25px;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 25px;
	font-size: 14px;
	color: #fff;
	padding: 0px 10px;
	margin: 25px 25px 0 0;
}

.transcript {
	padding-left: 50px;
	line-height: 25px;
	padding-top: 13px;
	font-size: 14px;
	width: 65%;
}

.close_but,
.close_but:hover,
.close_but:visited {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background: @main_color;
	top: 5px;
	left: 5px;
	color: #fff;
	border-radius: 50%;

}

.close_but i {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
}


/*yuan diyfont font-size*/
.sort_li a .yuan .diyfont,
.sort_li a .yuan .iconfont {
	font-size: 0.92rem;
	line-height: 1.6rem;
	display: block;
}

.geo_row {
	padding: 10px;
}

.geo_row a {
	padding-left: 10px;
}



/*切换TAB*/
.criteria_tab {
	overflow: hidden;
	padding: 0 10px 0 10px;
}

.criteria_tab h3 {
	color: #404040;
	font-size: 14px;
	line-height: 24px;

}

.criteria_tab ul {
	margin: 10px 0;
	border-left: 1px solid #e6e6e6;
	overflow: hidden;
}

.tab_box {
	display: -webkit-box;
}

.tab_box li {
	-webkit-box-flex: 1;
	text-align: center;
	line-height: 38px;
	font-size: 12px;
	color: #404040;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #fff;
}

.tab_box .this {
	background: #e6e6e6;
}

.tab_box li a {
	color: #404040;
	display: block;
}

.null_data {
	text-align: center;
	color: #959595;
	padding: 20px 0px;
}

.null_data .icon .iconfont {
	font-size: 40px;
}

.null_data .message {
	font-size: 16px
}

/*0元抽奖*/
.item_tag_0:before {
	content: "\e61a";
}

/*免预约*/
.item_tag_1:before {
	content: "\e622";
}

/*多套餐*/
.item_tag_2:before {
	content: "\e628";
}

/*可定座*/
.item_tag_3:before {
	content: "\e627";
}

/*折扣券*/
.item_tag_4:before {
	content: "\e626";
}

/*过期退*/
.item_tag_5:before {
	content: "\e621";
}

/*随时退*/
.item_tag_6:before {
	content: "\e620";
}

/*7天退*/
.item_tag_7:before {
	content: "\e625";
}

/*免运费*/
.item_tag_8:before {
	content: "\e624";
}

/*满立减*/
.item_tag_9:before {
	content: "\e623";
}

.deal_tags {
	padding: 5px;
}

.deal_tag {
	display: block;
	float: left;
	margin-right: 10px;
	font-size: 16px;
	color: @main_color;
}

.deal_tag i.iconfont {
	font-size: 16px;
	color: @main_color;
}

/* 晒单聊天气泡 */
.arrow-ico {
	width: 9px;
	height: 9px;
	background: url(/app/Tpl/main/images/arrow-ico.png) no-repeat;
	background-size: contain;
}

/*--------- start 点评星星 ------*/
.pull-right {
	float: right !important;
	font-size: 20px;
	padding-right: 10px;
}

.stars {
	display: inline-block;
	color: #fdb338;
}

.text-icon {
	font-family: base_icon;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}

.text-icon.icon-star:after {
	content: '★';
}

.text-icon.icon-star-gray {
	position: relative;
}

.text-icon.icon-star-gray:after {
	color: #E2E2E2;
	content: '★';
}

.text-icon.icon-star-half {
	position: absolute;
	left: 0;
	overflow: hidden;
}

.text-icon.icon-star-half:after {
	content: '★';
}

.pull-right .star-text {
	font-size: 16px;
	font-weight: bold;
	color: #fdb338;
}

/*--------- end 点评星星 ------*/

/*点评列表部分*/
.rw-list {
	background-color: #fff;
	padding: 10px 10px 0 10px;
}

.rw-list .rw-item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #999999;
}

.rw-item .i-title {
	position: relative;
	margin-bottom: 5px;
}

.rw-item .i-title .user_name {
	padding-right: 10px;
}

.rw-item .i-title .star_box {
	position: absolute;
	right: 10px;
}

.rw-item .i-content {
	color: #757575;
	padding-bottom: 5px;
}

.rw-item .i-images {
	display: block;
	padding-bottom: 5px;
}

.rw-item .i-images .img {
	width: 60px;
	height: 60px;
	display: inline-block
}

.rw-item .i-images .img img {
	width: 100%
}

.rw-item .i-reply {
	border: 0;
	padding: 10px;
	background: #f6f6f6;
	color: #b28500;
	word-wrap: break-word;
	overflow: hidden;
}

.rw-item .i-reply a {
	display: inline-block;
}

.rw-item .i-null-reply {
	border: 0;
	padding: 10px;
	color: #b28500;
	word-wrap: break-word;
	overflow: hidden;
	text-align: right;
}


/*-------------按钮样式---------------*/
.plank {
	width: 100%;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: @font_white;
	font-size: 14px;
	border-radius: 20px;
	background: @main_color;
	display: block;
	border: none;
	font-weight: bolder;
}

.plank:hover {
	text-decoration: none;
	cursor: pointer;
}

/*end*/



/*横排3个数据*/
.m-index-mod {
	background-color: #fff;
}

.m-index-mod .m-index-mod-hd {
	position: relative;
	padding: 0 .4rem;
}

.m-index-mod .m-index-mod-hd h3 {
	height: 1.4rem;
	line-height: 1.4rem;
	color: #6E7D8B;
}

.m-index-mod .m-index-mod-cont {}

.m-index-mod .m-index-mod-cont .w-goodslist-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.m-index-mod .m-index-mod-cont .w-goodslist-item .w-goods-item {
	margin: .4rem 0;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	width: 33.33333%;
	padding: 0 .2rem;
	text-align: center;
}

.m-index-mod .m-index-mod-cont .w-goodslist-item .w-goods-item .w-goods-pic {
	margin: 0 auto;
}

.m-index-mod .m-index-mod-cont .w-goodslist-item .w-goods-item .w-goods-pic a {
	width: 3.2rem;
	height: 3.2rem;
	overflow: hidden;
}

.m-index-mod .m-index-mod-cont .w-goodslist-item .w-goods-item .w-goods-pic a img {
	width: 100%;
}

.w-goods-item .w-countdown .w-countdown-nums,
.w-count-waiting {
	color: #db3652;
}

.w-goods-item .w-countdown,
.w-goods-item .w-countwaiting,
.w-goods-item .w-goods-user {
	margin-top: .2rem;
	line-height: .72rem;
}

.w-goods-item .w-countdown {
	color: #999;
	line-height: .64rem;
	font-size: 0.45rem;
}

/*底部菜单样式*/
.footer-menu-box {
	height: 2rem;
	width: 100%;
}

.footer-menu-box .f_menu {
	position: fixed;
	bottom: 0;
	height: 2rem;
	background: #fff;
	z-index: 900;
	width: 100%;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

.footer-menu-box .f_menu .menu_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	width: 100%;
	height: 2rem;
}

.footer-menu-box .f_menu .menu_box .menu_item {
	text-align: center;
	-webkit-flex: 1;
	flex: 1;
	/* 	for  uc */
	-webkit-box-flex: 1;
	color: #1a1a1a;
}

.footer-menu-box .f_menu .menu_box .menu_item a {
	color: inherit;
	text-decoration: none;
}

.footer-menu-box .f_menu .menu_box .menu_item.cur {
	color: #e53935;
}

.footer-menu-box .f_menu .menu_box .menu_item.cur .fa-solid,
.footer-menu-box .f_menu .menu_box .menu_item.cur .fa-regular,
.footer-menu-box .f_menu .menu_box .menu_item.cur .nav-icon {
	background: linear-gradient(135deg, #e53935 0%, #ff6f61 50%, #ffab40 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.footer-menu-box .f_menu .menu_box .menu_item.cur .item_txt {
	color: #e53935;
	background: none !important;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: #e53935;
	font-weight: 600;
}

.footer-menu-box .f_menu .menu_box .menu_item .iconfont {
	font-size: 1rem;
}

.footer-menu-box .f_menu .menu_box .menu_item .fa-solid,
.footer-menu-box .f_menu .menu_box .menu_item .fa-regular,
.footer-menu-box .f_menu .menu_box .menu_item .nav-icon {
	font-size: 0.8rem;
	line-height: 1.2rem;
}

.footer-menu-box .f_menu .menu_box .menu_item .menu_txt {
	font-weight: bold;
}

.footer-menu-box .f_menu .menu_box .menu_item .item_txt {
	font-size: 0.4rem;
	line-height: 0.6rem;
	font-weight: 500;
	font-style: normal;
	color: #1a1a1a;
	letter-spacing: 0.03em;
	font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*用户中心菜单列表*/
.uc-list-view {
	background-color: #fff;
	margin-bottom: .4rem;
}

.uc-list-view .uc-list-v-items .uc-v-item a {
	color: #6e7d8b;
	display: block;
}

.uc-list-view .uc-list-v-items .uc-v-item .sub-uc-v-item {
	width: 100%;
	height: 1.82rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
}

.uc-list-view .uc-list-v-items .uc-v-item .sub-uc-v-item .flex-box {
	height: 1.82rem;
}

.uc-v-item .sub-uc-v-item .iconfont {
	font-size: .8rem;
	display: block;
	padding: 0 .5rem;
}

.uc-v-item .sub-uc-v-item .right-jt {
	font-size: .4rem;
	height: .4rem;
	padding: 0 .5rem;
}

.uc-v-item .sub-uc-v-item span {
	display: block;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	font-size: .6rem;
}

.cart-icon-wrap {
	position: relative;
	display: inline-block;
	overflow: visible;
}

.nav_cart_num {
	position: absolute;
	top: -0.1rem;
	right: -0.35rem;
	z-index: 1001;
	display: none;
	text-align: center;
	line-height: 0.6rem;
	color: #fff;
	font-size: 0.36rem;
	min-width: 0.6rem;
	height: 0.6rem;
	padding: 0 0.1rem;
	border-radius: 50%;
	background: #e53935;
	pointer-events: none;
	box-sizing: border-box;
	font-weight: 600;
	transition: transform .2s ease;
}

.nav_cart_num_zoom {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}


/*------------短信验证码样式------------*/

#verify_image_box {
	position: fixed;
	width: 100%;
	bottom: 50%;
	display: none;
	z-index: 2;

}

#verify_image_box .verify_form_box {
	width: 80%;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.96);
	border: 1px solid #F5F5F5;
	border-radius: 8px;
}

#verify_image_box .verify_form_box .verify_title {
	position: relative;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	color: #8C8C8C;
	border-bottom: 1px solid #F1F1F1;
}

#verify_image_box .verify_form_box .verify_title .verify_close_btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
}

#verify_image_box .verify_form_box .verify_content {
	text-align: center;
}

#verify_image_box .verify_form_box .verify_content .v_txt {
	padding: 7px;
	border: 1px solid #ECECEC;
	width: 80px;
	margin-right: 10px;
}

#verify_image_box .verify_form_box .verify_content .v_btn_box .v_btn {
	padding: 8px;
	width: 130px;
	text-align: center;
	background-color: @main_color;
	color: #fff;
	border: 1px solid #f81;
	border-radius: 6px;
}

.page-load {
	text-align: center;
	display: block;
	line-height: 1;
	margin: .4rem;
	color: #b0b0b0;
}

/*index MENY CSS*/
.footer-menu-box .menu_box .cur a {
	color: #dd354e;
}

/*分割线*/
.split-line {
	position: relative;
}

.split-line::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	content: '';
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	z-index: 9;
}

/* 上边框 */
.split-line-top {
	position: relative;
}

.split-line-top::before {
	content: '';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 9;
}

/* 左边框 */
.split-line-right {
	position: relative;
}

.split-line-right::after {
	content: '';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	border-right: 1px solid #e1e1e1;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	z-index: 9;
}

/* 右边框 */
.split-line-left {
	position: relative;
}

.split-line-left::after {
	content: '';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid #e1e1e1;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 9;
}

/* 加入清单弹出层 */
.add-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 1996;
	display: none;
}

.add-to-list {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
	z-index: 1997;
	-webkit-transform: translateY(150%);
	transform: translateY(150%);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.add-to-list-up {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.add-to-list .flex-box {
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
}

.add-to-list .info {
	width: 100%;
	background: #fff;
	border-radius: .4rem .4rem 0 0;
	overflow: hidden;
}

.add-to-list .info .title {
	background: #fff;
	line-height: 1.6rem;
	text-align: left;
	position: relative;
	padding: .4rem .4rem .3rem 4.2rem;
	font-size: .48rem;
	font-weight: 500;
	color: #333;
	border-bottom: none;
	min-height: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.add-to-list .info .title .imgbox {
	width: 2.8rem;
	height: 2.8rem;
	border-radius: .2rem;
	overflow: hidden;
	position: absolute;
	top: .4rem;
	left: .5rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
	background: #f8f8f8;
}

.add-to-list .info .title .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.add-to-list .info .title .btn-close {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: .3rem;
	right: .2rem;
	font-size: .5rem;
	color: #ccc;
	line-height: 1;
	text-decoration: none;
}

.add-to-list .info .title .iconfont {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: .3rem;
	right: .2rem;
	font-size: .5rem;
	color: #ccc;
	line-height: 1;
}

.add-bg {
	background: rgba(0, 0, 0, .45);
}

.info .pay-select {
	padding: .5rem .5rem .6rem;
}

.info .pay-select .select {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	background: #f7f7f7;
	border-radius: .2rem;
	position: relative;
	margin-bottom: .4rem;
	overflow: hidden;
}

.info .pay-select .select::after {
	display: none;
}

.info .pay-select .select a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.4rem;
	font-size: .6rem;
	color: #666;
	line-height: 1;
}

.info .pay-select .select .buy_number {
	-webkit-appearance: none;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	display: block;
	text-align: center;
	height: 1.4rem;
	width: 10%;
	font-size: .6rem;
	font-weight: 700;
	color: #e53935;
	background: transparent;
	border: none;
	outline: none;
}

.add-to-list .info .btn-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	gap: .24rem;
	margin-bottom: .4rem;
}

.add-to-list .info .btn-box .price-btn {
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	display: block;
	text-align: center;
	line-height: 1.2rem;
	background: #fff;
	border: 1px solid #eee;
	color: #555;
	border-radius: .16rem;
	font-size: .44rem;
	font-weight: 500;
	margin-right: 0;
}

.add-to-list .info .btn-box .price-btn:active {
	background: rgba(229, 57, 53, .06);
	border-color: #e53935;
	color: #e53935;
}

.add-to-list .info .btn-box .disable {
	border-color: #eee;
	color: #ccc;
}

.add-to-list .info .btn-box .all-in {
	border-color: #e53935;
	color: #e53935;
	background: rgba(229, 57, 53, .04);
}

.add-to-list .info .money-info {
	line-height: 1;
	font-size: .5rem;
	margin: .1rem 0 .45rem;
	text-align: center;
	color: #666;
	font-weight: 400;
}

.add-to-list .info .money-info span {
	color: #e53935;
	font-weight: 700;
	font-size: .6rem;
}

.add-to-list .info .comfirm-btn-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	gap: .3rem;
}

.add-to-list .info .comfirm-btn {
	display: block;
	border-radius: .5rem;
	text-align: center;
	line-height: 1.5rem;
	background: linear-gradient(135deg, #e53935 0%, #ff6f61 60%, #ffab40 100%);
	color: #fff;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	font-size: .52rem;
	font-weight: 600;
	box-shadow: 0 3px 10px rgba(229, 57, 53, .25);
	letter-spacing: .03rem;
}

.add-to-list .info .comfirm-btn:active {
	opacity: .85;
}

.add-to-list .info .comfirm-addto-list {
	margin-left: 0;
	background: #fff;
	color: #e53935;
	border: 1px solid rgba(229, 57, 53, .3);
	box-shadow: none;
	font-weight: 500;
}

.add-to-list .info .comfirm-addto-list:active {
	background: rgba(229, 57, 53, .04);
}

/* 红包弹出层 */
.log_ecv {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

.log_ecv .mask {
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}

.log-ecv {
	width: 12rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	opacity: 1;
	z-index: 10000;
}

.log-ecv.active {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.log-ecv.open {
	-webkit-transform: translate(-50%, -50%) scale(2);
	transform: translate(-50%, -50%) scale(2);
	opacity: 0;
	z-index: -1;
}

.log-ecv img {
	width: 100%;
}

.log-ecv-info {
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	text-align: center;
}

.log-ecv-info .hd {
	font-size: 1rem;
	line-height: 1.2rem;
	color: #fece00;
	padding-top: 6rem;
}

.log-ecv-info .ecv-num {
	padding-top: .8rem;
	font-size: 2rem;
	color: #fff;
}

.log-ecv-info .ecv-num span {
	font-size: .8rem;
}

.log-ecv-info .ecv-btn {
	width: 8rem;
	line-height: 1.6rem;
	color: #fff;
	font-size: .8rem;
	border-radius: 2px;
	background: #fece00;
	display: block;
	margin: .5rem auto 0;
}

.log-ecv-info .ecv-btn:hover {
	text-decoration: none;
}

.log-ecv-info .ecv-tip {
	font-size: .6rem;
	color: #fece00;
	padding-top: 1.5rem;
}

.log-ecv-info .ecv-tip span {
	color: #fff;
}

/* 加入清单弹出层end */
/* 输入框弹出 */
.num-box {
	position: absolute;
	top: 3rem;
	left: .5rem;
	right: .5rem;
	bottom: auto;
	height: 8rem;
	background: #fff;
	z-index: 1998;
	border-radius: 5px;
}

.num-box .info .pay-select .select {
	margin: 0 auto;
	width: 60%;
}

.num-box .tit {
	text-align: center;
	font-size: .6rem;
	line-height: 2rem;
}

.num-box .num-btn-box {
	margin-top: 1rem;
}

.num-box .num-btn-box .num-btn {
	display: block;
	text-align: center;
	line-height: 1.4rem;
	font-size: .6rem;
	border-radius: 3px;
	background: @main_color;
	margin: 0 .5rem;
	color: #fff;
	border: 1px solid @main_color;
}

.num-box .num-btn-box .num-cancel {
	background: #fff;
	color: @main_color;
}

.app-num-box {
	display: none;
}

/* 输入框弹出end */

.is_delete_status {
	color: #aaa !important;
	text-decoration: line-through !important;
}

/* 头部弹出层 */
.hd-drop {
	width: 5rem;
	background: rgba(0, 0, 0, .8);
	position: absolute;
	top: 1.5rem;
	right: .5rem;
	border-radius: 5px;
	z-index: 1010;
	opacity: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.hd-drop.active {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.hd-drop a {
	height: 1.6rem;
	color: #fff;
	font-size: .52rem;
}

.hd-drop a .iconfont {
	font-size: .8rem;
	padding: .5rem;
}

.hd-drop-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1009;
	display: none;
	top: 0;
	left: 0;
}

.hd-drop-mask.active {
	display: block;
}

/* === public.css === */
@CHARSET "UTF-8";

.fl {
	float: left;
}

.fr {
	float: right;
}

.el {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.h-line {
	-webkit-box-sizing: border-box;
	height: .48rem;
	width: 100%;
}

.h-line1 {
	-webkit-box-sizing: border-box;
	height: .28rem;
	width: 100%;
}

.list-view {
	background: none;
	border: none;
}

.list-view .list-title {
	width: 100%;
	height: 1.5rem;
	line-height: 1.6rem;
	background-color: @box_color;
	padding: 0;
	margin: 0;
	border-top: 1px solid @border_main;
	border-bottom: 1px solid @border_main;
	padding-left: .56rem;
	padding-right: .56rem;
}

.list-view .list-tit {
	font-size: .63rem;
	float: left;
	font-weight: bold;
	color: #383838;
}

.list-view .list-tit a {
	display: block;
}

.list-view .more {
	float: right;
	font-size: .5rem;
	padding-left: 1rem;
}

.list-view .more i {
	font-size: .3rem;
	float: right;

}

.list-view .list-title .diyfont {
	display: none;
}

.list-view .info {
	-webkit-flex: 1 !important;
	-webkit-box-flex: 1;
	word-wrap: break-word;
	word-break: break-all;
}

.guess {
	text-align: center;
	display: block;
	width: 100%;
	height: .7rem;
	position: relative;
}

.guess:after {
	content: '';
	display: block;
	border-bottom: 1px solid @border_main;
	margin-top: -.36rem;
}

.guess .txt {
	font-size: .6rem;
	background-color: @body_color;
	color: #353d44;
	padding: 0 .4rem;
	display: inline-block;
}

/*列表的两张展示形式 tuan-ul tuan-ul-list  tuan-ul-img  ----start*/
.tuan_li {
	float: left;
}

.tuan_li .list_item {

	display: block;
}

.tuan_li .list_item .pic {
	height: 140px;
}

.tuan-ul a.blw {
	position: relative;
	display: block;
	width: 100%;

}

/*tuan-ul-img 图片形式展示*/
.tuan-ul.tuan-ul-img {
	background: #fff;
	width: 100%;
	overflow: hidden;
}

.tuan-ul.tuan-ul-img::after {
	content: '';
	border-left: 1px solid #e8e8e8;
	height: 100%;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: scaleX(0.5) translateX(-50%);
	transform: scaleX(0.5) translateX(-50%);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	z-index: 799;
}

.tuan-ul.tuan-ul-img li {
	overflow: hidden;
	position: relative;
	float: left;
	display: block !important;
	padding: 0;
	width: 50%;
}

.tuan-ul.tuan-ul-img li:nth-child(2n+2) {
	margin-right: 0;
}

.tuan-ul.tuan-ul-img .pic {
	width: 5.6rem;
	padding-top: 5.6rem;
	margin: .2rem auto;
	position: relative;
}

.tuan-ul.tuan-ul-img .pic .tenyen {
	width: 1.2rem;
	height: 1.2rem;
	background: url(/app/Tpl/main/images/10yuan.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: .2rem;
	z-index: 500;
}

.tuan-ul.tuan-ul-img .pic .hundredyen {
	width: 1.2rem;
	height: 1.2rem;
	background: url(/app/Tpl/main/images/100yuan.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: .2rem;
	z-index: 500;
}

.tuan-ul.tuan-ul-img .tuan_ico {
	padding: 0 11px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	height: .8rem;
	width: 2.2rem;
	border-radius: 0 0 .8rem 0;
	color: #fff;
	text-align: center;
	line-height: .8rem;
	font-size: .4rem;
}

.tuan-ul.tuan-ul-img .pic img {
	width: 100%;
	height: 100%;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.tuan-ul.tuan-ul-img .info {
	padding: 0 .4rem .48rem;
}

.tuan-ul.tuan-ul-img .info .info-tit {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font-size: .5rem;
	display: -webkit-box;
	-webkit-box-pack: center;
	line-height: .66rem;
	height: 1.32rem;
	word-break: break-all;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.tuan-ul.tuan-ul-img .distance_row,
.tuan-ul.tuan-ul-img .info .info-detail {
	display: none;
}

.tuan-ul.tuan-ul-img .info .tuan-price {}

.tuan-ul .info .tuan-price {
	height: 1rem;
	line-height: 1rem;
	overflow: hidden;
	position: relative;
}

.tuan-ul .info .progress-box {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.tuan-ul .info .progress-box .left-box {
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
}

.tuan-ul .info .progress-box .left-box .fr {
	text-align: right;
}

.tuan-ul .info .progress-box .left-box p {
	font-size: .4rem;
}

.tuan-ul .info .progress-box .right-box {
	/* 	display:block;
font-size:12px;
margin-left:.3rem;
height:.9rem;
line-height: .9rem;
border:1px solid @main_color;
padding:0 .12rem;
color:@main_color;
border-radius:3px;
position: relative; */
}

.tuan-ul .info .progress-box .left-box .progress-info {
	line-height: .58rem;
	font-size: 12px;
}

.tuan-ul .info .progress-box .left-box .progress-info span {
	color: #3273c3;
	padding-left: 2px;
}

.tuan-ul .info .progress-box .left-box progress {
	width: 100%;
	height: 5px;
	display: block;
	border-radius: 10px;
}

.tuan-ul .info .progress-box .left-box progress {
	-webkit-appearance: none;
}

.tuan-ul .info .progress-box .left-box ::-webkit-progress-bar {
	background: #efedee;
	border-radius: .2rem;
}

.tuan-ul .info .progress-box .left-box ::-webkit-progress-value {
	background: #ffca3e;
	border-radius: .2rem;
}

.tuan-ul .info .progress-box .right-box i {
	display: block;
	border-radius: 50%;
	width: 1.3rem;
	height: 1.3rem;
	line-height: 1.3rem;
	border: 1px solid @main_color;
	color: @main_color;
	text-align: center;
	font-size: 1rem;
	float: left;
	margin-left: 0.4rem;
}



.tuan-ul .info .progress-box .right-box button {
	padding: 5px;
	border: 1px solid #e52f47;
	border-radius: 5px;
	color: #fff;
	background-color: #e52f47;
}

.tuan-ul.tuan-ul-img .price {
	font-size: .6rem;
	color: #e9573e;
	float: left;
}

.tuan-ul.tuan-ul-img .price em {
	font-size: .68rem;
	color: #fe4229;
	font-weight: bold;
	font-style: normal;
	padding-right: 12px;
	text-align: left;
}

.tuan-ul.tuan-ul-img .price del {
	display: none;
}

.tuan-ul.tuan-ul-img .price em i {
	font-size: .5rem;
	display: inline;
}

.tuan-ul.tuan-ul-img .bought {
	float: right;
	color: #999;
	font-size: .4rem;

}

/* tuan-ul-list 详情列表展示 */
.tuan-ul.tuan-ul-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.tuan-ul.tuan-ul-list {
	background: #fff;
	/*border-top: 1px solid #DCDCDC;*/
}

.tuan-ul.tuan-ul-list li {
	position: relative;
	width: 100%;
	padding: .48rem .56rem;
	background: #fff;
	float: none;
	-webkit-box-sizing: border-box;
}

.tuan-ul.tuan-ul-list .pic {
	position: relative;
	margin-right: .48rem;
	width: 4rem;
	height: 4rem;
	float: left;
	-webkit-box-sizing: border-box;
}

.tuan-ul.tuan-ul-list .pic img {
	width: 4rem;
	height: 4rem;
}

.tuan-ul.tuan-ul-list .tuan_ico {
	padding: 0 11px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	height: .8rem;
	width: 1.8rem;
	border-radius: 0 0 .8rem 0;
	color: #fff;
	text-align: center;
	line-height: .8rem;
	font-size: .4rem;
}

.tuan-ul.tuan-ul-list .pic .order {
	background: #0079ff;
}

.tuan-ul.tuan-ul-list .info {
	width: auto;
	height: auto;
	margin-left: 4.48rem;
}

.tuan-ul.tuan-ul-list .info-tit {
	height: 1.6rem;
	font-size: .52rem;
	line-height: .8rem;
	overflow: hidden;
	color: #555;
	position: relative;
	width: 100%;
}

.tuan-ul.tuan-ul-list .info-detail {
	height: 1.3rem;
	line-height: 1.3rem;
	font-size: .48rem;
	color: #909090;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
}

.tuan-ul.tuan-ul-list .info-tit .distance_row {
	position: absolute;
	right: 0;
	bottom: 0;
}

.tuan-ul.tuan-ul-list .info-tit .distance_row div {
	position: relative;
	display: block;
	float: right;
	font-size: .5rem;
	top: 0;
	background-color: #DCDCDC;
	color: #fff;
	-webkit-border-radius: .1rem;
	padding: 0 .2rem;
	height: .8rem;
	line-height: .8rem;
}

.tuan-ul.tuan-ul-list .info-tit .distance_row .iconfont {
	font-size: .5rem;
}

.tuan-ul.tuan-ul-list .info-detail .distance_row {
	float: left;
	position: absolute;
	left: 0;
	bottom: 0;
}

.tuan-ul.tuan-ul-list .info-detail .distance_row div {
	position: relative;
	display: block;
	float: left;
	font-size: .5rem;
	top: 0;
	-webkit-border-radius: .1rem;
	height: .8rem;
	line-height: .8rem;
}

.tuan-ul.tuan-ul-list .info-detail .distance_row .iconfont {
	font-size: .5rem;
}

.tuan-ul.tuan-ul-list .tuan-price {
	height: 1.2rem;
	overflow: hidden;
	width: 100%;
}

.tuan-ul.tuan-ul-list .tuan-price em {
	font-weight: bold;

}

.tuan-ul.tuan-ul-list .tuan-price em i {
	font-size: .5rem;
}

.tuan-ul.tuan-ul-list .price {
	float: left;
	line-height: 1.2rem;
}

.tuan-ul.tuan-ul-list .price em {
	font-size: .68rem;
	color: #fe4229;
}

.tuan-ul.tuan-ul-list .price del {
	font-size: .5rem;
	color: #CACACA;
}

.tuan-ul.tuan-ul-list .bought {
	float: right;
	color: #CACACA;
	line-height: 1.2rem;
}

.tuan-ul.tuan-ul-list .price .ui-starbar {
	margin-top: .4rem;
}


/*列表的两张展示形式 tuan-ul  tuan-ul-img  ----end*/





/*回到顶部按钮*/
#gotop {
	display: none;
	position: fixed;
	right: .4rem;
	bottom: 1rem;
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem;
	z-index: 130;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	color: @font_white;
	background: @main_color;
}

#gotop a,
#gotop a:hover,
#gotop a:visited {
	display: block;
	color: inherit;
	color: @font_white;
	height: 100%;
}

#gotop a .iconfont {
	font-size: 1.2rem;
	line-height: 1.6rem;
	display: block;
}


.lazyimg img,
.lazybox {
	background: url(/app/Tpl/main/images/lazyimg.gif);
}

/*头部*/
.header-wrapper {
	width: 100%;
	height: 2rem;
}

.header-wrapper .header-wrap {
	background-color: @main_color;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	width: 100%;
	height: 2rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
}

/* 多语言展开：整块 fixed 顶栏需高于首页飘屏（否则子元素 z-index 无法突破 .header-wrap 的层叠上下文） */
.header-wrapper.lang-menu-open .header-wrap {
	z-index: 100300;
}

.header-wrapper a,
.header-wrapper .iconfont,
.header-wrapper button.city-link.header-back-btn,
.header-wrapper button.city-link.header-back-btn .iconfont {
	font-size: .62rem;
	color: @font_white;
}

.header-wrapper a.user-center-link .iconfont,
a.search-btn .iconfont {
	display: inline-block;
	width: 1.4rem;
	vertical-align: top;
	font-size: 1rem;
	height: 2rem;
}

.header-wrapper a.search-btn .iconfont {
	display: inline-block;
	width: 1.4rem;
	vertical-align: top;
	font-size: 1rem;
	height: 2rem;
}

.header-wrapper .city-link {
	position: absolute;
	height: 100%;
	left: 0;
	width: auto;
	padding: 0 24px 0 12px;
}

.header-wrapper button.city-link.header-back-btn {
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	background: transparent;
	margin: 0;
	font: inherit;
	cursor: pointer;
	touch-action: manipulation;
	text-align: center;
}

.header-wrapper button.city-link.header-back-btn .iconfont {
	pointer-events: none;
}

.header-wrapper .city-name {
	display: inline-block;
}

.header-wrapper .user-center-link {
	display: block;
	width: 2rem;
	text-align: center;
	line-height: 2rem;
}

.header-wrapper .search-btn {
	display: block;
	width: 2rem;
	text-align: center;
	line-height: 2rem;
}

.header-wrapper .title {
	-webkit-flex: 1;
	flex: 1;
	/* 	for  uc */
	-webkit-box-flex: 1;
	font-size: .68rem;
	color: @font_white;
	text-align: center;
}

.nav-down {
	position: absolute;
	background: #fff;
	right: 1px;
	top: 1.9rem;
	border: 1px solid @main_color;
	z-index: 102;
	overflow: hidden;
}

.open .nav-down {
	height: 4.5rem;
	opacity: 1;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.close .nav-down {
	height: 0;
	opacity: 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.open .nav-mask {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	z-index: 101;
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

.nav-down ul li {
	width: 4.8rem;
	height: 1.5rem;
	border-bottom: 1px solid @main_color;
	line-height: 1.5rem;
	color: @main_color;
	text-align: center;
}

.nav-down ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.nav-down ul li:nth-last-child(1) {
	border-bottom: none;
}

.nav-down .menu i,
.nav-down .menu span {
	color: @main_color;
}

.nav-down .menu i {
	padding: 0 .28px;
	font-size: .65rem;
}

.nav-down .menu span {
	padding: 0 .28px;
	font-size: .5rem;
}


/*选择框*/
.mall-cate li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	color: #8f8f8f;
	display: block;
	height: 1.5rem;
	font-size: 14px;
	text-align: center;
	line-height: 1.5rem;
	background: #fff;
	border-right: 1px solid #e6e6e6;
}

.main_list {
	position: relative;
	width: 100%;
}

.mall-cate {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
	border-bottom: none;
}

.hide_list {
	width: 100%;
	top: 1.5rem;
	left: 0;
	background: transparent;
	z-index: 10;
	position: absolute;
	display: none;
}

.mall-cate:after {
	content: "";
	display: block;
	height: 0;
	border-top: 1px solid #ccc;
	width: 100%;
	z-index: 3;
	clear: both;
	position: absolute;
	left: 0;
	bottom: 0;
}

.list-mask {
	position: absolute;
	z-index: -1;
	top: 0;
	background: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
}




/* zhengling css */

:root {
	--wap-font: 'Microsoft YaHei', 微软雅黑, 宋体, Arial, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
	--wap-num-font: 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif;
	--wap-weight-regular: 300;
	--wap-weight-medium: 400;
	--wap-weight-semibold: 500;
	--tab-font: var(--wap-font);
	--anno-font: var(--wap-font);
	--mine-font: var(--wap-font);
	--cate-font: var(--wap-font);
	--msg-font: var(--wap-font);
}

html,
body {
	font-family: var(--wap-font);
	font-weight: 300;
	letter-spacing: 0.02em;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-synthesis: none;
}

input,
button {
	font-family: inherit;
}

a {
	color: #6e7d8b;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* 响应式定义根元素，在某种屏幕宽度下根元素的1rem单位=?px   应用模块实际宽度（px）=根元素（px）*应用模块（rem） */
@media screen and (min-width:320px) {
	html {
		font-size: 24px
	}

	body {
		font-size: 12px
	}
}

@media screen and (min-width:360px) {
	html {
		font-size: 24px
	}

	body {
		font-size: 12px
	}
}

@media screen and (min-width:375px) {
	html {
		font-size: 25px
	}

	body {
		font-size: 12px
	}
}

@media screen and (min-width:384px) {
	html {
		font-size: 25.6px
	}

	body {
		font-size: 14px
	}
}

@media screen and (min-width:400px) {
	html {
		font-size: 26.66666667px
	}

	body {
		font-size: 14px
	}
}

@media screen and (min-width:414px) {
	html {
		font-size: 27.6px
	}

	body {
		font-size: 14px
	}
}

@media screen and (min-width:424px) {
	html {
		font-size: 28.26666667px
	}

	body {
		font-size: 14px
	}
}

@media screen and (min-width:480px) {
	html {
		font-size: 32px
	}

	body {
		font-size: 15.36px
	}
}

@media screen and (min-width:540px) {
	html {
		font-size: 36px
	}

	body {
		font-size: 17.28px
	}
}

@media screen and (min-width:720px) {
	html {
		font-size: 36px
	}

	body {
		font-size: 17.28px
	}
}

@media screen and (min-width:750px) {
	html {
		font-size: 36px
	}

	body {
		font-size: 17.28px
	}
}

/*底部导航栏样式1*/
.fw-ibar {
	position: fixed;
	left: .4rem;
	bottom: 6rem;
	z-index: 102
}

.fw-ibar-toggle {
	width: 1.6rem;
	height: 1.6rem;
	-webkit-border-radius: 50%;
	border: 1px solid @main_color;
	background-color: @main_color;
	position: absolute;
	z-index: 999;
	-webkit-transition: all ease .2s;
	-webkit-transform-origin: 50% 50%
}

.fw-ibar-toggle .hline,
.fw-ibar-toggle .vline {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	background-color: #fff;
	width: 1px;
	height: .64rem
}

.fw-ibar-toggle .vline {
	height: 1px;
	width: .64rem
}

.fw-ibar-wrap {
	position: absolute;
	z-index: 103;
	width: 8.88rem;
	height: 8.88rem;
	left: -3.68rem;
	top: -3.68rem;
	-webkit-border-radius: 50%;
	border: 1px solid #dbdbdb;
	background-color: rgba(255, 255, 255, .8);
	-webkit-transition: all ease .2s
}

.fw-ibar.open .fw-ibar-toggle {
	-webkit-transform: translate3d(0, 0, 0) rotate(225deg);
	background-color: #fff;
	border-color: #909090
}

.fw-ibar.close .fw-ibar-toggle {
	-webkit-transform: translate3d(0, 3.4rem, 0) rotate(0deg);
	background-color: @main_color;
	border-color: @main_color;
}

.fw-ibar.open .hline,
.fw-ibar.open .vline {
	background-color: #909090
}

.fw-ibar.close .hline,
.fw-ibar.close .vline {
	background-color: #fff
}

.fw-ibar.open .fw-ibar-wrap {
	opacity: 1;
	-webkit-transform: scale(1);
	pointer-events: auto
}

.fw-ibar.close .fw-ibar-wrap {
	opacity: 0;
	-webkit-transform: scale(0.3);
	pointer-events: none
}

.fw-ibar-wrap .item {
	display: block;
	width: 2.28rem;
	height: 1.8rem;
	position: absolute;
	font-size: 12px;
	color: #353d44;
	z-index: 999
}

.fw-ibar-wrap .item .title {
	text-align: center;
	margin-top: 0;
}

.fw-ibar-wrap .item:nth-child(1) {
	top: .56rem;
	left: 3.3rem
}

.fw-ibar-wrap .item:nth-child(2) {
	top: 1.64rem;
	left: 5.34rem
}

.fw-ibar-wrap .item:nth-child(3) {
	top: 3.68rem;
	left: 6.5rem
}

.fw-ibar-wrap .item:nth-child(4) {
	top: 5.8rem;
	left: 5.34rem
}

.fw-ibar-wrap .item:nth-child(5) {
	top: 6.6rem;
	left: 3.3rem
}

.fw-ibar-wrap .item .iconfont {
	width: 1rem;
	height: 1rem;
	font-size: .8rem;
	text-align: center;
	margin: 0 auto;
}

.fw-ibar-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 101
}

.fw-ibar.open .fw-ibar-mask {
	display: block
}

/*颜色表*/

/*绿色*/
.font-green {
	color: #4eca89;
}

/*橙色*/
.font-orange {
	color: #ffaa45;
}

/*红色*/
.font-gules {
	color: #fc7075;
}

/*粉色*/
.font-pink {
	color: #fc70a5;
}

/*紫色*/
.font-violet {
	color: #cf7cf6;
}

/*浅绿*/
.font-light-green {
	color: #a2de2e;
}

/*蓝色*/
.font-blue {
	color: #a2f2db;
}

/*浅灰*/
.font-light-gray {
	color: #b2b2b2;
}

/*分割线*/
.split-line {
	position: relative;
}

.split-line::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	content: '';
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	z-index: 9;
}

/* 上边框 */
.split-line-top {
	position: relative;
}

.split-line-top::before {
	content: '';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 9;
}

.flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
}

.flex-1 {
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
}

.flex-box::after {
	color: #e5e5e5 !important;
}

/* 中奖弹窗 */
.winner-layer {
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
	width: 100%;
	z-index: 10000;
}

.winner-layer .winner-box {
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.winner-layer .winner-box .winner-img img {
	width: 100%;
}

.winner-layer .winner-box .winner-info {
	margin-top: -2rem;
}

.winner-layer .winner-box .winner-info p {
	text-align: center;
	color: #fff;
	line-height: 1rem;
}

.winner-layer .winner-box .winner-info .txt-yellow {
	color: #fff200;
	font-size: .44rem;
}

.winner-layer .winner-box .winner-info h3 {
	text-align: center;
	font-size: .72rem !important;
	line-height: 1.3rem;
}

.winner-layer .winner-box .winner-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 1.8rem;
	margin-top: .6rem;
}

.winner-layer .winner-box .winner-btn a {
	display: block;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	line-height: 1.2rem;
	color: #fff;
	background: @main_color;
	border-radius: 3px;
	text-align: center;
}

.winner-layer .winner-box .winner-btn .share-winner {
	background: #fff;
	color: @main_color;
	margin-left: .5rem;
}

.winner-layer .winner-box .winner-close {
	position: absolute;
	top: 0;
	right: 10%;
}

.winner-layer .winner-box .winner-close .iconfont {
	color: #fff;
	font-size: 1.2rem;
}


/*
 * ============================================
 * 桌面端移动页面居中显示
 * ============================================
 */
@media screen and (min-width: 481px) {

	html {
		background: #edeff3 !important;
		background-attachment: scroll !important;
		font-size: 28px !important;
	}

	body {
		max-width: 480px;
		margin: 0 auto !important;
		background: #fff;
		background-attachment: scroll !important;
		position: relative;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
		overflow-x: hidden;
	}

	.wrap,
	.content {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}

	.header .header-wrap,
	.header-wrapper .header-wrap {
		max-width: 480px;
		left: 50% !important;
		transform: translateX(-50%);
		right: auto !important;
	}

	.footer-menu-box .f_menu {
		max-width: 480px;
		left: 50% !important;
		transform: translateX(-50%);
		right: auto !important;
	}

	/* 奖品详情底部操作栏 */
	.joinin {
		max-width: 480px;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* 购买页底部操作栏 */
	.buy-bar {
		max-width: 480px;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* 地址页底部按钮 */
	.addr-bottom-bar {
		max-width: 480px;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* 提现页底部按钮 */
	.fw-fixed {
		max-width: 480px;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* 购物车底部结算栏 */
	.cart-floot .cart-count-box {
		max-width: 480px;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* 提交订单页底部结算按钮 */
	.btn_order {
		max-width: 480px;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* 购买弹窗遮罩和面板 */
	.add-bg {
		max-width: 480px;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	.add-to-list {
		max-width: 480px;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	.fw-ibar {
		left: calc(50% - 240px + 0.4rem) !important;
	}

	.hd-drop {
		max-width: 480px;
	}

	.winner-layer,
	.fw-ibar-mask {
		max-width: none;
		left: 0;
		right: 0;
	}

	.layermmain {
		max-width: 480px;
		margin: 0 auto;
	}

	.banner,
	.swiper-container,
	.slide-box,
	.TouchSlide,
	.focus {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}

	.h_search {
		max-width: 480px;
		left: 50% !important;
		transform: translateX(-50%);
	}

	/* 首页排序条已改为文档流，随 .wrap 限宽即可 */
	.slider-nav-top {
		max-width: none;
		left: auto !important;
		transform: none;
		right: auto !important;
	}

	.loading_container {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}

}

/* ========== WAP 首页语言：顶栏地球图标 + 下拉（国旗+搜索） ========== */
.header-wrapper .header-wrap {
	overflow: visible;
}

.header-wrapper .wap-lang-switch {
	position: relative;
	flex-shrink: 0;
	z-index: 1200;
}

/* 展开时高于首页实时飘屏 .idx-live-toast-mount（index_live_toast.css 内为 100200） */
.header-wrapper .wap-lang-switch.open {
	z-index: 100300;
}

.header-wrapper .wap-lang-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	color: rgba(255, 255, 255, .96);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.header-wrapper .wap-lang-btn:active {
	opacity: 0.85;
}

/* 与首页 .share-toggle-btn .iconfont（0.85rem）视觉对齐 */
.header-wrapper .wap-lang-btn .wap-lang-svg {
	display: block;
	width: 0.85rem;
	height: 0.85rem;
	shape-rendering: geometricPrecision;
}

.header-wrapper .wap-lang-flag {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 0.52rem;
	height: 0.38rem;
	font-size: 0.4rem;
	line-height: 1;
	border-radius: 0.06rem;
	overflow: hidden;
	flex-shrink: 0;
}

/* Windows 等桌面端常把旗帜 emoji 渲染成 CN/US 字母，改用 PNG 与手机端一致（flagcdn） */
.header-wrapper .wap-lang-flag.wap-lang-flag--png {
	font-size: 0;
	line-height: 0;
	color: transparent;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.header-wrapper .wap-lang-dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	margin: 0.08rem 0 0;
	padding: 0;
	min-width: 5.8rem;
	max-width: 86vw;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .14), 0 0 1px rgba(0, 0, 0, .08);
	border-radius: 0.16rem;
	border: 1px solid rgba(0, 0, 0, .08);
	z-index: 1210;
	overflow: hidden;
}

.header-wrapper .wap-lang-dropdown[hidden] {
	display: none !important;
}

.header-wrapper .wap-lang-switch.open .wap-lang-dropdown {
	display: block !important;
}

.header-wrapper .wap-lang-search-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0.22rem 0.32rem 0.18rem;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.header-wrapper .wap-lang-search-ico {
	flex-shrink: 0;
	width: 0.34rem;
	height: 0.34rem;
	margin-right: 0.18rem;
	border: 0.055rem solid #b0b0b0;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box;
}

.header-wrapper .wap-lang-search-ico::after {
	content: '';
	position: absolute;
	width: 0.12rem;
	height: 0.045rem;
	background: #b0b0b0;
	right: -0.08rem;
	bottom: -0.04rem;
	-webkit-transform: rotate(42deg);
	transform: rotate(42deg);
	border-radius: 0.02rem;
}

.header-wrapper .wap-lang-filter-input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	border: none;
	outline: none;
	font-size: 0.34rem;
	color: #333;
	background: transparent;
	-webkit-appearance: none;
}

.header-wrapper .wap-lang-filter-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.header-wrapper .wap-lang-filter-input::placeholder {
	color: #aaa;
}

.header-wrapper .wap-lang-options {
	list-style: none;
	margin: 0;
	padding: 0.1rem 0;
	max-height: 6.8rem;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.header-wrapper .wap-lang-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	gap: 0.24rem;
	padding: 0.26rem 0.38rem;
	font-size: 0.36rem;
	color: #333;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.header-wrapper .wap-lang-item .wap-lang-flag:not(.wap-lang-flag--png) {
	background: rgba(0, 0, 0, .04);
}

.header-wrapper .wap-lang-item-label {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.header-wrapper .wap-lang-item.is-current {
	color: #1a73e8;
	font-weight: 600;
}

.header-wrapper .wap-lang-item:active {
	background: #f5f5f5;
}

/* 底部导航 SVG 图标（原 footer_menu.html 内联样式，随 public 合并加载，避免 body 尾部再插 link/style 引发重绘闪动） */
.footer-menu-box .f_menu .menu_box .menu_item .nav-icon {
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	vertical-align: middle;
	line-height: 1.2rem;
	margin-bottom: 0.12rem;
}

.footer-menu-box .f_menu .menu_box .menu_item .nav-icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.footer-menu-box .f_menu .menu_box .menu_item.cur .nav-icon svg {
	stroke: #e53935;
}

/* 最新揭晓：浅色圆底 + 奖章图标（底栏保持白色） */
.footer-menu-box .tab-icon-slot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	line-height: 0;
}

.footer-menu-box .tab-icon-slot--anno {
	width: 1.4rem;
	height: 1.4rem;
	margin-top: -0.4rem;
	margin-bottom: 0;
	border-radius: 50%;
	background: linear-gradient(180deg, #fff 0%, #fff8ef 100%);
	border: 1.5px solid rgba(255, 190, 80, 0.45);
	box-shadow: 0 2px 10px rgba(255, 160, 60, 0.18);
	overflow: visible;
}

.footer-menu-box .tab-anno-medal-img {
	display: block;
	width: 1.08rem;
	height: 1.08rem;
	max-width: 1.08rem;
	max-height: 1.08rem;
	object-fit: contain;
}

.footer-menu-box .menu_item--anno .item_txt {
	color: #1a1a1a !important;
	-webkit-text-fill-color: #1a1a1a !important;
	background: none !important;
	font-weight: 500;
	font-family: var(--wap-font);
	letter-spacing: 0.03em;
	-webkit-font-smoothing: antialiased;
}

.footer-menu-box .menu_item--anno.cur .item_txt {
	color: #e53935 !important;
	-webkit-text-fill-color: #e53935 !important;
	background: none !important;
	font-weight: 600;
}


/* === index.css === */
@CHARSET "UTF-8";

.index_footer_logo {
	width: 50px;
	height: 50px;
	background: url(/app/Tpl/main/images/yydb.png);
	float: left;
}

.sort_list {
	background: transparent;
	overflow: hidden;
	padding: 0.3rem 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	width: 100%;
}

.sort_list ul {
	width: 100%;
}

.sort_list ul li {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
}

.sort_list .sort_li {
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	color: inherit;
	display: block;
	height: 100%;
	background: transparent !important;
	box-shadow: none !important;
}

.sort_li a,
.sort_li a:focus,
.sort_li a:active {
	outline: none !important;
	-webkit-tap-highlight-color: transparent !important;
	-webkit-touch-callout: none;
}

.sort_li .yuan {
	border-radius: 0.4rem;
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.8rem;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #333;
	font-size: .8rem;
	border: none;
	outline: none;
	box-shadow: none;
	background: transparent;
}

.sort_li img.yuan {
	width: 1.8rem;
	height: 1.8rem;
	object-fit: cover;
	mix-blend-mode: multiply;
	background: transparent !important;
}

/* 去掉后台配置的色块底，与 img 图标统一为无底 */
.sort_li i.yuan {
	background: transparent !important;
	background-color: transparent !important;
}


.sort_li .txt {
	color: #333;
	display: block;
	text-align: center;
	margin-top: .15rem;
	line-height: 1.3;
	font-size: 0.44rem;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.02em;
	font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-synthesis: none;
}


/*滑块菜单*/
.slider-nav {
	margin-top: .4rem;
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0;
}

.slider-nav.split-line::after,
.slider-nav.split-line-top::before {
	display: none !important;
}

.slider-nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
}

.slider-nav ul .nav-item {
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
}

.slider-nav ul .nav-item a {
	height: 1.7rem;
	line-height: 1.7rem;
	display: block;
	margin: 0 auto;
	width: 90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 3px solid transparent;
	font-size: 0.56rem;
	color: #555;
	position: relative;
}

.slider-nav ul .nav-item a.cur {
	border-bottom: none;
	color: #e53935;
	font-weight: 600;
}

.slider-nav ul .nav-item a.cur::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1.2rem;
	height: 3px;
	background: linear-gradient(90deg, #e53935, #ff6f61);
	border-radius: 2px;
}

.slider-nav ul .nav-item a.sort-box {
	position: relative;
}

.slider-nav ul .nav-item a.sort-box .i-up {
	position: absolute;
	top: 0;
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%);
	font-size: 0.36rem;
}

.slider-nav ul .nav-item a.sort-box .i-down {
	position: absolute;
	top: 0;
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
	font-size: 0.36rem;
}

.slider-nav ul .nav-item a.f-up .i-up {
	color: #e53935;
}

.slider-nav ul .nav-item a.f-down .i-down {
	color: #e53935;
}

.slider-nav ul .nav-item a.f-down .i-up {
	color: #ccc;
}

.slider-nav ul .nav-item a.f-up .i-down {
	color: #ccc;
}

/* end 滑块菜单*/

/* 首页顶部分类横滑（deal_cate 与分类页同源；主色对齐 cate_new.css #dd354e） */
.index-cate-nav {
	margin-top: .4rem;
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0;
}

.index-cate-nav.split-line::after,
.index-cate-nav.split-line-top::before {
	display: none !important;
}

.index-cate-nav-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.index-cate-nav-scroll::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.index-cate-nav-list {
	display: -webkit-inline-box;
	display: inline-flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	margin: 0;
	padding: 0 0.24rem;
	list-style: none;
	min-height: 1.7rem;
	-webkit-box-align: stretch;
	align-items: stretch;
}

.index-cate-tab {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
}

.index-cate-tab a {
	display: block;
	padding: 0 0.4rem;
	height: 1.7rem;
	line-height: 1.7rem;
	font-size: 0.52rem;
	color: #1a1a1a;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.03em;
	font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-align: center;
	box-sizing: border-box;
	border-bottom: 3px solid transparent;
	text-decoration: none;
}

.index-cate-tab.active a {
	color: #dd354e;
	font-weight: 600;
	border-bottom-color: #dd354e;
}

/*一元购首页调整*/
/*公告*/
.notice-box {
	position: relative;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	background-color: #fff;
}

.notice-box .left-icon {
	position: absolute;
	padding-left: 15px;
}

.notice-box .left-icon .iconfont {
	font-size: 0.85rem;
	color: @main_color;
	line-height: 38px;
}

.notice-box .r-content {
	float: left;
	padding-left: 50px;
	width: 100%;
}

.notice-box .r-content .n-list-box .n-item {
	width: 95%;
	overflow: hidden;
	font-size: 0.46rem;
	color: #999999;
	line-height: 38px;
}

.notice-box .r-content .n-list-box .n-item a {
	color: #3273c3;
}

.notice-box .r-content .n-list-box .n-item span {
	color: #666666;
}

/*end 公告*/
.w-goods-item .w-goods-user a {
	display: inline-block;
	width: 4em;
	line-height: inherit;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.w-goods-user,
.w-goods-sn {
	font-size: .4rem;
}

.w-goods-sn span {
	color: @main_color;
}

.more_duobao {
	text-align: center;
	display: block;
	line-height: 1;
	margin: .4rem;
	color: #b0b0b0;
}

/*图片飞入购物车*/
.img-flyer {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: fixed;
	z-index: 9999;
}

.w-goods-pic a {
	display: block;
	margin: 0 auto;
}

/* 首页轮播广告 */
.index-adv-box {
	min-height: 141px;
	margin: 0.3rem;
}

.index-adv-box {
	position: relative;
	border-radius: 0.3rem;
	overflow: hidden;
}

/* 轮播视口（TouchSlide 会再包一层 .tempWrap） */
.index-adv-box .bd {
	position: relative;
	overflow: hidden;
}

/* 仅 TouchSlide 初始化前：只露出第一张，避免多张纵向铺开；勿对 ul 常驻 flex，会与 table-cell 冲突 */
.index-adv-box.index-adv-box--pending .bd ul {
	display: -webkit-box;
	margin: 0;
	padding: 0;
	list-style: none;
}

.index-adv-box.index-adv-box--pending .bd ul li {
	width: 100%;
	overflow: hidden;
}

.index-adv-box.index-adv-box--pending .bd ul li:not(:first-child) {
	display: none;
}

.index-adv-box .bd ul li img {
	width: 100%;
	display: block;
}

.index-adv-box .hd {
	position: absolute;
	bottom: 5px;
	width: 100%;
	font-size: 0;
	text-align: center;
}

.index-adv-box .hd li {
	margin-right: 5px;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #b7b7b7;
	overflow: hidden;
}

.index-adv-box .hd li.on {
	background: #db3652;
}

/* 排序条与正文一起滚动（不再 fixed 吸顶；保留类名样式与 .slider-nav 一致） */
.slider-nav-top {
	margin-top: .4rem;
	position: static;
	background-color: #fff;
	width: 100%;
	z-index: auto;
}

/* 绑定手机成功首页弹出 */
.ecv_log_suc {
	padding: .5rem;
	text-align: center;
	color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background: rgba(0, 0, 0, .8);
	border-radius: 10px;
	font-size: .6rem;
	line-height: 1rem;
}

.ecv_log_suc.active {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.ecv_log_suc .iconfont {
	font-size: 1rem;
	display: block;
}

.loading-list {
	width: 100%;
	text-align: center;
	padding: 0.2rem 0;
	position: absolute;
	z-index: -1;

}


/* ========== 首页商城风顶栏：米白质感 / 胶囊搜索 / 轻立体图标 ========== */
.header-wrapper.header-wrapper--mall {
	height: 1.64rem;
	min-height: 1.64rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent;
}

.header-wrapper.header-wrapper--mall .header-wrap--mall {
	background: linear-gradient(180deg,
			rgba(255, 255, 255, 0.94) 0%,
			rgba(254, 252, 248, 0.9) 100%) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.85) inset,
		0 4px 18px rgba(120, 95, 70, 0.06);
	border-bottom: 1px solid rgba(210, 190, 165, 0.14);
	padding: 0.12rem 0.28rem 0.1rem;
	height: 1.64rem !important;
	min-height: 1.64rem !important;
	max-height: 1.64rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	gap: 0.1rem;
}

/* 左右：铃铛等线性图标；多语言为国旗+文案+箭头（白底上用深色） */
.header-wrapper--mall .wap-mall-iconbtn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-width: 1.32rem;
	width: 1.32rem;
	min-height: 1.32rem;
	height: 1.32rem;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	background: transparent !important;
	color: #333 !important;
	-webkit-tap-highlight-color: transparent;
	box-shadow: none !important;
	position: relative;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.header-wrapper--mall .wap-mall-iconbtn:active {
	opacity: 0.72;
}

/* 左侧：当前语言（国旗 + 名称 + 箭头） */
.header-wrapper--mall .wap-lang-btn.wap-mall-lang-trigger {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	gap: 0.1rem;
	min-width: 0;
	max-width: none;
	width: auto;
	min-height: 1.16rem;
	height: 1.16rem;
	padding: 0 0.16rem 0 0.12rem;
	margin: 0;
	border: 1px solid rgba(200, 175, 145, 0.16);
	border-radius: 999px;
	background: linear-gradient(180deg, #ffffff 0%, #f9f6f1 100%) !important;
	color: #3d3835 !important;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	box-shadow:
		0 1px 3px rgba(90, 70, 50, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: box-shadow 0.2s ease, border-color 0.2s ease;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.header-wrapper--mall .wap-lang-btn.wap-mall-lang-trigger:active {
	opacity: 0.92;
	box-shadow:
		0 1px 2px rgba(90, 70, 50, 0.04),
		inset 0 1px 2px rgba(120, 95, 70, 0.08) !important;
}

.header-wrapper--mall .wap-lang-trigger-flag {
	width: 0.68rem;
	height: 0.5rem;
	font-size: 0.52rem;
	line-height: 1;
	border-radius: 0.1rem;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.header-wrapper--mall .wap-lang-trigger-flag.wap-lang-flag--png {
	background-size: cover;
}

.header-wrapper--mall .wap-lang-trigger-label {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	min-width: 0;
	max-width: 1.35rem;
	font-size: 0.3rem;
	font-weight: 600;
	color: #4a4540;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: 0.01em;
}

.header-wrapper--mall .wap-lang-trigger-chevron {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	opacity: 0.55;
	line-height: 0;
	color: #8a7f72;
}

.header-wrapper--mall .wap-lang-trigger-chevron svg {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
}

.header-wrapper--mall .wap-lang-switch.open .wap-lang-trigger-chevron svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.header-wrapper--mall .wap-mall-header-ico {
	display: block;
	width: 0.7rem !important;
	height: 0.7rem !important;
	color: #3d3835;
	shape-rendering: geometricPrecision;
}

/* 中间：米白胶囊搜索条 */
.header-wrapper--mall .wap-mall-searchbar {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 0%;
	flex: 1 1 0%;
	min-width: 0;
	width: 0;
	margin-left: 0.08rem;
	margin-right: 0.12rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	gap: 0.14rem;
	height: 1.14rem;
	padding: 0 0.28rem;
	border-radius: 999px;
	background: linear-gradient(180deg, #ffffff 0%, #faf7f2 100%);
	color: #888;
	text-decoration: none;
	box-shadow:
		inset 0 1px 2px rgba(255, 255, 255, 0.95),
		0 2px 10px rgba(100, 75, 50, 0.07);
	border: 1px solid rgba(195, 170, 140, 0.18);
	-webkit-tap-highlight-color: transparent;
	align-self: center;
	-webkit-transition: box-shadow 0.2s ease, border-color 0.2s ease;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.header-wrapper--mall .wap-mall-searchbar:active {
	background: linear-gradient(180deg, #f8f5f0 0%, #f3efe8 100%);
	box-shadow:
		inset 0 1px 3px rgba(120, 95, 70, 0.08),
		0 1px 6px rgba(100, 75, 50, 0.05);
}

.header-wrapper--mall .wap-mall-searchbar__ico {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #a67c52;
	flex-shrink: 0;
	opacity: 0.92;
}

.header-wrapper--mall .wap-mall-searchbar__svg {
	display: block;
	width: 0.64rem;
	height: 0.64rem;
}

.header-wrapper--mall .wap-mall-searchbar__placeholder {
	font-size: 0.3rem;
	color: #a39a90;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	line-height: 1.25;
	font-weight: 400;
}

/* 右侧：系统消息 */
.header-wrapper--mall .wap-mall-trailing {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	gap: 0.08rem;
	margin-left: auto;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}

.header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn {
	min-width: 1.08rem;
	width: 1.08rem;
	min-height: 1.08rem;
	height: 1.08rem;
	border-radius: 50%;
	background: linear-gradient(180deg, #ffffff 0%, #f8f5f0 100%) !important;
	border: 1px solid rgba(200, 175, 145, 0.14) !important;
	box-shadow:
		0 1px 3px rgba(90, 70, 50, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
	-webkit-transition: box-shadow 0.2s ease, transform 0.15s ease;
	transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn:active {
	transform: scale(0.96);
	box-shadow:
		inset 0 1px 2px rgba(120, 95, 70, 0.1),
		0 1px 2px rgba(90, 70, 50, 0.04) !important;
}

.header-wrapper--mall .wap-mall-trailing .wap-mall-share {
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}

/* 分享：与消息一致使用内联 SVG（wap-mall-header-ico），避免 iconfont 异步加载晚显示 */
.header-wrapper--mall .wap-mall-msg__ico {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #3d3835;
}

/* 消息入口小红点（无未读数字时显示，便于识别为消息） */
.header-wrapper--mall .wap-mall-msg__dot {
	position: absolute;
	top: 0.26rem;
	right: 0.28rem;
	width: 0.14rem;
	height: 0.14rem;
	border-radius: 50%;
	background: #ff3b30;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.95);
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.header-wrapper--mall .wap-mall-msg__badge {
	position: absolute;
	top: -0.02rem;
	right: -0.02rem;
	min-width: 0.3rem;
	height: 0.3rem;
	padding: 0 0.05rem;
	border-radius: 0.16rem;
	background: linear-gradient(135deg, #ff5252, #ff7043);
	color: #fff;
	font-size: 0.13rem;
	font-weight: 600;
	line-height: 0.3rem;
	text-align: center;
	box-sizing: border-box;
	pointer-events: none;
	border: 1.5px solid rgba(255, 255, 255, 0.95);
	box-shadow: 0 2px 6px rgba(229, 57, 53, 0.35);
	-webkit-font-smoothing: antialiased;
}

.header-wrapper--mall .wap-lang-switch {
	position: relative;
	z-index: 1200;
	flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.header-wrapper--mall .wap-lang-switch.open {
	z-index: 100300;
}

.header-wrapper--mall .wap-lang-switch.open .wap-mall-lang-trigger {
	border-color: rgba(200, 155, 120, 0.28);
	box-shadow:
		0 2px 8px rgba(100, 75, 50, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* 商城顶栏：语言下拉高亮、留白与阴影（覆盖 public 通用样式） */
.header-wrapper--mall .wap-lang-dropdown {
	min-width: 4.8rem;
	max-width: 5.5rem;
	margin-top: 0.1rem;
	border-radius: 0.28rem;
	background: linear-gradient(180deg, #ffffff 0%, #fefcf9 100%);
	box-shadow:
		0 8px 28px rgba(100, 75, 50, 0.1),
		0 0 0 1px rgba(210, 190, 165, 0.12);
	border: 1px solid rgba(210, 190, 165, 0.14);
}

@media screen and (max-width: 400px) {
	.header-wrapper--mall .wap-lang-dropdown {
		max-width: 86vw;
	}
}

.header-wrapper--mall .wap-lang-search-row {
	padding: 0.14rem 0.24rem 0.12rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.header-wrapper--mall .wap-lang-search-ico {
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.14rem;
}

.header-wrapper--mall .wap-lang-filter-input {
	font-size: 0.3rem;
}

.header-wrapper--mall .wap-lang-options {
	max-height: 5.2rem;
	padding: 0.06rem 0;
}

.header-wrapper--mall .wap-lang-item {
	gap: 0.18rem;
	padding: 0.2rem 0.26rem;
	font-size: 0.32rem;
}

.header-wrapper--mall .wap-lang-item.is-current {
	color: #c62828;
	background: rgba(255, 107, 107, 0.08);
	font-weight: 600;
}

.header-wrapper--mall .wap-lang-item:active {
	background: rgba(0, 0, 0, 0.04);
}

/* 商品卡片 - 价格行 */
.goods-price-line {
	font-size: 0.42rem;
	color: #999;
	line-height: 0.7rem;
	padding-top: 0.1rem;
}

/* 商品卡片 - 进度条数字行 */
.progress-nums {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 0.15rem;
	font-size: 0.44rem;
	font-weight: 600;
}

.progress-nums .txt-red {
	color: @main_color;
}

.progress-nums .txt-dark {
	color: #333;
}

/* 商品卡片 - 底部操作栏 */
.goods-action-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	padding-top: 0.3rem;
	gap: 0.3rem;
}

.goods-buy-btn {
	display: block;
	background: linear-gradient(90deg, #ff9000 0%, #ff5000 100%);
	color: #fff;
	font-size: 0.48rem;
	text-align: center;
	border-radius: 1rem;
	padding: 0.2rem 1rem;
	line-height: 1;
	-webkit-flex: 1;
	flex: 1;
}

.goods-cart-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	background: linear-gradient(90deg, #ff9000 0%, #ff5000 100%);
	color: #fff;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	box-shadow: 0 2px 6px rgba(255, 111, 97, 0.4);
	margin-right: -0.15rem;
}

/* ============================================================
   首页商品卡片 - 现代化重构 v2
   ============================================================ */

/* 卡片容器 */
.tuan-ul.tuan-ul-img {
	background: #f5f5f5 !important;
	padding: .2rem .24rem 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
}

/* 去掉旧的中间竖线 */
.tuan-ul.tuan-ul-img::after {
	display: none !important;
}

/* 单个卡片 - 缩小间距让两列更紧凑 */
.tuan-ul.tuan-ul-img li.tuan_li {
	width: 49.2% !important;
	float: none !important;
	background: #fff;
	border-radius: .28rem;
	overflow: hidden;
	margin-bottom: .2rem;
	padding: 0 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
	border: none !important;
}

.tuan-ul.tuan-ul-img li.tuan_li.split-line {
	border: none !important;
	border-bottom: none !important;
}

/* 商品图片区域 */
.tuan-ul.tuan-ul-img .pic {
	width: 100% !important;
	padding-top: 94% !important;
	margin: 0 !important;
	position: relative;
	background: #fcfcfc;
	border-radius: .28rem .28rem 0 0;
	overflow: hidden;
}

.tuan-ul.tuan-ul-img .pic img {
	width: 92% !important;
	height: 92% !important;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 0;
}

/* 角标 */
.tuan-ul.tuan-ul-img .pic .tenyen,
.tuan-ul.tuan-ul-img .pic .hundredyen {
	width: auto !important;
	height: auto !important;
	background: none !important;
	position: absolute;
	top: .16rem;
	left: .16rem;
	z-index: 10;
	font-size: .32rem;
	color: #fff;
	padding: .06rem .2rem;
	border-radius: .1rem;
	font-weight: 600;
	line-height: 1.2;
}

.tuan-ul.tuan-ul-img .pic .tenyen {
	background: linear-gradient(135deg, #e53935, #ff6f61) !important;
}

.tuan-ul.tuan-ul-img .pic .tenyen::after {
	content: '10元区';
}

.tuan-ul.tuan-ul-img .pic .hundredyen {
	background: linear-gradient(135deg, #ff6f61, #ffab40) !important;
}

.tuan-ul.tuan-ul-img .pic .hundredyen::after {
	content: '100元区';
}

/* 信息区域 - 微调内边距 */
.tuan-ul.tuan-ul-img .info {
	padding: .24rem .28rem .3rem !important;
}

/* 商品标题 - 两行省略，适配微软雅黑字体 */
.tuan-ul.tuan-ul-img .info .info-tit {
	font-size: .46rem !important;
	font-weight: 500 !important;
	color: #222 !important;
	line-height: 1.45 !important;
	min-height: 3em !important;
	max-height: 3em !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	margin: 0;
}

.tuan-ul.tuan-ul-img .info .info-tit em {
	display: inline-block;
	background: linear-gradient(135deg, #e53935, #ff6f61);
	color: #fff;
	font-size: .3rem !important;
	padding: .04rem .12rem;
	border-radius: .08rem;
	margin-right: .08rem;
	vertical-align: middle;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
}

/* 价格行 - 增强层级 */
.goods-price-line {
	font-size: .38rem !important;
	color: #aaa !important;
	line-height: 1 !important;
	padding-top: .16rem !important;
	padding-bottom: .14rem;
	letter-spacing: .01rem;
}

/* 进度条区域 */
.tuan-ul .info .progress-box {
	padding: 0;
}

.tuan-ul .info .progress-box .left-box {
	width: 100%;
}

.tuan-ul .info .progress-box .left-box progress {
	width: 100%;
	height: 3px !important;
	border-radius: 1.5px;
	-webkit-appearance: none;
	display: block;
}

.tuan-ul .info .progress-box .left-box ::-webkit-progress-bar {
	background: #f0f0f0 !important;
	border-radius: 1.5px;
}

.tuan-ul .info .progress-box .left-box ::-webkit-progress-value {
	background: linear-gradient(90deg, #ffab40 0%, #d93a55 33.33%, #d93a55 66.66%, #e53935 100%) !important;
	border-radius: 1.5px;
}

/* 进度数字行 */
.progress-nums {
	padding-top: .1rem !important;
	font-size: .36rem !important;
	font-weight: 400 !important;
	color: #ccc;
}

.progress-nums .txt-red {
	color: #e53935 !important;
	font-weight: 600;
	font-size: .37rem !important;
}

.progress-nums .txt-dark {
	color: #ccc !important;
	font-weight: 400;
}

/* 底部操作栏 - 增加上间距 */
.goods-action-bar {
	padding-top: .24rem !important;
	gap: .16rem !important;
}

/* 立即购买主按钮 - 更精致 */
.goods-buy-btn {
	display: block;
	background: linear-gradient(90deg, #ff9000 0%, #ff5000 100%) !important;
	color: #fff !important;
	font-size: .4rem !important;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	border-radius: .5rem !important;
	padding: .22rem 0 !important;
	line-height: 1 !important;
	-webkit-flex: 1;
	flex: 1;
	box-shadow: 0 2px 8px rgba(255, 80, 0, 0.22);
	letter-spacing: .03rem;
}

.goods-buy-btn:active {
	opacity: .85;
}

/* 购物车辅助按钮 - 极度弱化 */
.goods-cart-btn {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: .94rem !important;
	height: .94rem !important;
	border-radius: 50% !important;
	background: #fafafa !important;
	border: 1px solid #eee;
	color: #bbb !important;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	box-shadow: none !important;
	margin-right: 0 !important;
}

.goods-cart-btn svg {
	stroke: #bbb !important;
	width: 12px !important;
	height: 12px !important;
}

.goods-cart-btn:active {
	background: #f0f0f0 !important;
	border-color: #ddd;
}

/* 查看更多按钮 */
.more_duobao.page-load {
	display: block;
	text-align: center;
	font-size: .42rem;
	color: #999;
	padding: .44rem 0;
	margin: 0 .24rem .2rem;
	background: #fff;
	border-radius: .24rem;
	text-decoration: none;
}

/* 首页底栏提前插入：.footer-menu-box 默认 height:2rem 会在文档流占位，误出现在顶栏与轮播之间 */
.index-footer-menu-slot .footer-menu-box {
	height: 0;
	min-height: 0;
	overflow: visible;
}

/* 原在页面末尾由底栏占位提供的底部留白，改由主内容区承担（fixed 底栏不进入流） */
.wrap.loading_container {
	padding-bottom: calc(2rem + env(safe-area-inset-bottom, 0px));
}

/* ============================================================
   首页双列商品卡（参考：上图下文 + 橙色进度条 + 底栏价+胶囊按钮）
   ============================================================ */
.tuan-ul.tuan-ul-img.idx-home-grid {
	background: #f5f5f5 !important;
	padding: 0.2rem 0.24rem 0.1rem !important;
}

.tuan-ul.tuan-ul-img.idx-home-grid li.tuan_li.idx-home-card {
	width: 49.2% !important;
	float: none !important;
	background: #fff !important;
	border-radius: 0.28rem !important;
	overflow: hidden !important;
	margin-bottom: 0.2rem !important;
	padding: 0 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
	border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.tuan-ul.tuan-ul-img.idx-home-grid li.tuan_li.split-line {
	border: none !important;
	border-bottom: none !important;
}

.idx-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.idx-card-pic-wrap {
	position: relative;
	background: #fff;
}

.idx-brand-logo {
	position: absolute;
	top: 0.14rem;
	left: 0.14rem;
	z-index: 3;
	max-height: 0.52rem;
	max-width: 1.35rem;
	width: auto;
	height: auto;
	object-fit: contain;
	pointer-events: none;
}

.tuan-ul.tuan-ul-img.idx-home-grid .pic {
	width: 100% !important;
	padding-top: 100% !important;
	margin: 0 !important;
	position: relative;
	background: #fff;
	border-radius: 0 !important;
	overflow: hidden;
}

.tuan-ul.tuan-ul-img.idx-home-grid .pic img {
	width: 86% !important;
	height: 86% !important;
	object-fit: contain !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

.idx-card-info {
	padding: 0.3rem 0.28rem 0.34rem !important;
}

.tuan-ul.tuan-ul-img.idx-home-grid .info-tit {
	font-size: 0.52rem !important;
	font-weight: 500 !important;
	color: #1a1a1a !important;
	line-height: 1.45 !important;
	min-height: 3em !important;
	max-height: 3em !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	margin: 0 !important;
}

.idx-topspeed-tag {
	display: inline-block;
	background: #ff2300;
	color: #fff;
	font-size: 0.28rem !important;
	padding: 0.06rem 0.12rem;
	border-radius: 0.08rem;
	margin-right: 0.08rem;
	vertical-align: middle;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
}

.idx-progress-track {
	width: 100%;
	height: 0.24rem;
	border-radius: 0.12rem;
	background: #ececec;
	overflow: hidden;
	margin-top: 0.22rem;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* 进度条填充：金橙 → 玫红 → 红 + 高光从左往右扫过 */
@-webkit-keyframes idx-progress-flow {
	0% {
		background-position: 200% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes idx-progress-flow {
	0% {
		background-position: 200% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@-webkit-keyframes idx-progress-pulse {

	0%,
	100% {
		filter: brightness(1) saturate(1);
	}

	40% {
		filter: brightness(1.06) saturate(1.1);
	}

	70% {
		filter: brightness(1.03) saturate(1.05);
	}
}

@keyframes idx-progress-pulse {

	0%,
	100% {
		filter: brightness(1) saturate(1);
	}

	40% {
		filter: brightness(1.06) saturate(1.1);
	}

	70% {
		filter: brightness(1.03) saturate(1.05);
	}
}

.idx-progress-fill {
	display: block;
	height: 100%;
	border-radius: 0.12rem;
	min-width: 0;
	background-color: #e53935;
	background-image: -webkit-linear-gradient(90deg,
			#ffab40 0%,
			#d93a55 33.33%,
			#d93a55 66.66%,
			#e53935 100%);
	background-image: linear-gradient(90deg,
			#ffab40 0%,
			#d93a55 33.33%,
			#d93a55 66.66%,
			#e53935 100%);
	background-size: 200% 100%;
	background-position: 200% 50%;
	-webkit-transition: width 0.25s ease;
	transition: width 0.25s ease;
	-webkit-animation: idx-progress-flow 1.5s linear infinite, idx-progress-pulse 1.25s ease-in-out infinite;
	animation: idx-progress-flow 1.5s linear infinite, idx-progress-pulse 1.25s ease-in-out infinite;
}

.idx-remain-line {
	margin: 0.2rem 0 0 0;
	font-size: 0.44rem;
	color: #444;
	line-height: 1.45;
}

.idx-remain-num {
	color: #ff6a00;
	font-weight: 700;
	font-style: normal;
	padding: 0 0.06rem;
	font-size: 0.46rem;
}

.idx-remain-unit {
	color: #666;
	margin-left: 0.04rem;
	font-size: 0.44rem;
}

.idx-card-foot {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 0.26rem;
	gap: 0.16rem;
}

.idx-foot-price {
	font-size: 0.4rem;
	color: #e02020;
	line-height: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
}

.idx-foot-price strong {
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.01rem;
}

.idx-foot-price i {
	font-style: normal;
	font-size: 0.36rem;
	font-weight: 500;
	margin-left: 0.08rem;
	color: #e02020;
	vertical-align: baseline;
}

.idx-foot-btn {
	display: inline-block;
	padding: 0.24rem 0.44rem;
	font-size: 0.42rem;
	font-weight: 700;
	color: #fff !important;
	border-radius: 2rem;
	line-height: 1.15;
	min-height: 0.88rem;
	box-sizing: border-box;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	max-width: 42%;
	text-align: center;
	background: linear-gradient(90deg, #ff9000 0%, #ff5000 100%);
	box-shadow: 0 3px 10px rgba(255, 80, 0, 0.28);
	pointer-events: none;
}

.idx-card-link:active .idx-foot-btn {
	opacity: 0.92;
}

.tuan-ul.tuan-ul-img.idx-home-grid .pic .tenyen,
.tuan-ul.tuan-ul-img.idx-home-grid .pic .hundredyen {
	z-index: 4;
}


/* === index_home_sections.css === */
@CHARSET "UTF-8";

/**
 * 首页区块：分享面板、最新揭晓、即将揭晓、公告栏
 * 随 head parse_css 合并加载，避免底部 <style> 解析顺序导致 FOUC
 */
.share-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.share-overlay.active {
	opacity: 1;
}

.share-panel {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 0.5rem 0.5rem 0 0;
	z-index: 9999;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.share-panel.active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.share-panel-title {
	text-align: center;
	font-size: 0.56rem;
	color: #999;
	padding: 0.5rem 0 0.3rem;
}

.share-panel-grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.3rem 0.5rem 0.5rem;
}

.share-item {
	width: 33.33%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	padding: 0.35rem 0;
	color: #333 !important;
	text-decoration: none !important;
}

.share-icon {
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #fff;
	font-size: 0.9rem;
	font-weight: bold;
}

.share-icon svg {
	display: block;
}

.share-txt {
	font-size: 0.44rem;
	color: #666;
	margin-top: 0.25rem;
}

.share-panel-cancel {
	text-align: center;
	font-size: 0.56rem;
	color: #999;
	padding: 0.45rem 0;
	border-top: 1px solid #eee;
}

/* 桌面宽屏：分享底栏与 public.css 中 body 限宽（480px）一致，避免白底条横贯整屏；遮罩仍铺满视口 */
@media screen and (min-width: 481px) {
	.share-panel {
		left: 50% !important;
		right: auto !important;
		width: 100%;
		max-width: 480px;
		-webkit-transform: translateX(-50%) translateY(100%);
		transform: translateX(-50%) translateY(100%);
	}

	.share-panel.active {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
}

.newest-reveal-mod.m-index-mod {
	background: #fff;
	margin: 0.24rem 0.26rem 0;
	border-radius: 0.36rem;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .05);
	padding: 0;
	overflow: hidden;
	/* 与全站红橙渐变主色一致（强调色保留，容器/边框用中性灰） */
	--nr-card-gap: 0.24rem;
	--nr-timer-gap: 0.08rem;
	--nr-accent: #ff6f61;
	--nr-accent-dark: #e53935;
	--nr-accent-deep: #d32f2f;
	--nr-surface: #fff;
	--nr-surface-end: #fff;
	--nr-info-bg-from: #f8f6f2;
	--nr-info-bg-to: #fff;
	--nr-label: #888;
	--nr-text: #1a1a1a;
	--nr-timer-from: #ff8a3d;
	--nr-timer-to: #e53935;
}

.newest-reveal-hd {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0.32rem 0.34rem 0.18rem;
}

.newest-reveal-hd__title {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 0.12rem;
	margin: 0;
	line-height: 1.2;
}

.newest-reveal-hd__bar {
	display: inline-block;
	width: 0.1rem;
	height: 0.52rem;
	border-radius: 0.05rem;
	background: -webkit-linear-gradient(180deg, #ff8a3d, #e53935);
	background: linear-gradient(180deg, #ff8a3d, #e53935);
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.newest-reveal-hd__text {
	font-size: 0.6rem;
	font-weight: 800;
	color: #1a1a1a;
	letter-spacing: 0.02em;
}

.newest-reveal-more {
	font-size: 0.42rem;
	color: #999;
	white-space: nowrap;
	text-decoration: none;
}

.newest-reveal-body {
	padding: 0 0.28rem 0.28rem;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.newest-reveal-body .nr-scroll-viewport {
	position: relative;
	z-index: 1;
}

/* 最新揭晓：横向滑动，新倒计时插前置顶后可平滑滚回视口左侧 */
/* 视口用 block + 内层 max-content，避免 flex 列/行高在部分浏览器里多出“滚动条槽”高度 */
.nr-scroll-viewport {
	display: block;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	margin: 0 -0.34rem;
	padding: 0 0.34rem 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-overflow-style: none;
	scrollbar-width: none;
	scrollbar-color: transparent transparent;
	/* 单卡宽度用 100cqi 对齐视口内容区，避免 100vw 估算与模块 margin/padding 不一致导致右侧漏出下一张 */
	container-type: inline-size;
	container-name: nr-reveal-scroll;
}

.nr-scroll-viewport::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	background: transparent;
}

.nr-scroll-viewport::-webkit-scrollbar-corner {
	background: transparent;
}

/* JS 程序化横向滚动时关闭 snap / smooth，避免与逐帧 scrollLeft 打架产生一顿一顿 */
.nr-scroll-viewport.nr-scroll--programmatic {
	scroll-behavior: auto;
	scroll-snap-type: none;
}

.nr-scroll-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	gap: 0.28rem;
	width: -webkit-max-content;
	width: max-content;
	min-height: 0;
	max-width: none;
	margin: 0;
	padding: 0;
	line-height: normal;
}

/* 最新揭晓：紧凑横滑卡片（约 3.3 张可见） */
.nr-scroll-viewport {
	scroll-snap-type: none;
}

.newest-reveal-mod .nr-scroll-track {
	gap: var(--nr-card-gap);
}

.newest-reveal-mod .nr-scroll-track .lo-card {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-flex: 0 0 2.35rem;
	flex: 0 0 2.35rem;
	width: 2.35rem;
	min-width: 2.35rem;
	max-width: 2.35rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@supports (width:1cqi) {
	.newest-reveal-mod .nr-scroll-track .lo-card {
		-webkit-flex: 0 0 calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3);
		flex: 0 0 calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3);
		width: calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3);
		min-width: calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3);
		max-width: calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3);
	}
}

.newest-reveal-mod .lo-card {
	display: block;
	border-radius: 0.16rem;
	overflow: hidden;
	text-decoration: none !important;
	color: inherit;
	background: #fff;
	border: none;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
	-webkit-tap-highlight-color: transparent;
}

.newest-reveal-mod .lo-card:active {
	opacity: 0.97;
}

.newest-reveal-mod .lo-card .lc-img {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	background: #f5f5f5;
}

.newest-reveal-mod .lo-card .lc-img__pic,
.newest-reveal-mod .lo-card .lc-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 商品图扫光 */
.newest-reveal-mod .lo-card .lc-img::after {
	content: '';
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .28) 50%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .28) 50%, rgba(255, 255, 255, 0) 100%);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
	-webkit-animation: nr-card-shimmer 4.5s ease-in-out infinite;
	animation: nr-card-shimmer 4.5s ease-in-out infinite;
	pointer-events: none;
	z-index: 2;
}

.newest-reveal-mod .lo-card:not(.lo-card--revealed) .lc-img::after {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	background: -webkit-linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .38) 50%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .38) 50%, rgba(255, 255, 255, 0) 100%);
}

.newest-reveal-mod .nr-scroll-track .lo-card:nth-child(3n+1) .lc-img::after {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.newest-reveal-mod .nr-scroll-track .lo-card:nth-child(3n+2) .lc-img::after {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.newest-reveal-mod .nr-scroll-track .lo-card:nth-child(3n) .lc-img::after {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

@-webkit-keyframes nr-card-shimmer {
	0% {
		left: -75%;
		opacity: 0;
	}

	15% {
		opacity: 1;
	}

	50% {
		left: 125%;
		opacity: 0;
	}

	100% {
		left: 125%;
		opacity: 0;
	}
}

@keyframes nr-card-shimmer {
	0% {
		left: -75%;
		opacity: 0;
	}

	15% {
		opacity: 1;
	}

	50% {
		left: 125%;
		opacity: 0;
	}

	100% {
		left: 125%;
		opacity: 0;
	}
}

@media (prefers-reduced-motion:reduce) {
	.newest-reveal-mod .lo-card .lc-img::after {
		display: none;
	}
}

.newest-reveal-mod .lo-card .lc-tag {
	position: absolute;
	left: 0;
	bottom: 0;
	background: -webkit-linear-gradient(180deg, #ff8a3d, var(--nr-accent-dark));
	background: linear-gradient(180deg, #ff8a3d, var(--nr-accent-dark));
	color: #fff;
	font-size: 0.36rem;
	padding: 0.06rem 0.16rem;
	border-top-right-radius: 0.12rem;
	line-height: 1.35;
	white-space: nowrap;
	font-weight: 500;
}

.newest-reveal-mod .lo-card .lc-info {
	padding: 0.2rem 0.08rem 0.26rem;
	margin-top: 0.06rem;
	text-align: center;
	background: var(--nr-info-bg-to);
	background-image: -webkit-linear-gradient(180deg, var(--nr-info-bg-from) 0%, var(--nr-info-bg-to) 85%);
	background-image: linear-gradient(180deg, var(--nr-info-bg-from) 0%, var(--nr-info-bg-to) 85%);
}

.newest-reveal-mod .lo-card .lc-label {
	font-size: 0.38rem;
	color: var(--nr-label);
	line-height: 1.35;
	font-weight: 500;
}

.newest-reveal-mod .lo-card .lc-val {
	font-size: 0.44rem;
	color: var(--nr-text);
	font-weight: 600;
	margin-top: 0.08rem;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newest-reveal-mod .lo-card .lc-val .w-countdown-root {
	display: inline;
}

.newest-reveal-mod .lo-card .lc-val .w-countdown-nums {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	gap: var(--nr-timer-gap);
	vertical-align: middle;
	flex-shrink: 0;
}

.newest-reveal-mod .lo-card .lc-val .time-span {
	display: -webkit-inline-box !important;
	display: -webkit-inline-flex !important;
	display: inline-flex !important;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 0 0 0.72rem;
	width: 0.72rem;
	min-width: 0.72rem;
	max-width: 0.72rem;
	padding: 0.06rem 0;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
	font-feature-settings: 'tnum' 1;
	font-size: 0.42rem;
	background: var(--nr-timer-to);
	background-image: -webkit-linear-gradient(180deg, var(--nr-timer-from) 0%, var(--nr-timer-to) 100%);
	background-image: linear-gradient(180deg, var(--nr-timer-from) 0%, var(--nr-timer-to) 100%);
	color: #fff;
	border-radius: 0.08rem;
	text-align: center;
	font-weight: 700;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.newest-reveal-mod .lo-card .lc-val .time-colon {
	flex: 0 0 0.14rem;
	width: 0.14rem;
	color: #333;
	font-weight: 700;
	font-size: 0.38rem;
	padding: 0;
	line-height: 1;
	text-align: center;
}

.newest-reveal-mod .lo-card .lc-val .lc-drawing {
	font-size: 0.4rem;
	color: var(--nr-accent-dark);
	font-weight: 600;
}

.newest-reveal-mod .lo-card--revealed .lc-img::after {
	display: none;
}

.newest-reveal-mod .lo-card--revealed .lc-winner {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.soon-reveal-mod {
	background: #fff;
	margin-top: 0.3rem;
	padding-bottom: 0.35rem;
}

.soon-reveal-hd {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0.4rem 0.4rem 0.25rem;
}

.soon-reveal-hd-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.soon-reveal-hd h3 {
	font-size: 0.62rem;
	font-weight: 700;
	color: #222;
	margin-right: 0.3rem;
	padding-left: 0.3rem;
	border-left: 3px solid #e53935;
}

.soon-reveal-sub {
	font-size: 0.4rem;
	color: #999;
	padding-left: 0.2rem;
	border-left: none;
}

.soon-reveal-more {
	font-size: 0.42rem;
	color: #999;
	white-space: nowrap;
}

.soon-reveal-scroll {
	overflow: hidden;
	padding: 0 0.4rem;
}

.soon-reveal-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-animation: soonScroll 40s linear infinite;
	animation: soonScroll 40s linear infinite;
	width: -webkit-max-content;
	width: max-content;
}

@-webkit-keyframes soonScroll {
	0% {
		-webkit-transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-50%);
	}
}

@keyframes soonScroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.soon-reveal-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.soon-reveal-item {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 7rem;
	margin-right: 0.35rem;
	background: #fff;
	border-radius: 0.35rem;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.soon-reveal-item:last-child {
	margin-right: 0;
}

.soon-reveal-item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 0.35rem;
	text-decoration: none;
	color: inherit;
}

.soon-reveal-pic {
	width: 2.6rem;
	height: 2.6rem;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	border-radius: 0.25rem;
	overflow: hidden;
	background: #fff;
	margin-right: 0.3rem;
}

.soon-reveal-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.soon-reveal-info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	overflow: hidden;
}

.soon-reveal-name {
	font-size: 0.44rem;
	color: #333;
	font-weight: 500;
	line-height: 1.3;
	max-height: 1.2rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0.2rem;
}

/* 与首页双列卡共用 index.css 中 .idx-progress-track / .idx-progress-fill（流动高光动画） */
.soon-reveal-progress {
	margin-bottom: 0.12rem;
}

.soon-reveal-progress .idx-progress-track {
	margin-top: 0;
}

.soon-reveal-remain {
	font-size: 0.4rem;
	color: #999;
	white-space: nowrap;
}

.soon-reveal-remain em {
	color: #e53935;
	font-style: normal;
	font-weight: 700;
	font-size: 0.44rem;
}

.notice-bar-new {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 0.3rem;
	padding: 0.28rem 0.35rem;
	background: #fff;
	border-radius: 0.35rem;
	overflow: hidden;
}

.notice-bar-new::after {
	content: '';
	position: absolute;
	top: -15%;
	left: 0;
	width: 45%;
	height: 130%;
	margin-left: -30%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0) 100%);
	-webkit-transform: skewX(-22deg) translateX(-80%);
	transform: skewX(-22deg) translateX(-80%);
	pointer-events: none;
	z-index: 2;
	-webkit-animation: noticeBarShine 2.8s ease-in-out infinite;
	animation: noticeBarShine 2.8s ease-in-out infinite;
}

.notice-bar-tag {
	position: relative;
	z-index: 1;
	background: linear-gradient(135deg, #e53935, #f06292);
	color: #fff;
	font-size: 0.38rem;
	font-weight: 700;
	padding: 0.08rem 0.28rem;
	border-radius: 0.2rem;
	margin-right: 0.3rem;
	white-space: nowrap;
	letter-spacing: 0.03rem;
}

.notice-bar-content {
	position: relative;
	z-index: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	overflow: hidden;
	height: 0.65rem;
	line-height: 0.65rem;
}

@-webkit-keyframes noticeBarShine {
	0% {
		-webkit-transform: skewX(-22deg) translateX(-80%);
	}

	100% {
		-webkit-transform: skewX(-22deg) translateX(520%);
	}
}

@keyframes noticeBarShine {
	0% {
		transform: skewX(-22deg) translateX(-80%);
	}

	100% {
		transform: skewX(-22deg) translateX(520%);
	}
}

.notice-bar-list {
	overflow: hidden;
}

.notice-bar-item {
	height: 0.65rem;
	line-height: 0.65rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.44rem;
}

.notice-bar-item a {
	color: #666;
	text-decoration: none;
}

.notice-bar-item a em {
	color: #e53935;
	font-style: normal;
	font-weight: 600;
	padding: 0 0.05rem;
}

.notice-bar-item a strong {
	color: #333;
	font-weight: 500;
}


/* === font-fix.css === */
/**
 * 优米同款字体统一后的布局补偿（微软雅黑字宽/字高与旧栈不同）
 */
.idx-yiyuan-card__title,
.tuan-ul.tuan-ul-img .info .info-tit,
.tuan-ul.tuan-ul-img.idx-home-grid .info-tit {
	line-height: 1.45 !important;
	min-height: 3em !important;
	max-height: 3em !important;
	word-break: break-word !important;
	font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif) !important;
}

.goods-name,
.cate-goods-item a .goods-name,
.goods-info .goods-name,
.totalbuy-lists li .goods-name,
.goods-info .goods-detail .goods-name,
.luck-list .item .info .goods-name,
.search-result .info-tit {
	line-height: 1.45 !important;
	word-break: break-word !important;
	font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif) !important;
}

.sort_li .txt {
	font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif) !important;
	font-size: 0.44rem !important;
	font-weight: 300 !important;
	color: #333 !important;
	line-height: 1.3 !important;
}