/*
* 2016-05-25 v1.0
*/
/* html,body{max-width: 600px;margin: 0 auto;} */
/* 标准 */
/* @font-face {
font-style: normal;
font-family: 'Harmony';
font-weight: 500;
src: url('/h5/font/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
font-display: swap;
} */
/* 粗体 */
/* @font-face {
font-style: normal;
font-family: 'Harmony';
font-weight: 500;
src: url('/h5/font/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
font-display: swap;
} */
/* 粗体 */
/* @font-face {
font-style: normal;
font-family: 'Harmony';
font-weight: 600;
src: url('/h5/font/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
font-display: swap;
} */
/* 粗体 */
/* @font-face {
font-style: normal;
font-family: 'Harmony';
font-weight: 700;
src: url('/h5/font/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
font-display: swap;
} */
@font-face {
font-style: normal;
font-family: 'Harmony';
src: url('/h5/font/Poppins-Regular.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-style: normal;
font-family: 'Harmony';
font-weight: 500;
src: url('/h5/font/Poppins-Medium.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-style: normal;
font-family: 'Harmony';
font-weight: 600;
src: url('/h5/font/Poppins-SemiBold.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-style: normal;
font-family: 'Harmony';
font-weight: 700;
src: url('/h5/font/Poppins-SemiBold.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-style: normal;
font-family: 'Harmony';
font-weight: bold;
src: url('/h5/font/Poppins-SemiBold.ttf') format('truetype');
font-display: swap;
}
:root {
/* --fdfw-font-Harmony:"Harmony","PingFangSC-Regular","Microsoft YaHei","Noto Sans"; */
--fdfw-font-Harmony:"Harmony","PingFangSC-Regular","Microsoft YaHei","Helvetica Neue", "Helvetica", "Arial", "sans-serif"";
}
/* ---------------------single CSS----------------------- */
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* ---------------------position CSS----------------------- */
.pr{position:relative;}
.pa{position:absolute;}
.pf{position: fixed;}
.trbl{top: 0px; right: 0px; bottom: 0px; left: 0px;}
.t0{top:0px;}.r0{right:0px;}.b0{bottom:0px;}.l0{left:0px;}
.t5{top:5px;}.r5{right:5px;}.b5{bottom:5px;}.l5{left:5px;}
.t10{top:10px;}.r10{right:10px;}.b10{bottom:10px;}.l10{left:10px;}
.t15{top:15px;}.r15{right:15px;}.b15{bottom:15px;}.l15{left:15px;}
.t20{top:20px;}.r20{right:20px;}.b20{bottom:20px;}.l20{left:20px;}
.t25{top:25px;}.r25{right:25px;}.b25{bottom:25px;}.l25{left:25px;}
.t30{top:30px;}.r30{right:30px;}.b30{bottom:30px;}.l30{left:30px;}
.t35{top:35px;}.r35{right:35px;}.b35{bottom:35px;}.l35{left:35px;}
.t40{top:40px;}.r40{right:40px;}.b40{bottom:40px;}.l40{left:40px;}
.t45{top:45px;}.r45{right:45px;}.b45{bottom:45px;}.l45{left:45px;}
.t50{top:50px;}.r50{right:50px;}.b50{bottom:50px;}.l50{left:50px;}
.t80{top:80px;}.r80{right:80px;}.b80{bottom:80px;}.l80{left:80px;}
.t100{top:100px;}.r100{right:100px;}.b100{bottom:100px;}.l100{left:100px;}
/* table */
.T{display:table;width:100%;float:none}
.t{display:table-cell;vertical-align:middle;}
/* ---------------------height line-height CSS----------------------- */
.hl14{height: 14px; line-height: 14px;}
.hl16{height: 16px; line-height: 16px;} .hl18{height: 18px; line-height: 18px;} .hl20{height: 20px; line-height: 20px;} .hl22{height: 22px; line-height: 22px;} .hl24{height: 24px; line-height: 24px;} .hl26{height: 26px; line-height: 26px;} .hl28{height: 28px; line-height: 28px;} .hl30{height: 30px; line-height: 30px;} .hl32{height: 32px; line-height: 32px;} .hl34{height: 34px; line-height: 34px;}
.hl36{height: 36px; line-height: 36px;}
/* font-size */
.f0{font-size:0;}
.f10{font-size:10px;} .f12{font-size:12px;}.f13{font-size:13px;} .f14{font-size:14px;} .f16{font-size:16px;}.f17{font-size:17px;} .f18{font-size:18px;} .f20{font-size:20px;} .f22{font-size:22px;} .f24{font-size:24px;} .f26{font-size:26px;} .f28{font-size:28px;} .f30{font-size:30px;} .f32{font-size:32px;} .f34{font-size:34px;}
.f36{font-size:36px;}
/* line-height */
.lhi{line-height:inherit;}
.lh1_4{line-height:1.4;}
.lh16{line-height:16px;}.lh17{line-height:17px;}.lh18{line-height:18px;}.lh20{line-height:20px;}
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
.dtc{display:table-cell;vertical-align:top;}
/* height */
.h0100{height: 100%;}.h050{height: 50%;}
.h2{height:2px;} .h5{height:5px;} .h10{height:10px;} .h15{height:15px;} .h20{height:20px;} .h25{height:25px;} .h30{height:30px;} .h35{height:35px;} .h40{height:40px;} .h45{height:45px;} .h50{height:50px;} .h55{height:55px;} .h60{height:60px;} .h65{height:65px;} .h70{height:70px;} .h75{height:75px;} .h80{height:80px;} .h85{height:85px;} .h90{height:90px;} .h95{height:95px;}
.h100{height:100px;}
/* width */
.w5{width:5px;} .w10{width:10px;} .w15{width:15px;} .w20{width:20px;} .w25{width:25px;} .w30{width:30px;} .w35{width:35px;} .w40{width:40px;} .w45{width:45px;} .w50{width:50px;} .w55{width:55px;} .w60{width:60px;} .w65{width:65px;} .w70{width:70px;} .w75{width:75px;} .w80{width:80px;} .w85{width:85px;} .w90{width:90px;} .w95{width:95px;}
.w100{width:100px;} .w110{width:110px;} .w120{width:120px;} .w130{width:130px;} .w140{width:140px;} .w150{width:150px;} .w160{width:160px;} .w170{width:170px;} .w180{width:180px;} .w190{width:190px;}
.w200{width:200px;}
/* width */
.w010{width:10%;} .w020{width:20%;}.w025{width:30%;} .w030{width:30%;} .w040{width:40%;} .w050{width:50%;} .w055{width:55%;} .w060{width:60%;} .w070{width:70%;} .w080{width:80%;} .w090{width:90%;} .w0100{width:100%;}
.col12 {width: 100%;} .col11 {width: 91.66666667%;} .col10 {width: 83.33333333%;} .col9 {width: 75%;} .col8 {width: 66.66666667%;} .col7 {width: 58.33333333%;} .col6 {width: 50%;} .col5 {width: 41.66666667%;} .col4 {width: 33.33333333%;} .col3 {width: 25%;} .col2 {width: 16.66666667%;} .col1 {width: 8.33333333%;} .col-index-qianggou{width:28%;}
/* margin */
.m1{margin:1px;}.mt1{margin-top:1px;}.mr1{margin-right:1px;}.mb1{margin-bottom:1px;}.ml1{margin-left:1px;}
.m2{margin:2px;}.mt2{margin-top:2px;}.mr2{margin-right:2px;}.mb2{margin-bottom:2px;}.ml2{margin-left:2px;}
.m3{margin:3px;}.mt3{margin-top:3px;}.mr3{margin-right:3px;}.mb3{margin-bottom:3px;}.ml3{margin-left:3px;}
.m4{margin:4px;}.mt4{margin-top:4px;}.mr4{margin-right:4px;}.mb4{margin-bottom:4px;}.ml4{margin-left:4px;}
.m5{margin:5px;}.mt5{margin-top:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}
.m8{margin:8px;}.mt8{margin-top:8px;}.mr8{margin-right:8px;}.mb8{margin-bottom:8px;}.ml8{margin-left:8px;}
.m10{margin:10px;}.mt10{margin-top:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}
.m15{margin:15px;}.mt15{margin-top:15px;}.mr15{margin-right:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}
.m20{margin:20px;}.mt20{margin-top:20px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}
.m25{margin:25px;}.mt25{margin-top:25px;}.mr25{margin-right:25px;}.mb25{margin-bottom:25px;}.ml25{margin-left:25px;}
.m30{margin:30px;}.mt30{margin-top:30px;}.mr30{margin-right:30px;}.mb30{margin-bottom:30px;}.ml30{margin-left:30px;}
.m0{margin:0;}.mt0{margin-top:0px;}.mr0{margin-right:0px;}.mb0{margin-bottom:0px;}.ml0{margin-left:0px;}
.ma{margin-left:auto; margin-right:auto;}
.m0a{margin:0 auto;}
/* margin negative */
.mt-1{margin-top:-1px;}.mr-1{margin-right:-1px;}.mb-1{margin-bottom:-1px;}.ml-1{margin-left:-1px;}
.mt-2{margin-top:-2px;}.mr-2{margin-right:-2px;}.mb-2{margin-bottom:-2px;}.ml-2{margin-left:-2px;}
.mt-3{margin-top:-3px;}.mr-3{margin-right:-3px;}.mb-3{margin-bottom:-3px;}.ml-3{margin-left:-3px;}
.mt-4{margin-top:-4px;}.mr-4{margin-right:-4px;}.mb-4{margin-bottom:-4px;}.ml-4{margin-left:-4px;}
.mt-5{margin-top:-5px;}.mr-5{margin-right:-5px;}.mb-5{margin-bottom:-5px;}.ml-5{margin-left:-5px;}
.mt-15{margin-top:-15px;}.mr-15{margin-right:-15px;}.mb-15{margin-bottom:-15px;}.ml-15{margin-left:-15px;}
/* padding */
.p0-5{padding:0px 5px;}
.p0-10{padding:0px 10px;}
.p0-15{padding:0px 15px;}
.p0-20{padding:0px 20px;}
.p5-10{padding:5px 10px;}
.p5-115{padding:5px 15px;}
.p5-120{padding:5px 20px;}
.p10-115{padding:10px 15px;}
.p10-120{padding:10px 20px;}
.p10-0-0{padding:10px 0 0;}
.p1{padding:1px;}.pt1{padding-top:1px;}.pr1{padding-right:1px;}.pb1{padding-bottom:1px;}.pl1{padding-left:1px;}
.p2{padding:2px;}.pt2{padding-top:2px;}.pr2{padding-right:2px;}.pb2{padding-bottom:2px;}.pl2{padding-left:2px;}
.p3{padding:3px;}.pt3{padding-top:3px;}.pr3{padding-right:3px;}.pb3{padding-bottom:3px;}.pl3{padding-left:3px;}
.p4{padding:4px;}.pt4{padding-top:4px;}.pr4{padding-right:4px;}.pb4{padding-bottom:4px;}.pl4{padding-left:4px;}
.p5{padding:5px;}.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.pl5{padding-left:5px;}
.p8{padding:8px;}.pt8{padding-top:8px;}.pr8{padding-right:8px;}.pb8{padding-bottom:8px;}.pl8{padding-left:8px;}
.p10{padding:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}
.p15{padding:15px;}.pt15{padding-top:15px;}.pr15{padding-right:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}
.p20{padding:20px;}.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}.pl20{padding-left:20px;}
.p25{padding:25px;}.pt25{padding-top:25px;}.pr25{padding-right:25px;}.pb25{padding-bottom:25px;}.pl25{padding-left:25px;}
.p30{padding:30px;}.pt30{padding-top:30px;}.pr30{padding-right:30px;}.pb30{padding-bottom:30px;}.pl30{padding-left:30px;}
.p0{padding:0;}.pt0{padding-top:0px;}.pr0{padding-right:0px;}.pb0{padding-bottom:0px;}.pl0{padding-left:0px;}
/* border-radius */
.br2{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.br4{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.br5{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.br8{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.br10{-moz-border-radius: 0;-webkit-border-radius: 0; border-radius: 10px;}
.br15{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.br20{-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.br30{-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.br{-moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px;}
/* border */
.bdb{border:1px solid #bbb;} .bdlb{border-left:1px solid #bbb;} .bdrb{border-right:1px solid #bbb;} .bdtb{border-top:1px solid #bbb;} .bdbb{border-bottom:1px solid #bbb;}
.bdc{border:1px solid #ccc;} .bdlc{border-left:1px solid #ccc;} .bdrc{border-right:1px solid #ccc;} .bdtc{border-top:1px solid #ccc;} .bdbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;} .bdld{border-left:1px solid #ddd;} .bdrd{border-right:1px solid #ddd;} .bdtd{border-top:1px solid #ddd;} .bdbd{border-bottom:1px solid #ddd;}
.bde{border:1px solid #eee;} .bdle{border-left:1px solid #eee;} .bdre{border-right:1px solid #eee;} .bdte{border-top:1px solid #eee;} .bdbe{border-bottom:1px solid #eee;}
.bdf{border:1px solid #fff;} .bdlf{border-left:1px solid #fff;} .bdrf{border-right:1px solid #fff;} .bdtf{border-top:1px solid #fff;} .bdbf{border-bottom:1px solid #fff;}
.b0{border:none;}
/* background */
.bgf{background-color:#fff;}
.bgsize{background-size:cover;}
/* safe color */
.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.c9{color:#999;}
.cb{color:#bbb;}
.cc{color:#ccc;}
.cd{color:#ddd;}
.ce{color:#eee;}
.cf{color:#fff;}
.cr{color:red;}
.cgold{color:gold;}
/* font-family */
.fa{font-family:Arial;}
.ft{font-family:Tahoma;}
.fv{font-family:Verdana;}
.fs{font-family:Simsun;}
.fl{font-family:'Lucida Console';}
.fw{font-family:Arial,'Microsoft Yahei';}
/* font-style */
.n{font-weight:normal; font-style:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
a,a:hover{text-decoration:none;}
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.vn{vertical-align:-2px;}
/* float */
.fn{float:none;}
.l{float:left;}
.r{float:right;}
/* clear */
.c{clear:both;}
/*z-index*/
.z1{z-index:1;}
.z2{z-index:2;}
/* cursor */
.poi{cursor:pointer;}
.def{cursor:default;}
/* overflow */
.oh{overflow:hidden;}
.oa{overflow:auto;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* zoom */
.z{*zoom:1;}
/* 字体定义 */
@font-face {
font-family: 'impact';
src: url('../cssjs/fonts/impact.ttf');
src: url('../cssjs/fonts/impact.ttf') format('embedded-opentype'),
url('../cssjs/fonts/impact.ttf') format('woff'),
url('../cssjs/fonts/impact.ttf') format('truetype'),
url('../cssjs/fonts/impact.ttf') format('svg');
}
/* ------------------- multiply CSS ------------------ */
/* 清除浮 动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
/* 基于display:table-cell的自适应布局 */
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
-webkit-transition:all 0.3s;
transition:all 0.3s;
}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
/* 无框文本框文本域 */
.bd_none{border:0; outline:none;}
/* 绝对定位隐藏 */
.abs_out{position:absolute; left:-999em; top:-999em;}
.abs_clip{position:absolute; clip:rect(0 0 0 0);}
/* 按钮禁用 */
.disabled{color:#acacac!important; border-color:#acacac!important; text-shadow:1px 1px #fff!important; outline:0!important; cursor:default!important; pointer-events:none;}
.disabled:hover{text-decoration:none!important;}
/*inline-block与float等宽列表*/
.inline_box{font-size:1em; letter-spacing:-.25em; font-family:Arial;}
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any{display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
.float_two, .float_three, .float_four, .float_five, .float_six{float:left;}
.inline_two, .float_two{width:49.9%;}
.inline_three, .float_three{width:33.3%;}
.inline_four, .float_four{width:24.9%;}
.inline_five, .float_five{width:19.9%;}
.inline_six, .float_six{width:16.6%;}
.inline_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
/*input聚焦后黄色背景清除*/
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*其他样式*/
.bbb{border-bottom:10px solid #f6f6f7;}
.w0{width:0px;}
.bgy2{background:#FFD02E;}
.textStyle h5{font-size:16px; padding:10px 0px;font-weight:bold;}
.textStyle p{text-align:left;}
/*注册成功*/
.reg_ses{width: 100%;padding: 30px 20px 0 20px;}
.reg_ses .con1{margin-top: 25px;}
.reg_ses .reg_img{width: 40%;margin: 0 auto;}
.reg_img img{width: 100%;}
.reg_img span{width: 100%;text-align: center;display: block;}
/*分类页面间距*/
.classGoodsBox{margin-left:75px;}
.classGoodsX{right:6px;}
.classGoodsN{right:4px;}
@media(max-width:380px){
.classGoodsBox{margin-left:70px}
.classGoodsX{right:0px;}
.classGoodsN{right:-2px;}
}
.classGoodsBox .merchant_norms{
width: 100%;
font-size: 13px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
box-sizing: border-box;
}
.classGoodsBox .merchant_explain{
width: 100%;
font-size: 13px;
padding-right: 10%;
padding-bottom: 10px;
overflow: hidden;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #999;
height: 20px;
}
.classGoodsBox .merchant_ins{
margin-top:10px;
overflow: hidden;
font-weight: normal;
}
.classGoodsBox .merchant_ins em{
display: inline-block;
padding:0px 2px;
margin-right: 4px;
color: #fff;
background-color: #ec446f;
border-radius: 4px;
padding:0px 2px;
height: 16px;
line-height: 16px;
float:left;
font-style: normal;
font-size: 12px;
}
.classGoodsBox .merchant_ins span{
display: inline-block;
padding:0px 2px;
color: #ec446f;
border:1px solid #ec446f;
border-radius: 4px;
float:left;
font-size: 12px;
height: 16px;
line-height: 14px;
}
.classGoodsBox .merchant_ins .snow{
display: inline-block;
width: 68px;
height: 17px;
background: url(../cssjs/img/snow.svg) no-repeat;
background-size: 100%;
float: left;
margin-right: 4px;
}
.classGoodsBox .merchant_ins .snow_en{
display: inline-block;
width: 56px;
height: 17px;
background: url(../cssjs/img/snow_en.svg) no-repeat;
background-size: 100%;
float: left;
margin-right: 4px;
}
.classGoodsBox .line_score {
color:#000;
font-size:16px;
height: 16px;
margin-top: -5px;
}
.classGoodsBox .line_score span{
color:#8a8a8a;
font-size:14px;
}
.classGoodsBox .score_star{
padding:0px 0 0 3px;
vertical-align: middle;
}
.classGoodsBox .score_star i{
display:inline-block;
width:14px;
height:14px;
padding-left:2px;
}
.classGoodsBox .score_star i img{
width:100%;
}
.classGoodsBox .line_score b{
font-size:13px;
font-weight: normal;
line-height: 16px;
height: 16px;
position: relative;
top:1px
}
.classGoodsBox .merchant_price{
padding-top: 10px;
font-size: 16px;
line-height: 26px;
color: #C63C26;
font-weight: 600;
}
.classGoodsBox .merchant_price em{
display:inline-block;
font-size: 14px;
line-height: 26px;
padding-left: 7px;
color: #959595;
text-decoration: line-through;
font-style: normal;
font-weight: normal;
}
.classGoodsBox a{
height: auto;
line-height: 18px;
font-weight: normal;
}
.cartAdd .snow{
width: 68px;
height: 17px;
background: url(../cssjs/img/snow.svg) no-repeat;
background-size: 100%;
margin-right: 4px;
}
.cartAdd .snow_en{
width: 56px;
height: 17px;
background: url(../cssjs/img/snow_en.svg) no-repeat;
background-size: 100%;
margin-right: 4px;
}
.bred{
border: 1px red solid;
}
.index_jiajian{
position: relative;
}
.changeCart{
display: inline-block;
position: absolute;
top: 0;
right: 10%;
width: 30px;
height: 30px;
background: url(../cssjs/img/ic_cart_white.png) no-repeat 0px center;
background-size: 30px;
}
.changePrice{
font-size: 16px;
color: #C63C26;
}
.vipem{
display: inline-block;
font-style: normal;
padding: 0px 2px;
padding-right: 22px;
height: 16px;
line-height: 16px;
color:#a35d0d;
background: url(../cssjs/img/ic_money_plus.png) no-repeat 5px center;
background-size:20px auto;
font-size: 12px !important;
background-position: right;
position: relative;
top:-1px;
font-weight: 600;
margin-left:2px;
}
.qianggou_detail i,.tuangou i,.topic_list i,.tj_list i{
position: relative;
}
.qianggou_detail i img.frozen,.tuangou i img.frozen,.topic_list i img.frozen,.tj_list i img.frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.topicbrand_list .imgLeft {
display: inline-block;
float: left;
width: 42%;
position: relative;
}
.topicbrand_list .imgLeft img.frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.frozenAdd{
width: 100% !important;
}
.classFrozen{
position: relative;
}
.frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.classFrozen .frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.imgLeft {
display: inline-block;
float: left;
width: 42%;
position: relative;
}
.imgLeft img.frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.opr{
position: relative;
}
.dfrozen{
display: inline-block;
width: auto;
height: 45px;
position: absolute;
z-index: 1;
bottom:20px;
right: 20px;
}
.cSoldOut{
position: absolute;
bottom: 15px;
right: 10px;
width: 56px;
}
.cSoldOut img{
width: 100%;
}
.zt_swiper_wrapper1 i img.sale,.xs_swiper_wrapper1 i img.sale {
display: inline-block;
width: 40% ;
height: auto;
position: absolute;
z-index: 1;
top: 6px;
left: 8px;
}
.tj_list li i img.sale{
display: inline-block;
width: 35% ;
height: auto;
position: absolute;
z-index: 1;
top: 6px;
left: 8px;
}
img.sale {
display: inline-block;
width: 40% ;
height: auto;
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
}
.valuepack {
display: inline-block;
/* width: 69px;
height: 24px; */
/* background: url(../cssjs/img/valuepack.svg) no-repeat right bottom; */
/* background-size: 100%; */
position: absolute;
z-index: 1;
bottom: 7px;
left: 8px;
/* text-align: left; */
/* line-height: 24px; */
color: #fff;
font-size: 12px;
/* transform:scaleX(0.95); */
font-weight: bold;
background:#C63C26;
padding:3px 4px;
}
.dsale {
display: inline-block;
width: 15% !important;
height: auto !important;
position: absolute;
z-index: 1;
top: 14px;
left: 14px;
}
.dvaluepack {
display: inline-block;
/* width: 96px;
height: 34px;
line-height: 34px; */
/* background: url(../cssjs/img/valuepack.svg) no-repeat right bottom; */
background-size: 100%;
position: absolute;
z-index: 9999999;
bottom: 20px;
left: 12px;
text-align: left;
color: #fff;
font-size: 16px;
/* padding-left: 8px;
transform:scaleX(0.95); */
font-weight: bold;
background: #C63C26;
padding: 3px 10px;
}
.classFrozen .valuepack {
display: inline-block;
width: 56px;
height: 20px;
background: url(../cssjs/img/valuepack.svg) no-repeat right bottom;
background-size: 100%;
position: absolute;
z-index: 1;
bottom: 7px;
left: -2px;
text-align: left;
line-height: 22px;
color: #fff;
font-size: 12px;
padding-left: 5px;
transform:scaleX(0.95);
font-weight: bold;
}
/* .frozen{border: 1px red solid;} */
@media screen and (min-width: 800px) {
.qianggou_detail i img.frozen,.tuangou i img.frozen,.topic_list i img.frozen,.tj_list i img.frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.topicbrand_list .imgLeft {
display: inline-block;
float: left;
width: 42%;
position: relative;
}
.topicbrand_list .imgLeft img.frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.frozenAdd{
width: 100% !important;
}
.classFrozen{
position: relative;
}
.frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.imgLeft {
display: inline-block;
float: left;
width: 42%;
position: relative;
}
.imgLeft img.frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
.opr{
position: relative;
}
.dfrozen{
display: inline-block;
width: auto;
height: 45px;
position: absolute;
z-index: 9999999;
bottom:20px;
right: 20px;
}
.cSoldOut{
position: absolute;
bottom: 15px;
right: 10px;
width: 71px;
}
.cSoldOut img{
width: 100%;
}
.classFrozen .frozen{
display: inline-block;
width: auto;
height: 16%;
position: absolute;
z-index: 1;
bottom:7px;
right: 7px;
}
/* 页面大部分效果 */
.valuepack {
display: inline-block;
width: 81px;
height: 28px;
background: url(../cssjs/img/valuepack.svg) no-repeat right bottom;
background-size: 100%;
position: absolute;
z-index: 1;
bottom: 7px;
left: -3px;
text-align: left;
line-height: 28px;
color: #fff;
font-size: 16px;
padding-left: 5px;
transform:scaleX(0.95);
font-weight: bold;
}
/* 首页为你推荐效果 */
.vp_ipad1{
width: 87px;
height: 30px;
text-align: left;
line-height: 30px;
font-size: 18px;
padding-left: 5px;
}
.dvaluepack {
display: inline-block;
width: 102px;
height: 36px;
line-height: 36px;
background: url(../cssjs/img/valuepack.svg) no-repeat right bottom;
background-size: 100%;
position: absolute;
z-index: 9999999;
bottom: 20px;
left: -5px;
text-align: left;
color: #fff;
font-size: 22px;
padding-left: 8px;
transform:scaleX(0.95);
font-weight: bold;
}
}
.btn7,.verfiy,input[type=checkbox],#resetpassowrd,.pwsavestr,#t_lang,.toReg{
cursor: pointer;
}
.merchant_ad_pic,.imgLeft img,.toCommodity,.add_to_cart{
cursor: pointer;
}
.submit_loading{
display: none;
position: fixed;
left: 50%;
top: 50%;
/* margin: 100px auto; */
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
border: 5px solid #989898;
border-bottom: #bfbfbf 5px solid;
border-radius: 50%;
animation:load 1.1s infinite linear;
-webkit-animation:load 1.1s infinite linear;
-moz-animation:load 1.1s infinite linear;
-o-animation:load 1.1s infinite linear;
}
@keyframes load {
from {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
}
to {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
}
}
@-webkit-keyframes load {
from {
-webkit-transform:rotate(0deg);
}
to {
-webkit-transform:rotate(360deg);
}
}
@-moz-keyframes load {
from {
-moz-transform:rotate(0deg);
}
to {
-moz-transform:rotate(360deg);
}
}
@-o-keyframes load {
from {
-o-transform:rotate(0deg);
}
to {
-o-transform:rotate(360deg);
}
}
.open_app_cn,.open_app_en{
display: none;
}
.open_app{
position: fixed;
right:3px;
bottom:170px;
z-index: 100;
}
.open_app img{
width: 50px;
height: 50px;
}
.right_home img{
width: 22px;
}
.tj_list{
padding: 5px 0 10px 0 !important;
}
#show2{
position: fixed;
top:0;
left:0;
z-index: 99999;
width: 100%;
}
#show2 img{
max-width: 100%;
}
.order_left1{
display: inline-block;
color: #999;
position: absolute;
left: 10px;
bottom: 7px;
}
.sale_off {
position: absolute;
top: 6px;
left:8px;
background: #C63C26;
font-size: 11px;
background: #FEE9E4;
border-radius: 4px;
color: #C92927;
padding: 2px 4px;
line-height: 1.4;
font-style: normal;
}
.h3_mark img{
display: inline-block;
height: 14px;
margin-right:2px;
position: relative;
top:-1px
}
.valuepackW2,.mygoods_price2{
padding-top: 0px;
}
.valuepackW2 span{
display: inline-block;
background: #FBEBC4;
border-radius: 4px;
color: #C92927;
font-size: 12px;
padding: 2px 1px;
line-height: 1.2;
font-weight: 700;
}
.myvip_price2{
display: inline-block;
background: #FFF3D7 url(/m/image/plus_logo2.png) no-repeat left center;
background-size: auto 100%;
border-radius: 4px;
color: #835503;
font-size: 12px;
padding: 2px 4px 2px 24px;
line-height: 1.2;
font-weight: 700;
}
.zt_swiper_wrapper1 h3 img{
height: 17px;
display: inline-block;
}
.vnew_price2Wrap{
height: 37px;
position: relative;
padding-top: 12px;
box-sizing: content-box;
}
.vnew_price2{
line-height: 1.0;
font-weight: 700;
}
.vnew_price2 span{
font-size: 16px;
color: #C92927;
margin-right: 5px;
font-weight: 700;
}
.vnew_price2 span i{
font-size: 12px;
display: inline !important;
font-weight: 700;
}
.vnew_price2 em{
font-size: 12px;
color: #949494;
text-decoration: line-through;
display: inline-block;
font-weight: 700;
}
.goods_add h3 img{
display: inline-block;
height: 14px;
}
.goods_add i {
overflow: hidden;
}
.goods_add i img {
transform: scale(1.12);
}
.goods_add .swiper-slide{
margin-right: 0px !important;
}
.labelsWrap2{
height: 17px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
margin-top:3px;
}
.snowV2 {
display: inline-block !important;
width:auto !important;
height: 17px;
line-height: 17px;
border: 0px;
border-radius: 4px;
padding: 0px 2px 0px 17px;
color: #333;
background: #E1F1FC url(../image/pack.png) no-repeat 3px center;
background-size: 13px;
font-size: 11px;
width: auto;
margin-right: 4px;
font-style: normal;
overflow: inherit !important;
}
.labelV2{
display: inline-block;
height: 17px;
line-height: 17px;
border: 0px;
border-radius: 4px;
background: #F9EEFF;
padding: 0px 2px;
color: #333;
font-size: 11px;
margin-right: 4px;
}
.h3V2 img{
height: 14px;
display: inline-block !important;
}
.vnew_price2 span i,.vnew_price2 em{
font-style: normal;
}
.brand_style .merchant_cart{ /* sku竖排排排列 一行 100% */
bottom: 12px;
}
.brand_style .merchant_list li {
padding: 5px 0 10px 1.5%;
}
.brand_style .merchant_info{
width: 68%;
}
.sub_style{ /* sku横排排列 滑动 */
}
.recom_style{ /* sku推荐 */
}
.recom_style .vnew_price2Wrap{
padding-left: 5px;
}
.merchant_price em{
font-weight: 700 !important;
}
.brand_logo_top {
width: 60px;
height: 60px;
position: absolute;
right: 10px;
top: 10px;
border-radius: 0rem;
overflow: hidden;
}
.brand_logo_top img {
width: 100%;
height: 100%;
}
.brandlist_head{
padding: 10px 12px;
}
.brandlist_head p{
color: #866200;
margin-top: 0;
line-height: 1.8;
}
.brandlist_head p.title2 {
font-size: 14px;
color: #E87401;
margin-top: 0;
line-height: 1.8;
margin-top: 6px;
font-weight: normal;
}
.brandlist_head p.title1 {
font-size: 14px;
color: #04993E;
margin-top: 0;
line-height: 1.8;
margin-top: 6px;
font-weight: normal;
}
.brandlist_head .h4 {
display: inline-block;
padding-right: 24px;
background: url(/m/image/narr_go.png) no-repeat right top;
background-size: 19px;
line-height: 1.2;
min-heigit: 20px;
font-size: 16px;
color: #333333;
font-weight: normal;
margin-right: 7px;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
}
.cright_ul .goods-img{
transform: scale(1.12);
}
.img-content{
overflow: hidden;
}
.merchant_pic{
transform: scale(1.12);
}
.cDetail_price{
color: #C92927 !important;
font-size: 10px !important;
font-weight: 700 !important;
}
.cDetail_price .c_price_style {
font-size: 24px;
padding-bottom: 8px;
color: #C92927;
font-weight: 700;
}
.cDetail_price .c_price_style i {
font-size: 16px;
font-weight: 700;
font-style: normal;
margin-right: 1px;
}
.cDetail_price .c_price_style span {
font-size: 16px !important;
font-weight: 700;
color: #C92927;
}
.dvip_price {
display: inline-block;
background: #FFF3D7 url(/m/image/plus_logo2.png) no-repeat left center;
background-size: auto 100%;
border-radius: 4px;
color: #835503;
font-size: 12px;
padding: 2px 4px 2px 26px;
margin-right: 6px;
line-height: 1.4;
font-weight: 700;
}
.dvalpack {
display: inline-block;
background: #FBEBC4;
border-radius: 4px;
color: #C92927;
font-size: 12px;
padding: 2px 3px;
line-height: 1.4;
font-weight: 700;
}
.qgAdd2{
padding-top:4px !important;
padding-bottom: 10px !important;
display: flex;
align-items: center;
}
.qgAdd2 .snow{
display: inline-block;
height: 14px;
line-height: 14px;
border: 0px;
border-radius: 4px;
padding: 2px 2px 2px 17px;
color: #333;
margin-right: 23px;
background:#E1F1FC url(../image/pack.png) no-repeat 3px center;
background-size: 13px;
font-size:12px;
position:relative;
top:0;
margin-right: 6px;
}
.qgAdd2 .snow_en{
display: inline-block;
height: 14px;
line-height: 14px;
border: 0px;
border-radius: 4px;
padding: 2px 2px 2px 17px;
color: #333;
margin-right: 23px;
background:#E1F1FC url(../image/pack.png) no-repeat 3px center;
background-size: 13px;
font-size:12px;
position:relative;
top:0;
margin-right: 6px;
}
.qgAdd2 em{
display: inline-block;
height: 14px !important;
line-height: 14px !important;
border: 0px;
border-radius: 4px;
background: #efefef;
padding: 2px 2px;
color: #333;
font-size: 12px;
margin-right: 6px;
}
.qgAdd2 span{
display: inline-block;
height: 14px !important;
line-height: 14px !important;
border: 0px;
border-radius: 4px;
background: #efefef;
padding: 2px 2px;
color: #333;
font-size: 12px;
margin-right: 6px;
}