.locked, .mulimg li, .check-form i, .themes-three li, .themes li, .fixed-bottom-white .fixed-bottom-p50, .fixed-bd-inner, .fixed-btm-container, .fixed-container, .label-number, .label-number-white, .label-number-line, .ordered, .pop-bottom, .txt-wrap, .location-item, .pop-center .popfoot .pfleft, .pop-center .popfoot .pfcheck, .popimg-wrap, .pop-share, .cbwrap a, .cbwrap .menu-items, .searfrom, .grid-layout, .pagetit-bd .fd-locate, .order-func, .box-body, .strip-list, .titlebox { box-sizing: border-box; -webkit-box-sizing: border-box; }

.grid-label, .filter-tit .filter-extend, .theme-tit, .flex-bd, .location-item, .slip-layer-tit span, .menu-txt, .grid-n, .pagetit span, .pagetit-bd .fd-locate, .wn-t, .goods-cn, .goods-en, .goods-rel, .goods-price, .hot-sch a, .relsearch-jm, .strip-add, .strip-price, .strip-item, .flagship-tcont { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cell, .check-group, .checker-panel-left, .checklabel, .coupon-value, .coupon-value-invalid, .filter-tit, .filter-func, .fixed-bd-inner.flex-bdinner, .flex, .pop-bottom-msg, .pop-container-img, .slip-layer-checkbtn, .tab-flex-container, .tab-flex-betw, .h-searcher, .grid-price, .grid-uprice, .act-uprice, .pagetit-flex, .relcont-list li a, .strip-price-flex, .flagship-store, .grid-flagship-store, .titlebox .title-flex, .titlebox.tit-flex-cent { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }

.article-hed, .mulimg, .btn-grid, .cell-pannel, .check-group-base, .coupon, .fixed-btm-container, .fixed-container.fc-flex, .ordered-list, .popbtm-titflex, .bottom-btn-flex, .tab-flex-around, .tip-simp, .header-switch, .panels, .strip-list a, .strip-list .strip-flex, .strip-shop-col { display: -webkit-flex; display: flex; }

.article-list-bd, .cell-primary, .check-primary, .checker-panel-primary, .coupon-bd, .coupon-value .val, .coupon-value-invalid .val, .filter-tit .filter-extend, .filter-btn .filterBtn, .fixed-bd-inner .fbi-primary, .fixed-btm-container .fbc-bd, .fixed-container .fc-bd, .flex-bd, .ordered-bd, .pop-bottom-wrap.bottom-primary, .popbtm-titflex .popbtm-tit-bd, .bottom-btn-flex .btn-child, .pop-bottom-msg .bottom-msg-bd, .slip-layerfoot .slip-btn, .tip-simp .tip-bd, .h-searcher-bd, .grid-price-bd, .pagetit-bd, .order-qudao, .panel-primary, .relsearch-jm, .strip-cont, .strip-price-fmain, .title-cont { -webkit-flex: 1; flex: 1; }

html, body { width: 100%; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% !important; }

body { width: 100%; margin: 0; padding-bottom: env(safe-area-inset-bottom); color: #222; background-color: #f1f1f1; font-size: 14px; font-family: -apple-system,Helvetica,sans-serif; }

.white-bg { background-color: #fff; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

* { tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; outline: none; }

a:link, a:visited, a:hover, a:active { color: #222; text-decoration: none; background-color: transparent; outline: 0; }

a.blink:link, a.blink:visited, a.blink:hover, a.blink:active { color: #2057b3; text-decoration: none; background-color: transparent; outline: 0; }

img { border: 0; vertical-align: middle; }

i, em { font-style: normal; }

form, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, input { padding: 0; margin: 0; list-style: none; outline: none; }

.font-red { color: #d33e4c; }

.font-gray { color: #999; }

.font-blue { color: #2057b3; }

.font-yellow { color: #f6d563; }

.font-graydark { color: #666; }

.font-dark { color: #222; }

.linethrough { text-decoration: line-through; }

.underline { text-decoration: underline; }

.fontbold { font-weight: bold; }

.txt-center { text-align: center; }

.tindent { text-indent: -6px; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; padding: 0; font-size: 14px; -webkit-appearance: none; outline: none; border-radius: 0; border: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb !important; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; -webkit-appearance: none; appearance: none; margin: 0; }

input[type="search"], input[type="text"], input[type="tel"] { box-sizing: content-box; background-color: transparent; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; }

.box-white { width: 100%; margin: 0 auto; overflow: hidden; background-color: #fff; margin-bottom: 10px; }

.box-w { width: 100%; margin: 0 auto; overflow: hidden; background-color: #fff; }

.box { width: 100%; margin: 0 auto; overflow: hidden; }

.box-btm { width: 100%; margin: 0 auto; overflow: hidden; margin-bottom: 10px; }

.box-marg { margin: 0 10px 10px 10px; background-color: #fff; border-radius: 8px; }

.box-marg-tp { margin: 0 10px 10px 10px; border-radius: 8px; }

.mask, .mask-alert { display: none; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1060; width: 100%; height: 100%; background-color: #000; -moz-opacity: 0.6; opacity: 0.6; }

.mask02 { display: none; position: fixed; top: 0; left: 0; bottom: 0; z-index: 50; width: 100%; height: 100%; background-color: #000; -moz-opacity: 0.6; opacity: 0.6; }

.mask03 { display: none; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1010; width: 100%; height: 100%; background-color: #000; -moz-opacity: 0.6; opacity: 0.6; }

.mask-tm { display: none; position: fixed; z-index: 1060; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #fff; -moz-opacity: 0; opacity: 0; }

.qijiuico { display: block; float: left; height: 13px; padding: 0 3px; margin: 2px 4px 0 0; font-size: 10px; line-height: 13px; background-color: #d0546a; color: #fff; border-radius: 2px; }

.qjico { display: block; float: left; height: 14px; padding: 1px 4px 0 4px; margin: 2px 4px 0 0; font-size: 10px; line-height: 14px; background-color: #d0546a; color: #fff; border-radius: 2px; }

.kjico { display: block; float: left; height: 14px; padding: 1px 4px 0 4px; margin: 2px 4px 0 0; font-size: 10px; line-height: 14px; background-color: #708bbc; color: #fff; border-radius: 2px; }

.kjico-nm { display: inline-block; height: 13px; padding: 0 3px; margin: 1px 3px 0 0; font-size: 10px; line-height: 13px; background-color: #708bbc; color: #fff; border-radius: 2px; vertical-align: 1px; }

.qjico-nm { display: inline-block; height: 13px; padding: 0 3px; margin: 1px 3px 0 0; font-size: 10px; line-height: 13px; background-color: #d33e4c; color: #fff; border-radius: 2px; vertical-align: 1px; }

.nmicon { margin-right: 4px; height: 14px; vertical-align: -2px; }

.gname .nmicon { float: left; margin-right: 4px; height: 14px; margin-top: 4px; }

.labelred-nm { display: inline-block; height: 13px; padding: 0 3px; margin: 1px 3px 0 0; font-size: 10px; line-height: 13px; background-color: #d33e4c; color: #f6d563; border-radius: 2px; vertical-align: 1px; }

.labelredw-nm { display: inline-block; height: 13px; padding: 0 3px; margin: 1px 3px 0 0; font-size: 10px; line-height: 13px; background-color: #d33e4c; color: #fff; border-radius: 2px; vertical-align: 1px; }

.xhico { position: relative; display: inline-block; padding: 0 4px; margin-right: 5px; line-height: 14px; color: #d33e4c; font-size: 10px; }
.xhico:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d33e4c; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.redpriceico { display: block; float: left; height: 14px; padding: 1px 4px 0 4px; margin: 2px 4px 0 0; font-size: 10px; line-height: 14px; background-color: #d33e4c; color: #fff; border-radius: 2px; }

.price-txt { display: inline-block; padding-right: 4px; }
.price-txt.within { padding: 0 4px 0 15px; }

.price-txt-lp { display: inline-block; padding-right: 8px; }

.plusico { display: block; float: left; height: 16px; padding: 0 4px; margin: 2px 4px 0 0; font-size: 11px; line-height: 16px; background-color: #212c4f; color: #f6d563; border-radius: 2px; }

.plusico-s { display: block; float: left; padding: 3px 3px 2px 3px; margin: 2px 4px 0 0; font-size: 9px; line-height: 9px; background-color: #212c4f; color: #f6d563; border-radius: 2px; }

.plusico-inline { display: inline-block; height: 13px; padding: 0 4px; margin: 0 4px 0 3px; font-size: 10px; line-height: 13px; background-color: #212c4f; color: #f6d563; border-radius: 2px; vertical-align: 1px; }

.plus-price-inner { display: inline-block; height: 14px; padding: 0 4px 1px 4px; margin: 0 0 0 6px; font-size: 12px; line-height: 14px; background-color: #212c4f; color: #f6d563; border-radius: 2px; vertical-align: 2px; }
.plus-price-inner i { display: inline-block; padding-left: 4px; }
.plus-price-inner .plus-txt { padding-left: 0; font-size: 11px; }

.price-linethrough { display: inline-block; padding-left: 10px; font-size: 12px; text-decoration: line-through; }

.money-f18 { display: inline-block; font-size: 18px; font-weight: bold; }
.money-f18 .msmall { font-size: 14px; }

.endtip { padding: 15px 0; font-size: 12px; text-align: center; color: #999; }

.locked { overflow: hidden; }

.noscroll { left: 0; position: fixed; top: 0; width: 100%; }

.loading-bottom { padding: 10px 0; text-align: center; color: #666; }
.loading-bottom img { display: inline-block; margin-right: 4px; vertical-align: -4px; }

.clearfix:after { clear: both; content: '.'; display: block; height: 0; line-height: 0; overflow: hidden; }

.page-foot { margin-bottom: 40px; height: 30px; }
.page-foot.hide { display: none !important; }

.article-list { width: 100%; background-color: #fff; }
.article-list a { display: block; padding: 15px 6px 15px 10px; }

.article-list-bd { padding-top: 3px; font-size: 19px; line-height: 1.428571429; }

.article-list-tit { padding-bottom: 8px; }

.article-list-img { width: 30%; margin: 0 4px 0 10px; }
.article-list-img img { width: 100%; }

.wz-describ { max-height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; line-height: 1.428571429; color: #999; }

.mulimg { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.mulimg.col-two { width: 66.6666%; }
.mulimg.col-two li { width: 50%; }
.mulimg.col-two li img { max-height: 200px; width: auto; max-width: 100%; }
.mulimg.col-one { max-height: 200px; max-width: 66.666%; }
.mulimg.col-one li { width: 100%; }
.mulimg li { width: 33.33333%; padding: 0 4px 4px 0; }
.mulimg img { width: 100%; }

.article-date { display: block; padding: 6px 0 0 0; font-size: 12px; color: #999; }

.btn-large-red, a.btn-large-red { color: #fff; background-color: #d33e4c; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: block; padding: 12px 0; width: 100%; font-size: 16px; line-height: 20px; border-radius: 5px; }
.btn-large-red.btn-mid, a.btn-large-red.btn-mid { padding: 10px 0; font-size: 15px; }
.btn-large-red.btn-mid.round-radius, a.btn-large-red.btn-mid.round-radius { border-radius: 20px; }
.btn-large-red.disable-btn, a.btn-large-red.disable-btn { opacity: 0.3; }
.btn-large-red.disable-graybtn, a.btn-large-red.disable-graybtn { background-color: #dddddd; }
.btn-large-red.round-radius, a.btn-large-red.round-radius { border-radius: 22px; }

.btn-large-blue, a.btn-large-blue { color: #fff; background-color: #708bbc; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: block; padding: 12px 0; width: 100%; font-size: 16px; line-height: 20px; border-radius: 5px; }
.btn-large-blue.btn-mid, a.btn-large-blue.btn-mid { padding: 10px 0; font-size: 15px; }

.btn-large-line, a.btn-large-line { position: relative; color: #222; background-color: #fff; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: block; padding: 12px 0; width: 100%; font-size: 16px; line-height: 20px; border-radius: 5px; }
.btn-large-line::after, a.btn-large-line::after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #999; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; pointer-events: none; }
.btn-large-line.btn-mid, a.btn-large-line.btn-mid { padding: 10px 0; font-size: 15px; }
.btn-large-line.disable-btn, a.btn-large-line.disable-btn { opacity: 0.3; }

.btn-red-noradius, a.btn-red-noradius { color: #fff; background-color: #d33e4c; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: block; padding: 12px 0; width: 100%; font-size: 16px; line-height: 20px; border-radius: 0; }

.btn-small-red, a.btn-small-red, .btn-small-blue, a.btn-small-blue { color: #fff; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: inline-block; padding: 8px 10px; width: auto; font-size: 13px; line-height: 13px; border-radius: 3px; }
.btn-small-red.marg-0px, a.btn-small-red.marg-0px, .btn-small-blue.marg-0px, a.btn-small-blue.marg-0px { margin: 0; }

.btn-small-red, a.btn-small-red { background-color: #d33e4c; }

.btn-small-blue, a.btn-small-blue { background-color: #708bbc; }

.btn-small-gray, a.btn-small-gray { position: relative; background-color: #fff; color: #333; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: inline-block; padding: 8px 10px; width: auto; font-size: 13px; line-height: 13px; border-radius: 3px; }
.btn-small-gray.pad-s15px, a.btn-small-gray.pad-s15px { padding: 8px 15px; }
.btn-small-gray:after, a.btn-small-gray:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #ccc; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.btn-small-blackline, a.btn-small-blackline { position: relative; color: #222; background-color: #fff; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: inline-block; padding: 8px 10px; width: auto; font-size: 13px; line-height: 13px; border-radius: 3px; }
.btn-small-blackline:after, a.btn-small-blackline:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #222; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.btn-small-redline, a.btn-small-redline { position: relative; color: #d33e4c; background-color: #fff; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: inline-block; padding: 8px 10px; width: auto; font-size: 13px; line-height: 13px; border-radius: 3px; }
.btn-small-redline:after, a.btn-small-redline:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d33e4c; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.btn-small-blueline, a.btn-small-blueline { position: relative; color: #2057b3; background-color: #fff; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; display: inline-block; padding: 8px 10px; width: auto; font-size: 13px; line-height: 13px; border-radius: 3px; }
.btn-small-blueline:after, a.btn-small-blueline:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #708bbc; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.btn-small-blackline.sbtn-padlarg, a.btn-small-blackline.sbtn-padlarg, .btn-small-redline.sbtn-padlarg, a.btn-small-redline.sbtn-padlarg, .btn-small-redline.sbtn-padlarg, a.btn-small-redline.sbtn-padlarg { padding: 8px 16px; }

a.btn-xsmall, .btn-xsmall { display: inline-block; padding: 6px 10px; color: #fff; background-color: #d33e4c; text-align: center; touch-action: manipulation; cursor: pointer; white-space: nowrap; font-size: 12px; line-height: 12px; border-radius: 3px; }
a.btn-xsmall.bluebtn, .btn-xsmall.bluebtn { background-color: #708bbc; }
a.btn-xsmall.whitebtn, .btn-xsmall.whitebtn { background-color: #fff; color: #222; }
a.btn-xsmall.pad-side, .btn-xsmall.pad-side { padding: 6px 14px; }

.btn-large-red, a.btn-large-red, .btn-large-blue, a.btn-large-blue, .btn-red-noradius, a.btn-red-noradius, .btn-small-red, a.btn-small-red, .btn-small-gray, a.btn-small-gray, .btn-small-redline, a.btn-small-redline, .btn-small-blueline, a.btn-small-blueline, .btn-small-blackline, a.btn-small-blackline, .btn-large-line, a.btn-large-line { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

.btn-wrap { padding: 30px 15px 15px 15px; }

.btn-grid { padding: 0 8px; }
.btn-grid.btn-pdd10 { padding: 0 2px; }
.btn-grid .btn-grid-cell { padding: 0 8px; -webkit-flex-grow: 1; flex-grow: 1; }

.tst1 { background-color: #1f49cd; }

.btn-icon { display: inline-block; margin-right: 6px; font-size: 20px; vertical-align: -2px; }

.cell-grid { width: 100%; overflow: hidden; background-color: #fff; padding: 5px 0; }
.cell-grid .gridbox { display: block; float: left; width: 20%; overflow: hidden; padding: 15px 0; }

.grid-icon { position: relative; height: 25px; margin: 0 auto; font-size: 25px; line-height: 25px; color: #999; text-align: center; }
.grid-icon .label-number { top: -7px; margin-left: 5px; }
.grid-icon img { vertical-align: top; }

.grid-num { position: relative; width: 100%; height: 25px; margin: 0 auto; font-size: 20px; line-height: 25px; text-align: center; color: #222; }

.grid-label { width: 100%; padding-top: 5px; font-size: 13px; text-align: center; }

.cell-group { width: 100%; background-color: #fff; }
.cell-group a { display: block; }

.cell { padding: 10px 0 10px 15px; position: relative; }
.cell.cell-pad { padding: 10px 0 10px 15px; }
.cell.flex-start { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.cell-primary { position: relative; min-width: 0; font-size: 15px; line-height: 25px; }
.cell-primary.cellico { padding-left: 28px; }
.cell-group-small .cell-primary { line-height: 21px; }
.cell-primary.cell-f14px { font-size: 14px; }
.cell-primary.cell-f13px { font-size: 13px; }
.cell-img { display: block; position: absolute; left: 0; top: 0; width: 24px; height: 25px; font-size: 19px; line-height: 25px; color: #999; }
.cell-ft { padding-right: 28px; position: relative; font-size: 14px; height: 25px; line-height: 25px; color: #999; }
.cell-ft.ft-blue { color: #2057b3; }
.cell-ft.ft-darker { color: #222; }
.cell-ft.ft-darker .iconfont { color: #999; }
.cell-ft.cell-f13px { font-size: 13px; }
.cell-ft.ft-padleft { padding-left: 20px; }
.cell-ft.no-next { padding-right: 15px; }
.cell-group-small .cell-ft { height: 21px; line-height: 21px; }
.cell-ft span { display: block; position: absolute; right: 8px; top: 0; width: 20px; font-size: 20px; text-align: center; }

.celltit-remarks { display: inline-block; padding-left: 6px; font-size: 13px; color: #999; font-weight: normal; }

.cell-pad .cell-ft.ft-blue { color: #2057b3; }
.cell-pad .cell-ft.ft-blue span { color: #2057b3; }

.cell-btn-s { padding: 0 10px 0 0; }
.cell-btn-s .btn-small-redline { padding: 6px 10px; font-size: 12px; }

.cell-pannel { width: 100%; }

.cell-panel-item { position: relative; width: 50%; font-size: 15px; line-height: 1.428571429; }
.cell-panel-item a { display: block; padding: 15px 0 15px 43px; }

.cell-pannel-img { display: block; position: absolute; left: 15px; top: 13px; width: 24px; height: 24px; font-size: 19px; line-height: 24px; color: #999; }

.check-group { padding: 15px 0 15px 10px; }

.check-group-base { padding: 15px 0 15px 10px; }
.check-group-base .check-form { padding: 4px 15px 0 15px; }

.check-primary { min-width: 0; font-size: 16px; line-height: 1.667; }
.check-primary .dz { font-size: 13px; color: #666; }

.check-form { position: relative; display: inline-block; width: 18px; height: 18px; padding: 0 10px; }
.check-form i { display: inline-block; width: 18px; height: 18px; border: 1px solid #c8c8c8; border-radius: 50%; }
.check-form input { position: absolute; top: 0; left: -9999999em; }
.check-form input:checked + i { border: 0; background: url(../images/goux_02.png) no-repeat -18px 0; background-size: 36px; }

.checker-panel { position: relative; padding: 10px; font-size: 15px; text-align: center; height: 25px; line-height: 25px; }
.checker-panel.markitm { color: #d33e4c; }

.markico { display: none; position: absolute; top: 0; margin-left: -26px; height: 45px; width: 16px; line-height: 45px; font-size: 16px; color: #d33e4c; }

.markitm .markico { display: inline-block; }

.checker-panel-left { position: relative; padding: 10px; font-size: 15px; height: 25px; line-height: 25px; }
.checker-panel-left.markitm { color: #d33e4c; }

.checker-panel-primary { position: relative; padding-left: 26px; }

.markico-lft { display: none; position: absolute; top: 0; left: 0; height: 25px; width: 16px; line-height: 25px; font-size: 16px; color: #d33e4c; }
.markitm .markico-lft { display: block; }

.checker-label { font-size: 12px; color: #999; }

.checklist { background-color: #fff; font-size: 15px; line-height: 1.667; }
.checklist .checklist-link { display: block; }

.checklabel { position: relative; padding: 12px 15px; }
.checklabel.pad-lag { padding: 15px; }

.check-border { position: relative; margin-bottom: 10px; border-radius: 5px; }
.check-border::after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #ddd; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; pointer-events: none; }
.check-border.haschecked { color: #d33e4c; }
.check-border.haschecked::after { border-color: #d33e4c; }

.check-box { padding-right: 10px; line-height: 18px; }
.check-box input { position: absolute; left: -99999em; }
.check-box input:checked + i { background-position: -18px center; }
.check-box input:disabled + i { opacity: .4; }
.check-box i { display: inline-block; width: 18px; height: 18px; background: url(../images/goux_02.png) no-repeat left center; background-size: 36px; vertical-align: -3px; }

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

.check-rico { margin: 0 5px 0 15px; }

.check-describ { font-size: 13px; color: #666; }

.check-describ-gray { font-size: 13px; color: #999; }

.check-arrow { position: relative; padding: 0 15px 0 15px; line-height: 20px; font-size: 13px; color: #999; }
.check-arrow .icon-arrow-right { display: block; position: absolute; right: -5px; top: 0; width: 20px; height: 20px; font-size: 20px; }

.coupon { position: relative; width: 100%; margin-bottom: 10px; overflow: hidden; }

.coupon-bd { padding: 12px 0 0 0; background-color: #fff; font-size: 12px; }
.coupon-bd.select-coup { padding: 12px 30px 12px 0; }
.coupon-bd.coup-pad { padding: 12px 0 12px 0; }

.coupon-inf { position: relative; padding: 0 10px 8px 13px; line-height: 18px; }

.coupon-tit { position: relative; padding: 0 0 10px 0; font-size: 17px; line-height: 24px; font-weight: bold; }

.coupon-describ { min-height: 38px; color: #222; }
.coupon-describ .label-text, .coupon-describ .label-red, .coupon-describ .label-red-line, .coupon-describ .label-gray-line { vertical-align: 2px; }
.coupon-describ .pluscoup { background-color: #212c4f; color: #f6d563; }

.invalid-xh { color: #999; }
.invalid-xh:after { border-color: #999; }

.invalid-kj { background-color: #c3c3c3; }

.coupon-footer { position: relative; height: 24px; padding: 0 10px 12px 13px; line-height: 24px; color: #999; font-size: 10px; }

.coupon-btn, .coupon-kj-btn { position: absolute; top: 8px; right: 10px; width: 60px; height: 20px; line-height: 20px; color: #d33e4c; text-align: center; font-size: 10px; }

.coupon-kj-btn a { color: #2057b3; }

.coupon-btn a { color: #d33e4c; }

.coupon-btn:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d33e4c; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.coupon-kj-btn:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #708bbc; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.coupon-btn-red, .coupon-btn-blue { display: block; position: absolute; top: 8px; right: 10px; width: 60px; height: 20px; line-height: 20px; color: #fff; text-align: center; font-size: 10px; border-radius: 3px; }

.coupon-btn-red { background-color: #d0546a; }

.coupon-btn-blue { background-color: #708bbc; }

.coupon-hed, .coupon-hed-invalid { width: 110px; padding-left: 5px; background: -webkit-radial-gradient(transparent 0px, transparent 3px, #e36c81 3px, #e36c81); background: radial-gradient(transparent 0px, transparent 3px, #e36c81 3px, #e36c81); background-size: 8px 8px; background-position: -4px -6px; }

.coupon-hed-invalid { background: -webkit-radial-gradient(transparent 0px, transparent 3px, #c3c3c3 3px, #c3c3c3); background: radial-gradient(transparent 0px, transparent 3px, #c3c3c3 3px, #c3c3c3); background-size: 8px 8px; background-position: -4px -6px; }

.coupon-hed.coup-kj { background: -webkit-radial-gradient(transparent 0px, transparent 3px, #708bbc 3px, #708bbc); background: radial-gradient(transparent 0px, transparent 3px, #708bbc 3px, #708bbc); background-size: 8px 8px; background-position: -4px -6px; }

.coupon-lbs { position: absolute; top: 6px; left: -22px; width: 76px; height: 16px; line-height: 16px; transform: rotate(-45deg); font-size: 10px; text-align: center; background: -webkit-linear-gradient(to right, #efa900, #ffec47); background: linear-gradient(to right, #efa900, #ffec47); font-weight: bold; }
.coupon-hed-invalid .coupon-lbs { background: #a3a3a3; color: #fff; }

.coupon-value, .coupon-value-invalid { position: relative; height: 100%; background: -webkit-linear-gradient(left top, #e36c81, #e36c81, #d0546a); background: linear-gradient(left top, #e36c81, #e36c81, #d0546a); color: #fff; }
.coupon-value .val, .coupon-value-invalid .val { padding: 12px 0; text-align: center; }
.coupon-value .val-numb, .coupon-value-invalid .val-numb { font-size: 20px; line-height: 20px; font-weight: bold; }
.coupon-value .val-numb span, .coupon-value-invalid .val-numb span { display: inline-block; font-size: 14px; }
.coupon-value .hk-coup-dollar, .coupon-value-invalid .hk-coup-dollar { font-size: 16px; }
.coupon-value .coup-sort, .coupon-value-invalid .coup-sort { font-size: 12px; font-weight: bold; }

.coup-kj .coupon-value { background: -webkit-linear-gradient(left top, #708bbc, #708bbc, #5d7bb2); background: linear-gradient(left top, #708bbc, #708bbc, #5d7bb2); }

.val-describ { font-size: 12px; font-weight: normal; }

.coup-date { padding-top: 5px; font-size: 10px; }

.coupon-value-invalid { background: #c3c3c3; }

.usedico { position: absolute; bottom: -10px; right: -10px; width: 60px; height: 60px; background: url(../images/used.png) no-repeat; background-size: contain; }

.coup-ok { display: none; position: absolute; z-index: 10; bottom: -13px; right: -13px; width: 60px; height: 60px; background: url("../images/getok-02.png") no-repeat; background-size: contain; }

.coup-ok-t { display: none; position: absolute; z-index: 10; top: -18px; right: -14px; width: 60px; height: 60px; background: url("../images/getok-ico.png") no-repeat; background-size: contain; transform: rotate(30deg); }

.coupon-col { position: relative; width: 100%; height: 18px; overflow: hidden; padding: 10px 0; }
.coupon-col .coupon-btn-view { display: none; position: absolute; top: 8px; right: 10px; font-size: 11px; padding: 6px 10px 5px 10px; }

.coup-func { float: left; margin-left: 13px; font-size: 12px; line-height: 1.428571429; }
.coup-func span { display: inline-block; float: left; width: 16px; height: 16px; padding-right: 3px; }

.send-coup-ico { background: url("../images/zengsong.png") no-repeat; background-size: 16px; }

.coup-prove { padding-bottom: 8px; font-weight: bold; }
.coup-prove .label-white-line { margin-right: 0; }

.coup-num { position: absolute; right: 0; top: 0; z-index: 100; padding: 3px 5px 3px 7px; line-height: 16px; color: #fff; font-size: 12px; background-color: #d0546a; border-bottom-left-radius: 8px; }
.coup-num.cp-kj { background-color: #708bbc; }

.darkTip { display: none; position: fixed; top: 50%; left: 0; width: 100%; text-align: center; margin-top: -55px; z-index: 1080; }
.darkTip.pos-abs { position: absolute; }

.darktip-wrap { position: relative; display: inline-block; padding: 14px 20px; background: rgba(51, 51, 51, 0.9); border-radius: 5px; color: #fff; }

.darktip-ico { display: inline-block; padding: 6px 0 10px 0; margin: 0 auto; width: 40px; height: 40px; color: #fff; font-size: 40px; line-height: 40px; text-align: center; }

.darktip-cont { font-size: 16px; }

.darktip-arrow { position: absolute; bottom: -16px; right: 50%; margin-right: -4px; width: 0; height: 0; line-height: 0; border-style: solid dashed dashed dashed; border-color: rgba(51, 51, 51, 0.9) transparent transparent transparent; border-width: 8px; }

.slide-filter { position: fixed; top: 0; bottom: 0; left: 100%; z-index: 1080; width: 100%; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color: #fff; }
.slide-filter.showFilter { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.wfilters { position: absolute; top: 44px; left: 0; right: 0; bottom: 0; z-index: 10; touch-action: none; overflow: hidden; }

.filterCont { padding: 0 7px 80px 7px; }

.filter-itm { padding: 5px 0 10px 0; }

.filter-tit { padding: 6px 3px; }
.filter-tit .filter-heading { padding-right: 15px; font-weight: bold; line-height: 1.428571429; }
.filter-tit .filter-extend { position: relative; padding-right: 22px; min-width: 0; text-align: right; }

.filter-ico { display: block; position: absolute; right: 0; top: 0; width: 18px; height: 18px; color: #999; font-size: 18px; line-height: 18px; text-align: center; }

.dis-all { color: #999; font-size: 12px; }

.filter-info { color: #d33e4c; font-size: 12px; }

.themes-three { width: 100%; overflow: hidden; }
.themes-three li { float: left; width: 33.3333%; padding: 3px; }

.themes { width: 100%; overflow: hidden; }
.themes li { float: left; width: 50%; padding: 3px; }

.max-height { max-height: 36px; }

.theme-bd { padding: 0 4px; height: 32px; background-color: #f1f2f3; }
.theme-bd.curr { position: relative; background-color: #fff; color: #d33e4c; }
.theme-bd.curr:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d33e4c; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; pointer-events: none; }

.theme-tit { display: block; width: 100%; height: 32px; line-height: 32px; font-size: 12px; text-align: center; }

.filter-btn { position: absolute; left: 0; right: 0; bottom: 0; z-index: 100; padding-bottom: env(safe-area-inset-bottom); line-height: 40px; background-color: #fff; font-size: 12px; }
.filter-btn .filterBtn { height: 40px; line-height: 40px; background-color: #d33e4c; color: white; font-size: 16px; text-align: center; border-radius: 20px; margin-right: 10px; font-weight: bold; }
.filter-btn .reset-btn { position: relative; display: block; width: 40%; height: 40px; margin-right: 10px; text-align: center; font-size: 16px; font-weight: bold; }
.filter-btn .reset-btn:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #999; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 40px; pointer-events: none; }

.filter-func { padding: 6px 0 6px 10px; }

.filter-resulter { display: inline-block; padding-left: 4px; font-size: 12px; font-weight: normal; vertical-align: 2px; }

.filter-safearea { height: env(safe-area-inset-bottom); }

.fixed-bottom-place { height: 85px; }

.fixed-bottom-gray { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: #f1f1f1; padding: 15px; }

.fixed-bottom-white { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: #fff; padding: 15px; }
.fixed-bottom-white.morebtn { padding: 15px 0 15px 15px; }
.fixed-bottom-white .fixed-bottom-p50 { float: left; width: 50%; padding-right: 15px; }

.fixed-bottom-inner { padding-bottom: env(safe-area-inset-bottom); }

.fixed-bottom-graybg { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: #f1f1f1; }

.fixed-bottom-whitebg { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: #fff; }

.fixed-bd-inner { min-height: 60px; padding: 10px 14px 0 14px; padding-bottom: env(safe-area-inset-bottom); }
.fixed-bd-inner.fbi-pad { padding: 10px 0 0 14px; padding-bottom: env(safe-area-inset-bottom); }

.fixed-btm-container { min-height: 54px; padding: 7px 14px 0 14px; padding-bottom: env(safe-area-inset-bottom); }

.fixed-container { min-height: 50px; padding: 7px 14px 0 14px; padding-bottom: env(safe-area-inset-bottom); }

.fixed-floor { position: fixed; z-index: 1000; right: 10px; bottom: 80px; padding-bottom: env(safe-area-inset-bottom); }
.fixed-floor .gototop { display: none; width: 40px; height: 40px; color: #fff; font-size: 18px; line-height: 40px; text-align: center; margin-top: 10px; border-radius: 20px; background: rgba(0, 0, 0, 0.7); }
.fixed-floor .gotocart { display: block; position: relative; width: 40px; height: 40px; color: #fff; font-size: 20px; line-height: 40px; text-align: center; margin-top: 10px; border-radius: 20px; background: rgba(0, 0, 0, 0.7); }
.fixed-floor .gotochat { position: relative; display: block; width: 40px; height: 40px; color: #fff; font-size: 22px; line-height: 40px; text-align: center; margin-top: 10px; border-radius: 20px; background: rgba(32, 87, 179, 0.9); }
.fixed-floor .pandent { position: relative; height: 56px; }
.fixed-floor .pendantimg { position: absolute; bottom: 0; right: -8px; height: 54px; }
.fixed-floor .pendantimg img { height: 100%; }

.fixed-floor .label-number { left: 15px; top: 0; }

.flex { width: 100%; }
.flex-item img { width: 100%; }
.flex-bd { min-width: 0; }

.form-group { width: 100%; background-color: #fff; }

.form-cell { padding: 12px 0 12px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; font-size: 15px; line-height: 1.667; }
.form-pad .form-cell { padding: 12px 0 12px 15px; }
.form-cell .form-rmenu { display: block; padding: 0 15px; font-size: 14px; line-height: 25px; }

.form-label { line-height: 1.667; }
.form-label .label-cus { height: 1.667em; margin-right: 15px; }
.form-label .label2, .form-label .label3, .form-label .label4, .form-label .label5, .form-label .label6, .form-label .label7 { height: 1.667em; margin-right: 15px; text-align: justify; }
.form-label .label2:after, .form-label .label3:after, .form-label .label4:after, .form-label .label5:after, .form-label .label6:after, .form-label .label7:after { content: "."; display: inline-block; width: 100%; overflow: hidden; height: 0; }
.form-label .label2 { width: 2.2em; }
.form-label .label3 { width: 3.2em; }
.form-label .label4 { width: 4.2em; }
.form-label .label5 { width: 5.2em; }
.form-label .label6 { width: 6.2em; }
.form-label .label7 { width: 7.2em; }

.form-primary { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; padding-right: 40px; }
.form-primary.more-formico { padding-right: 80px; }
.form-primary.more-formico .deleteico { right: 40px; }
.form-primary.picCode { padding-right: 140px; }
.form-primary.picCode .deleteico { right: 110px; }
.form-primary.telCode { padding-right: 150px; }
.form-primary.telCode .deleteico, .form-primary.telCode .verify-ok { right: 110px; }
.form-primary input { width: 100%; height: 1.667em; font-size: 15px; }
.form-primary .verify-ok { display: none; position: absolute; top: 0; right: 0; height: 25px; width: 40px; line-height: 25px; text-align: center; color: #5785e4; font-size: 19px; }
.form-primary .showPW { position: absolute; top: 0; right: 0; height: 25px; width: 40px; line-height: 25px; text-align: center; color: #c8c8c8; font-size: 20px; }
.form-primary .showPW.icon-eye { color: #222; }

.deleteico { display: none; position: absolute; top: 0; right: 0; height: 25px; width: 40px; line-height: 25px; text-align: center; color: #c8c8c8; font-size: 19px; }
.deleteico.del-hi { height: 32px; line-height: 32px; }

textarea { vertical-align: top; width: 100%; font-size: 15px; }

.picture-yzm { display: block; position: absolute; right: 10px; top: -5px; }

.send-yzm { display: block; position: absolute; top: 0; right: 0; width: 110px; text-align: center; border-left: 1px solid #e6e6e6; color: #999; }
.send-yzm.yzm-fs { font-size: 14px; }
.send-yzm.GetCode { color: #2057b3; }

.input-cell { position: relative; height: 26px; padding: 8px 40px 8px 10px; background-color: #f1f2f3; border-radius: 3px; }
.input-cell input { width: 100%; height: 26px; font-size: 15px; }
.input-cell .deleteico { display: none; position: absolute; top: 0; right: 0; height: 44px; width: 40px; line-height: 40px; text-align: center; color: #c8c8c8; font-size: 19px; }

.error-i { position: relative; padding: 10px 0 0 19px; color: #d33e4c; line-height: 1.428571429; font-size: 13px; }
.error-i span { display: block; position: absolute; top: 10px; left: 0; width: 15px; height: 15px; color: #d33e4c; font-size: 15px; line-height: 15px; text-align: center; }

.inform { position: relative; padding: 0 0 15px 0; }

.inform-t { padding-bottom: 10px; font-size: 13px; line-height: 19px; }

.inform-bd { position: relative; height: 40px; padding: 0 40px 0 10px; }
.inform-bd:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #bbb; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }
.inform-bd .canclear { height: 40px; width: 100%; font-size: 15px; }

.goods-num { position: relative; width: 94px; height: 26px; margin-top: 10px; line-height: 26px; text-align: center; }
.goods-num:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #ccc; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0; pointer-events: none; }

.buy-minus { display: block; float: left; width: 26px; height: 26px; border-right: 1px solid #e6e6e6; }
.buy-minus.disable-num { color: #ddd; }

.buy-plus { display: block; float: right; width: 26px; height: 26px; border-left: 1px solid #e6e6e6; }
.buy-plus.disable-num { color: #ddd; }

.num-input { position: absolute; top: 0; left: 27px; width: 40px; height: 26px; }
.num-input input { width: 100%; height: 26px; font-size: 14px; text-align: center; font-size: 12px; }

.label-number { position: absolute; top: 3px; left: 50%; margin-left: 5px; display: block; min-width: 14px; height: 14px; padding: 0 3px; line-height: 14px; font-size: 10px; border-radius: 7px; color: #fff; background-color: #d33e4c; font-style: normal; font-weight: normal; text-align: center; }

.label-number-white { position: absolute; top: 5px; left: 50%; margin-left: 3px; display: block; min-width: 14px; height: 14px; padding: 0 3px; line-height: 14px; font-size: 10px; border-radius: 7px; color: #d33e4c; background-color: #fff; font-style: normal; font-weight: normal; text-align: center; }

.label-number-line { position: absolute; top: 3px; left: 50%; margin-left: 8px; display: block; min-width: 14px; height: 14px; padding: 0 3px; line-height: 12px; font-size: 10px; border-radius: 7px; color: #d33e4c; background-color: #fff; border: 1px solid #d33e4c; font-style: normal; font-weight: normal; text-align: center; box-shadow: -1px 1px 0 #fff; }

.label-red-line, .label-black-line, .label-gray-line, .label-white-line { position: relative; display: inline-block; padding: 0 4px; margin-right: 5px; line-height: 14px; color: #d33e4c; font-size: 10px; }
.label-red-line:after, .label-black-line:after, .label-gray-line:after, .label-white-line:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d33e4c; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; pointer-events: none; }

.label-black-line { color: #222; }
.label-black-line:after { border: 1px solid #222; }

.label-gray-line { color: #999; }
.label-gray-line:after { border: 1px solid #999; }

.label-white-line { color: #fff; }
.label-white-line:after { border: 1px solid #fff; }

.label-red { display: inline-block; padding: 0 3px; margin-right: 5px; font-size: 10px; line-height: 1.428571429; background-color: #d33e4c; color: #fff; border-radius: 2px; }

.label-text { display: inline-block; padding: 0 3px; margin-right: 5px; font-size: 10px; line-height: 1.428571429; background-color: #708bbc; color: #fff; border-radius: 2px; font-weight: normal; }
.label-text.redlight { background-color: #d0546a; }
.label-text.graybg { background-color: #999; }

.label-jsd { position: relative; display: inline-block; padding: 0 4px; margin-right: 5px; line-height: 14px; color: #d33e4c; font-size: 10px; font-style: italic; vertical-align: 1px; padding: 0 3px; }
.label-jsd:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d33e4c; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; pointer-events: none; }

.label-jsd-strip { position: relative; display: inline-block; padding: 0 3px; margin-right: 5px; line-height: 14px; color: #d33e4c; font-size: 12px; font-style: italic; vertical-align: 2px; border: 1px solid #d33e4c; border-radius: 2px; }

.bdb-1px { position: relative; }

.bdb-1px:after, a .bdb-1px:after { height: 1px; content: ''; width: 100%; position: absolute; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; border-top: 1px solid #eee; bottom: -1px; }

.bdb-t-1px { position: relative; }

.bdb-t-1px:after, a .bdb-t-1px:after { height: 1px; content: ''; width: 100%; position: absolute; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; border-bottom: 1px solid #eee; top: -1px; }

.bdb-dark-1px { position: relative; }

.bdb-dark-1px:after, a .bdb-dark-1px:after { height: 1px; content: ''; width: 100%; position: absolute; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; border-top: 1px solid #ddd; bottom: -1px; }

.bdb-tp-1px { position: relative; }

.bdb-tp-1px:after, a .bdb-tp-1px:after { height: 1px; content: ''; width: 100%; position: absolute; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; border-bottom: 1px solid #ddd; top: -1px; }

.pop-loading { display: none; position: fixed; z-index: 1080; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px 15px; background-color: #fff; border-radius: 8px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); }
.pop-loading .loading-txt { padding-top: 4px; font-size: 11px; color: #999; }

.load-wrap { padding: 5px 0 15px 0; text-align: center; line-height: 20px; font-size: 12px; }
.load-wrap span { display: inline-block; margin-right: 5px; vertical-align: 1px; }

.none-tip { padding: 50px 0; text-align: center; color: #999; font-size: 13px; }

.none-tipimg { width: 80px; height: 80px; margin: 0 auto; padding-bottom: 12px; }
.none-tipimg .none-img { width: 100%; }

.none-tipico { display: block; width: 60px; height: 60px; color: #ddd; font-size: 60px; line-height: 60px; text-align: center; padding-bottom: 10px; margin: 0 auto; }

.ordered-list { width: 100%; overflow: hidden; line-height: 1.667; margin-bottom: 10px; }

.ordered { min-width: 22px; padding-right: 3px; }

.ordered-bd { min-width: 0; }

.panel-video { width: 100%; overflow: hidden; }

.panel-vblock { margin-bottom: 10px; background-color: #fff; }
.panel-vblock a { display: block; }
.panel-vblock .grid-picture { position: relative; }
.panel-vblock .panel-vdesc { padding: 15px; line-height: 1.428571429; font-size: 16px; }

.pop-bottom { display: none; position: fixed; z-index: 1080; left: 0; bottom: 0; width: 100%; padding-bottom: env(safe-area-inset-bottom); }
.pop-bottom.pop-bottom-radius { border-top-left-radius: 16px; border-top-right-radius: 16px; }
.pop-bottom.bgc-white { background-color: #fff; }
.pop-bottom.bgc-gray { background-color: #f1f1f1; }
.pop-bottom.hi40 { height: 40%; }
.pop-bottom.hi50 { height: 50%; }
.pop-bottom.hi60 { height: 60%; }
.pop-bottom.hi70 { height: 70%; }
.pop-bottom.hi80 { height: 80%; }

.pop-bottom-wrap { width: 100%; background-color: #fff; }
.pop-bottom-wrap.bottom-primary { min-height: 0; overflow: hidden; }

.pop-bottom-tit { position: relative; height: 26px; padding: 10px; font-size: 16px; line-height: 26px; text-align: center; }
.pop-bottom-tit.text-left { text-align: left; }

.popbtm-titflex { position: relative; height: 26px; padding: 10px 44px 10px 15px; line-height: 26px; }
.popbtm-titflex .popbtm-tit-bd { font-size: 16px; font-weight: bold; }

.minh { height: 400px; }

.minh-bt { height: 355px; }

.minh-150px { height: 150px; }
.minh-150px .txt-wrap { height: auto; }

.pop-small-tit { position: relative; padding: 10px; font-size: 14px; line-height: 1.667; text-align: center; color: #999; }

.popCol-round { margin: 0 10px 10px 10px; overflow: hidden; background-color: #fff; border-radius: 8px; }
.popCol-round .colFunc { display: block; padding: 13px 15px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; color: #3478f6; }
.popCol-round .colFunc.col-active { color: #d33e4c; }
.popCol-round .colFunc span { font-weight: bold; }

.pop-round-cont { padding: 15px; font-size: 14px; color: #999; line-height: 1.667; text-align: center; }

.closed-ipop { display: block; position: absolute; top: 0; right: 4px; z-index: 100; width: 40px; padding: 10px 0; line-height: 1.667; color: #bbb; text-align: center; }

.pop-d-txt { position: relative; padding: 10px 0; font-size: 14px; line-height: 1.667; overflow: hidden; }
.pop-d-txt.txt-pad { padding: 10px 15px; }
.pop-d-txt p { padding-bottom: 10px; }

.txt-wrap { width: 100%; height: 410px; padding: 0 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.txt-15px { font-size: 15px; line-height: 1.667; }

.bottom-btn { height: 45px; }
.bottom-btn span, .bottom-btn a { display: block; float: left; width: 50%; text-align: center; line-height: 45px; font-size: 16px; }
.bottom-btn .btmbtn-red { background-color: #d33e4c; color: #fff; }

.bottom-btn-pad { padding: 10px 15px; }

.bottom-btn-flex { padding: 10px 8px; }
.bottom-btn-flex .btn-child { margin: 0 8px; }

.pop-bottom-flex { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-flex-direction: column; -webkit-flex-direction: column; -o-flex-direction: column; flex-direction: column; }

.pop-bottom-section { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-overflow-scrolling: touch; }

.pop-bottom-scroll { height: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.pop-bottom-msg { margin: 0 15px 15px 15px; background-color: #fff; border-radius: 8px; }
.pop-bottom-msg.graybg { background-color: rgba(0, 0, 0, 0.8); color: #fff; }
.pop-bottom-msg .bottom-msg-bd { padding: 12px 0 12px 15px; font-size: 16px; line-height: 1.667; }
.pop-bottom-msg .bottom-msg-closed { padding: 0 6px 0 10px; width: 30px; height: 30px; color: #bbb; font-size: 14px; line-height: 30px; text-align: center; }

.location { width: 100%; height: 30px; }

.location-item { display: none; float: left; padding: 0 10px 0 20px; height: 29px; max-width: 33%; }
.location-item.showlocal { display: block; }
.location-item.local-curr { position: relative; color: #d33e4c; }
.location-item.local-curr:after { content: ''; position: absolute; bottom: 0; left: 20px; right: 10px; height: 1px; border-bottom: 1px solid #d33e4c; }

.location-wrap { position: relative; width: 100%; height: 360px; overflow: hidden; }

.locat-container { position: relative; height: 360px; transform: translateX(0); transition: all 0.3s ease 0s; }

.location-list { position: absolute; left: 0; top: 0; width: 100%; height: 360px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.location-list:nth-child(2) { left: 100%; }
.location-list:nth-child(3) { left: 200%; }
.location-list:nth-child(4) { left: 300%; }

.location-data { height: 40px; padding: 0 20px; line-height: 40px; }
.location-data.location-check { color: #d33e4c; }

.pop-center { position: fixed; z-index: 1080; top: 50%; left: 50%; width: 80%; max-width: 540px; margin: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.pop-center.wd82 { width: 82%; }
.pop-center .pop-container { width: 100%; margin: 0 auto; overflow: hidden; background-color: #fff; border-radius: 8px; }
.pop-center .pop-content { padding: 20px 20px 30px 20px; font-size: 16px; line-height: 27px; }
.pop-center .pop-content.text-center { text-align: center; }
.pop-center .pop-content.text-13px { font-size: 13px; line-height: 1.667; }
.pop-center .pop-content-txt { padding: 10px 0; font-size: 14px; line-height: 1.667; }
.pop-center .pop-content-txt p { padding-bottom: 10px; }
.pop-center .pop-tit { padding: 10px 0; font-size: 18px; font-weight: bold; text-align: center; }
.pop-center .pop-tit.pad-t0 { padding: 0 0 10px 0; }
.pop-center .pop-tit-16px { padding: 10px 0; font-size: 16px; font-weight: bold; text-align: center; }
.pop-center .pop-tit-16px.pop-titpad { padding: 20px 0 10px 0; }
.pop-center .pop-ico { margin: 0 auto 10px auto; width: 50px; height: 50px; color: #d33e4c; font-size: 50px; line-height: 50px; text-align: center; }
.pop-center .pop-ico.icon-tip-line { color: #ffa801; }
.pop-center .pop-ico.icon-ok-line { color: #5785e4; }
.pop-center .pop-ico + .pop-tit { padding: 0 0 10px 0; }
.pop-center .pop-content-short { padding: 40px 20px; text-align: center; font-size: 18px; line-height: 1.667; }
.pop-center .pop-content-short.text-left { text-align: left; }
.pop-center .pop-describ { font-size: 14px; line-height: 23px; text-align: left; }
.pop-center .popfoot { width: 100%; height: 40px; overflow: hidden; }
.pop-center .popfoot .pfleft { height: 40px; float: left; width: 50%; overflow: hidden; border-top: 1px solid #e6e6e6; text-align: center; line-height: 40px; font-size: 15px; }
.pop-center .popfoot .pfleft:last-child { border-top: 0; background-color: #d33e4c; color: #fff; }
.pop-center .popfoot .pfcheck { height: 40px; float: left; width: 50%; overflow: hidden; border-top: 1px solid #e6e6e6; text-align: center; line-height: 40px; font-size: 15px; color: #2057b3; }
.pop-center .popfoot .pfcheck:last-child { border-left: 1px solid #e6e6e6; }

.pop-hedimg img { width: 100%; border-top-right-radius: 8px; border-top-left-radius: 8px; }

.pop-txt-primary { height: 330px; overflow: hidden; }
.pop-txt-primary .pop-txt-scroll { position: static; padding: 0 20px; height: 330px; overflow-y: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; }

.popfoot .single-btn { display: block; height: 40px; text-align: center; line-height: 40px; font-size: 15px; color: #2057b3; }

.popfoot-pad { padding: 0 20px 20px 20px; overflow: hidden; text-align: center; }
.popfoot-pad .pfbutton { display: block; height: 40px; background-color: #d33e4c; color: #fff; font-size: 15px; line-height: 40px; text-align: center; border-radius: 8px; }

.popfoot-pad2 { padding: 0 20px; }

.pfbutton-txt { padding: 15px 0; text-align: center; font-size: 15px; }

.popfoot-wrap { padding: 0 0 20px 0; height: 40px; overflow: hidden; text-align: center; }
.popfoot-wrap .pf-btncell { display: inline-block; height: 36px; padding: 0 40px; background-color: #d33e4c; color: #fff; font-size: 14px; line-height: 36px; text-align: center; border-radius: 5px; }
.popfoot-wrap .pf-btncell-s { display: inline-block; height: 36px; padding: 0 20px; margin: 0 8px; background-color: #d33e4c; color: #fff; font-size: 14px; line-height: 36px; text-align: center; border-radius: 5px; }
.popfoot-wrap .pf-btncell-sgray { position: relative; display: inline-block; height: 36px; padding: 0 20px; margin: 0 8px; background-color: #fff; font-size: 14px; line-height: 36px; text-align: center; border-radius: 5px; }
.popfoot-wrap .pf-btncell-sgray:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #bbb; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; pointer-events: none; }

.hide-pop { display: none; }

.popimg { display: none; position: fixed; z-index: 1080; top: 0; left: 0; bottom: 0; width: 100%; background-color: #fff; }

.popimg-tit { position: absolute; left: 0; right: 0; top: 0; padding: 0 45px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; }
.popimg-tit .popimg-closed { position: absolute; top: 0; right: 0; width: 45px; height: 45px; color: #222; font-size: 18px; line-height: 45px; text-align: center; }

.popimg-wrap { width: 100%; height: 100%; padding: 55px 0 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }
.popimg-wrap img { max-width: 100%; max-height: 100%; }

.closed-img { position: absolute; right: 6px; top: 0; height: 44px; width: 45px; text-align: center; font-size: 16px; color: #999; line-height: 44px; }

.closed-outside { position: absolute; top: -40px; right: 0; width: 28px; height: 28px; border: 2px solid #fff; background: url("../images/toclosed.png") no-repeat center center; background-size: 14px; border-radius: 50%; }

.closed-bar { width: 100%; height: 32px; padding-top: 6px; text-align: center; }
.closed-bar .closed-btn { display: block; width: 28px; height: 28px; margin: 0 auto; border: 2px solid #fff; background: url(../images/toclosed.png) no-repeat center center; background-size: 14px; border-radius: 50%; }

.pop-imglayer { position: fixed; z-index: 1080; top: 50px; bottom: 50px; left: 0; right: 0; }

.pop-container-img { position: relative; width: 82%; height: 100%; margin: 0 auto; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; flex-wrap: wrap; }
.pop-container-img img { max-width: 100%; max-height: 100%; }
.pop-container-img .pop-cimg-bd { position: relative; }

.pop-bottom-share { width: 100%; background-color: #e9eff2; }

.pop-share-hed { padding: 30px 15px; font-size: 17px; line-height: 1.428571429; text-align: center; font-weight: bold; }
.pop-share-hed p { padding-top: 10px; font-size: 14px; line-height: 1.667; text-align: left; font-weight: normal; }

.pop-share { width: 100%; overflow: hidden; padding: 0 15px 35px 15px; }

.pop-share-item { float: left; width: 25%; overflow: hidden; }

.pop-share-ico { width: 45%; max-width: 60px; padding: 5px; margin: 0 auto; border-radius: 50%; background-color: #fff; }
.pop-share-ico img { width: 100%; }

.pop-share-txt { padding: 5px 0 0 0; text-align: center; font-size: 13px; }

.pop-share-cancel { padding: 14px 0; line-height: 16px; font-size: 16px; background-color: #fff; text-align: center; }

.pop-top-layer { display: none; position: fixed; left: 0; right: 0; top: 44px; bottom: auto; z-index: 1000; background-color: #fff; }
.pop-top-layer.top-hi70 { height: 70%; }

.pop-top-bd.scroll-v { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.select-group { position: relative; height: 18px; padding-right: 10px; }

.select-cell { position: relative; display: inline-block; }
.select-cell i { display: inline-block; width: 18px; height: 18px; background: url(../images/goux_02.png) no-repeat left center; background-size: 36px; }
.select-cell input { position: absolute; top: 0; left: -99999em; }
.select-cell input:checked + i { background-position: -18px center; }
.select-cell input[disabled] + i { opacity: 0.4; }
.select-cell.small-select i { width: 16px; height: 16px; background-size: 32px; vertical-align: 1px; }
.select-cell.small-select input:checked + i { background-position: -16px center; }

.select-txt { display: inline-block; vertical-align: 4px; padding-left: 4px; }

.shortcut { display: none; position: fixed; top: 36px; right: 6px; z-index: 1080; }
.shortcut .pointer { width: 0; height: 0; line-height: 0; margin-left: 115px; margin-bottom: -1px; border-style: dashed dashed solid dashed; border-width: 8px; border-color: transparent transparent #fff transparent; opacity: .99; }

.shortcut-bd { width: 115px; padding: 0 15px; overflow: hidden; border-radius: 5px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 -1px 26px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(0, 0, 0, 0.2); }
.shortcut-bd a { position: relative; display: block; padding: 12px 0; height: 22px; line-height: 22px; font-size: 15px; }
.shortcut-bd a:after { height: 1px; content: ''; width: 100%; position: absolute; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; border-top: 1px solid #e3e3e3; bottom: -1px; }
.shortcut-bd span { display: block; float: left; margin-right: 10px; width: 22px; height: 22px; color: #222; font-size: 20px; line-height: 22px; text-align: center; }

.swiper-img { width: 100%; overflow: hidden; }
.swiper-img .swiper-slide img { width: 100%; }
.swiper-img .swiper-pagination-bullet { background-color: #fff; opacity: 0.6; }
.swiper-img .swiper-pagination-bullet-active { background-color: #d33e4c; opacity: 1; }

.imgcol { width: 100%; }
.imgcol img { display: block; width: 100%; }

.slip-layer { position: fixed; top: 0; bottom: 0; left: 100%; z-index: 1080; width: 90%; -webkit-transform: translateX(10%); transform: translateX(10%); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color: #fff; }
.slip-layer.show-slide { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.slip-layer-full { position: fixed; top: 0; bottom: 0; left: 100%; z-index: 1080; width: 100%; padding-bottom: env(safe-area-inset-bottom); -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color: #fff; }
.slip-layer-full.show-slide { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.slip-layer-hed { height: 44px; line-height: 44px; text-align: center; font-size: 18px; }
.slip-layer-hed.slip-hed-red { background-color: #d33e4c; color: #fff; }

.slip-layer-tit { margin: 0 45px; }
.slip-layer-tit span { width: 100%; }

.slip-ret { float: left; width: 45px; height: 44px; line-height: 44px; text-align: center; font-size: 21px; }

.sliptit-c { height: 44px; margin: 0 45px; line-height: 44px; font-size: 18px; text-align: center; }

.slip-wrapper { position: absolute; z-index: 100; top: 44px; left: 0; bottom: 44px; width: 100%; overflow: hidden; }
.slip-wrapper.slip-bottom { bottom: 0; }

.side-content { width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
.side-content.side-bg-gray { background-color: #f1f1f1; }

.slip-checkbtn { height: 44px; }

.slip-footer { position: absolute; z-index: 150; left: 0; bottom: 0; width: 100%; height: 44px; background-color: #fff; padding-bottom: env(safe-area-inset-bottom); }
.slip-footer .slip-btn { float: left; width: 50%; height: 44px; line-height: 44px; text-align: center; font-size: 18px; }
.slip-footer .slip-btn:last-child { background-color: #d33e4c; color: #fff; }

.slip-layer-checkbtn { padding: 15px; justify-content: center; }

.slip-layerfoot { position: absolute; z-index: 150; left: 0; bottom: 0; width: 100%; padding-bottom: env(safe-area-inset-bottom); background-color: #fff; }
.slip-layerfoot .slip-btn { margin: 0 8px; }

.slip-body { padding-bottom: 70px; }

.cbwrap { width: 100%; padding: 15px 0 0 0; background-color: #fff; overflow: hidden; }
.cbwrap a, .cbwrap .menu-items { display: block; float: left; width: 25%; padding: 0 5px 15px 5px; }
.cbwrap span { display: block; width: 33px; height: 33px; margin: 0 auto; border-radius: 50%; margin-bottom: 3px; }
.cbwrap.menu-group { margin-bottom: 10px; }
.cbwrap.menu-group a { padding: 3px 5px 18px 5px; }

.slider-menu.swiper-container { padding-bottom: 12px; overflow: hidden; background-color: #fff; }

.menu-cell .swiper-slide { display: block; width: 100%; overflow: hidden; font-size: 12px; text-align: center; text-decoration: none; }

.qj-nav { width: 100%; overflow: hidden; padding: 10px 0 0 0; background-color: #fff; }

.qj-nav .swiper-slide { float: left; }

.menu-ico { display: block; width: 36px; height: 36px; margin: 0 auto; border-radius: 50%; }

.menu-txt { display: block; width: 100%; padding-top: 3px; font-size: 12px; text-align: center; }
.menu-txt.curr { color: #d33e4c; font-weight: bold; }

.mico-qj { background: #da7e24 url("../images/qjico_01_03.png") no-repeat center center; background-size: contain; }

.mico-live { background: #5792eb url("../images/live.png") no-repeat center center; background-size: contain; }

.mico-points { background: #3a6aff url("../images/point2.png") no-repeat center center; background-size: contain; }

.mico-white { background: #c7bd20 url(../images/whitewine.png) no-repeat center center; background-size: contain; }

.mico-jiujiao { background: #46bcaf url("../images/jiujiao.png") no-repeat center center; background-size: contain; }

.mico1855 { background: #ea3232 url("../images/CBEN_06.png") no-repeat center center; background-size: contain; }

.mico-zjz { background: #f2a705 url("../images/CBEN_03.png") no-repeat center center; background-size: contain; }

.mico-grave { background: #7985c9 url("../images/CBEN_38.png") no-repeat center center; background-size: contain; }

.mico-saint { background: #b66cbb url("../images/CBEN_14.png") no-repeat center center; background-size: contain; }

.mico-pomerol { background: #fe7f02 url("../images/Pomerol_21.png") no-repeat center center; background-size: contain; }

.mico-burgundy-Grands { background: #8c68d4 url("../images/CBEN_22.png") no-repeat center center; background-size: contain; }

.mico-burgundy-premiers { background: #f82a5d url("../images/CBEN_19.png") no-repeat center center; background-size: contain; }

.mico-cote { background: #c4879b url("../images/CBEN_11.png") no-repeat center center; background-size: contain; }

.mico-burgundy { background: #6b56d6 url("../images/Bourgogne-ico.png") no-repeat center center; background-size: contain; }

.mico-rhone { background: #4c8fc3 url("../images/rhone-valley.png") no-repeat center center; background-size: contain; }

.mico-super-Tuscan { background: #aa7cbb url("../images/Tuscan_33.png") no-repeat center center; background-size: contain; }

.mico-amarone { background: #ffa200 url("../images/CBEN_26.png") no-repeat center center; background-size: contain; }

.mico-brunello { background: #4fa4eb url("../images/CBEN_32.png") no-repeat center center; background-size: contain; }

.mico-barbaresco { background: #e63b3b url("../images/CBEN_39.png") no-repeat center center; background-size: contain; }

.mico-barolo { background: #6878c6 url("../images/CBEN_28.png") no-repeat center center; background-size: contain; }

.mico-chianti { background: #ff5f5f url("../images/CBEN_34.png") no-repeat center center; background-size: contain; }

.mico-spanish { background: #fe7f02 url("../images/spanish.png") no-repeat center center; background-size: contain; }

.mico-californian { background: #73a0ec url("../images/CBEN20.png") no-repeat center center; background-size: contain; }

.mico-newzealand { background: #5bc57e url("../images/newzealand.png") no-repeat center center; background-size: contain; }

.mico-concha { background: #ca8278 url("../images/ganlu.png") no-repeat center center; background-size: contain; }

.mico-sauternes { background: #9b73ba url("../images/sauter.png") no-repeat center center; background-size: contain; }

.mico-sauternes-barsac { background: #9b73ba url("../images/sauter_103.png") no-repeat center center; background-size: contain; }

.mico-garage { background: #cf616e url(../images/garage.png) no-repeat center center; background-size: contain; }

.mico-brand { background: #0099cc url(../images/qjsort_74.png) no-repeat center center; background-size: contain; }

.mico-jiuju { background: #7d739e url(../images/cup.png) no-repeat center center; background-size: contain; }

.mico-sauternes-gcc { background: #dc9b0d url("../images/CBEN_54.png") no-repeat center center; background-size: contain; }

.mico-loire { background: #e64635 url("../images/CBEN_35.png") no-repeat center center; background-size: contain; }

.mico-riesling { background: #6871e6 url("../images/CBEN_15.png") no-repeat center center; background-size: contain; }

.mico-youhui { background: #d59b1c url("../images/profitico.png") no-repeat center center; background-size: contain; }

.mico-tuan { background: #e0425d url("../images/wed-member-day.png") no-repeat center center; background-size: contain; }

.mico-airpshop { background: #e04d62 url(../images/szairport-ico.png) no-repeat center center; background-size: contain; }

.mico-all { background: url("../images/all.png") no-repeat center center; background-size: contain; }

.mico-allwine { background: #3e6dee url("../images/bottle.png") no-repeat center center; background-size: contain; }

.mico-allwine-qj { background: #d0546a url("../images/bottle.png") no-repeat center center; background-size: contain; }

.mico-allwine-kj { background: #5680de url("../images/bottle.png") no-repeat center center; background-size: contain; }

.mico-allwine-plus { background: #2c438c url("../images/bottle.png") no-repeat center center; background-size: contain; }

.mico-michelin { background: #bd2333 url("../images/wanyanico.png") no-repeat center center; background-size: contain; }

.mico-plus { background: #2c438c url("../images/plus-rights.png") no-repeat center center; background-size: contain; }

.mico-suit { background: #3198f0 url("../images/yxtzico.png") no-repeat center center; background-size: contain; }

.mico-case { background: #009cff url("../images/tehuizhengxianggou.png") no-repeat center center; background-size: contain; }

.mico-offlineshop { background: #6871e6 url("../images/shop.png") no-repeat center center; background-size: contain; }

.mico-rose { background: #ed6f83 url(../images/whitewine.png) no-repeat center center; background-size: contain; }

.mico-changyu { background: #c6a05f url(../images/changyu.png) no-repeat center center; background-size: contain; }

.mico-argentina { background: #62ade2 url("../images/argentina.png") no-repeat center center; background-size: contain; }

.cy-aus { background: #5866ec url("../images/cy-australia.png") no-repeat center center; background-size: 36px; }

.cy-fr { background: #c38a39 url("../images/cy-france.png") no-repeat center center; background-size: contain; }

.cy-cn { background: #d32d25 url("../images/cy-china.png") no-repeat center center; background-size: contain; }

.cy-spn { background: #fe7f02 url("../images/cy_spain.png") no-repeat center center; background-size: contain; }

.cy-chi { background: #ca8278 url("../images/cy_chile.png") no-repeat center center; background-size: contain; }

.cy-ita { background: #4fa4eb url("../images/cy_italy.png") no-repeat center center; background-size: contain; }

.cy-arg { background: #74acdf url("../images/cy_arg.png") no-repeat center center; background-size: contain; }

.cy-newz { background: #5bc57e url("../images/cy-newzealand.png") no-repeat center center; background-size: contain; }

.mico-italy-doc { background: #484e9d url("../images/italy-doc.png") no-repeat center center; background-size: contain; }

.mico-chile { background: #ca8278 url("../images/chile.png") no-repeat center center; background-size: contain; }

.mico-germany { background: #dc0000 url("../images/germany.png") no-repeat center center; background-size: contain; }

.mico-italy-mingzhuang { background: #484e9d url("../images/italian-wines.png") no-repeat center center; background-size: contain; }

.mico-chile_argentinaquanquantusy { background: #ca8278 url("../images/Chile_Argentinaquanquantusy.png") no-repeat center center; background-size: contain; }

.mico-australia { background: #3952c1 url("../images/australia-wines.png") no-repeat center center; background-size: contain; }

.mico-champagne { background: #e0ba48 url("../images/champagne.png") no-repeat center center; background-size: contain; }

.mico-bouquet { background: #000 url("../images/bouquet-ico.png") no-repeat center center; background-size: contain; }

.mico-rouge { background: #ac1630 url("../images/rouge.png") no-repeat center center; background-size: contain; }

.mico-sparkling { background: #bd2333 url("../images/sparkling.png") no-repeat center center; /*#f66f40*/ background-size: contain; }

.mico-whisky { background: #dc6e2e url("../images/whisky-ico.png") no-repeat center center; background-size: contain; }

.mico-kj { background: #4375db url("../images/mic-kj.png") no-repeat center center; background-size: contain; }

.mico-cabsuit { background: #3e6dee url("../images/cabsuit.png") no-repeat center center; background-size: contain; }

.mico-levinelite { background: #3e4dba url("https://wineshopimage.wine-world.com/levinelite-cabico.png") no-repeat center center; background-size: contain; }

.mico-chinese-wines { background: #de2910 url("../images/chinese-wines.png") no-repeat center center; background-size: contain; }

.mico-kilikanoon { background: #b02727 url("../images/Kilikanoon.png") no-repeat center center; background-size: contain; }

.mico-alsace { background: #92b700 url("../images/alsace.png") no-repeat center center; background-size: contain; }

.mico-jsd { background: #d90000 url("../images/mico-jsd.png") no-repeat center center; background-size: contain; }

.mico-imported { background: #3e6dee url("../images/imported-wines.png") no-repeat center center; background-size: contain; }

.mico-boudeaux { background: #ea3232 url("../images/mic-bordeaux.png") no-repeat center center; background-size: contain; }

.mico-italy-spain { background: #484e9d url("../images/mic-bordeaux.png") no-repeat center center; background-size: contain; }

.mico-rhone-alsace { background: #4c8fc3 url("../images/rhone-alsace.png") no-repeat center center; background-size: contain; }

.mico-aus-newz { background: #5bc57e url("../images/mic-aus-newzealand.png") no-repeat center center; background-size: contain; }

.mico-sake { background: #8ea800 url("../images/sake-mico.png") no-repeat center center; background-size: contain; }

.mico-brandy { background: #cd562b url("../images/mic-brandy.png") no-repeat center center; background-size: contain; }

.switch { width: 48px; height: 26px; margin-left: 15px; border-radius: 15px; padding: 3px; background-color: #e6e6e6; overflow: hidden; }
.switch-btn { width: 26px; height: 26px; border-radius: 50%; background-color: #fff; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.switch-open { background-color: #5bc95c; }
.switch-open-red { background-color: #d33e4c; }

.switch-open .switch-btn { -webkit-transform: translateX(22px); transform: translateX(22px); }

.switch-s { width: 36px; height: 20px; margin-left: 15px; border-radius: 12px; padding: 2px; background-color: #e6e6e6; overflow: hidden; }
.switch-s-btn { width: 20px; height: 20px; border-radius: 50%; background-color: #fff; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.switch-s-open { background-color: #d33e4c; }

.switch-s-open .switch-s-btn { -webkit-transform: translateX(16px); transform: translateX(16px); }

.tab-menu { width: 100%; height: 40px; background-color: #fff; }
.tab-menu.tab-topfixed { position: fixed; left: 0; top: 44px; z-index: 50; }

.tab-menu-wrap { position: relative; width: 100%; background-color: #fff; height: 40px; font-size: 14px; }
.tab-menu-wrap .tab-item { position: relative; display: block; float: left; width: 50%; overflow: hidden; text-align: center; line-height: 40px; }
.tab-menu-wrap .tab-item a { display: block; }
.tab-menu-wrap .tab-item.tab-selected, .tab-menu-wrap .tab-item a.tab-selected { color: #d33e4c; }
.tab-menu-wrap .tab-border { position: absolute; bottom: 0; left: 0; width: 50%; transition: left 0.2s; -webkit-transition: left 0.2s; }
.tab-menu-wrap .tab-border span { display: block; width: 5em; height: 1px; margin: 0 auto; background-color: #d33e4c; }
.tab-menu-wrap i { display: inline-block; padding-left: 4px; color: #d33e4c; }

.tab-flex { width: 100%; height: 44px; }

.tab-flex-wrap { width: 100%; height: 44px; background-color: #fff; }
.tab-flex-wrap.fixed-tabflex { position: fixed; top: 0; left: 0; z-index: 1000; }

.tab-flex-container { width: 100%; height: 44px; justify-content: space-between; }

.tab-flex-item { position: relative; height: 44px; line-height: 44px; font-size: 16px; }
.tab-flex-item a { display: block; }
.tab-flex-item .tab-flex-border { display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #d33e4c; }
.tab-flex-item.curr-tabflex { color: #d33e4c; }
.tab-flex-item.curr-tabflex a { color: #d33e4c; }
.tab-flex-item.curr-tabflex .tab-flex-border { display: block; }

.tab-flex-around { width: 100%; height: 44px; justify-content: space-around; -webkit-flex-wrap: nowrap; font-size: 14px; }
.tab-flex-around.tab-fs16px { font-size: 16px; }
.tab-flex-around .tfa-item { display: block; padding: 2px 0 0 0; height: 40px; line-height: 40px; }
.tab-flex-around .tfa-item span { position: relative; z-index: 100; display: inline-block; }
.tab-flex-around .tfa-selected { color: #d33e4c; font-weight: bold; border-bottom: 2px solid #d33e4c; }
.tab-flex-around .tfa-checked { color: #d33e4c; font-weight: bold; }

.fixed-tfa { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background-color: #fff; }

.tab-flex-betw { padding: 0 15px; height: 44px; justify-content: space-between; }
.tab-flex-betw.tab-fs16px { font-size: 16px; }
.tab-flex-betw .tfb-item { padding: 2px 0 0 0; height: 40px; line-height: 40px; }
.tab-flex-betw .tfb-selected { color: #d33e4c; font-weight: bold; border-bottom: 2px solid #d33e4c; }
.tab-flex-betw .tfb-checked { color: #d33e4c; font-weight: bold; }

.text-wrapper { padding: 15px; font-size: 15px; line-height: 1.667; }
.text-wrapper p, .text-wrapper .p { padding-bottom: 15px; word-break: break-word; text-align: justify; }
.text-wrapper .text-tit { padding: 0 0 15px 0; font-size: 22px; text-align: center; }
.text-wrapper .section-tit { font-size: 18px; font-weight: bold; }
.text-wrapper .section-tit2 { font-size: 16px; font-weight: bold; }

.privacy-update { display: block; padding-top: 5px; font-size: 13px; }

.text-format { font-size: 15px; line-height: 25px; }
.text-format p { padding-bottom: 15px; word-break: break-word; text-align: justify; }

.tip-simp { position: relative; padding: 10px 15px; color: #999; line-height: 1.428571429; font-size: 12px; }
.tip-simp .tipico { width: 14px; height: 14px; padding-right: 5px; line-height: 14px; font-size: 14px; font-weight: bold; margin-top: 2px; }

.icons-tip { display: inline-block; width: 28px; height: 16px; text-align: center; font-size: 16px; color: #2057b3; }

.top-so { display: none; padding: 6px 0; margin: 0 10px 0 45px; }
.top-so.marg-so { margin: 0 10px 0 45px; }
.top-so.so-marg03 { margin: 0 50px 0 140px; }
.top-so.so-marg04 { margin: 0 56px 0 45px; }

.top-inp { position: relative; z-index: 20; padding: 0 40px 0 30px; height: 32px; background-color: #f1f2f3; border-radius: 3px; }
.top-inp.sech-pad { padding: 0 48px 0 30px; }
.top-inp input { height: 32px; width: 100%; font-size: 14px; }
.top-inp .deleteico { display: none; position: absolute; top: 0; right: 0; width: 40px; height: 32px; text-align: center; line-height: 32px; color: #c8c8c8; }
.top-inp.top-sochannel .deleteico { right: 48px; }
.top-inp.top-channel { padding: 0 80px 0 30px; }
.top-inp.top-channel .deleteico { right: 40px; }

.search-ico { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 32px; font-size: 14px; text-align: center; line-height: 32px; color: #999; }

.audio { display: block; position: absolute; right: 0; top: 0; width: 35px; height: 32px; line-height: 32px; text-align: center; font-size: 20px; color: #666; }

.s-channel { display: none; position: absolute; right: 0; top: 0; width: 48px; height: 32px; font-size: 13px; line-height: 32px; }
.s-channel.ishow { display: block; }
.s-channel .icon-arrow-down-small { display: inline-block; margin-left: 2px; font-size: 14px; }
.s-channel.channel-val { width: 40px; color: #aaa; }

.s-channel-list { display: none; position: absolute; top: 37px; right: 0; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }
.s-channel-list::after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #ccc; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0; pointer-events: none; }
.s-channel-list .co-arrow, .s-channel-list .co-arrow-up { position: absolute; display: block; left: 50%; width: 0; height: 0; margin-left: -3px; line-height: 0; border-width: 6px; border-style: solid dashed dashed dashed; border-radius: 2px; }
.s-channel-list .co-arrow { top: -12px; z-index: 10; border-color: transparent transparent #ddd transparent; }
.s-channel-list .co-arrow-up { top: -11px; z-index: 20; border-color: transparent transparent #fff transparent; }

.s-channel-option { height: 44px; line-height: 44px; padding: 0 20px; }

.end-search { display: none; float: right; width: 55px; height: 44px; line-height: 44px; text-align: center; }

.end-searchico { display: none; float: left; width: 44px; height: 44px; color: #222; font-size: 21px; line-height: 44px; text-align: center; }

.search-button, a.search-button { float: right; margin: 6px 10px 0 0; position: relative; display: inline-block; padding: 6px 10px; font-size: 14px; line-height: 1.428571429; color: #fff; background-color: #d33e4c; touch-action: manipulation; cursor: pointer; border-radius: 5px; touch-action: manipulation; display: none; }
.header-wrap-home .search-button, .header-wrap-home a.search-button { margin: 8px 10px 0 0; }

.search-btn-txt { display: none; float: right; width: 68px; height: 44px; line-height: 44px; font-size: 15px; text-align: center; }

.show-search .end-search, .show-search .top-so { display: block; }

.show-search .retpage, .show-search .pagetit { display: none; }

.show-search .top-so.marg-so { margin: 0 55px 0 10px; }

.start-so .retpage, .start-so .scan, .start-so .wine-sort, .start-so .pagetit, .start-so .channel-hed, .start-so .searchico, .start-so .shortcut-hed, .start-so .hed-rgtico, .start-so .el-rgt, .start-so .page-tab, .start-so .audio { display: none; }

.start-so .sech-pad { padding: 0 88px 0 30px; }

.start-so .end-search, .start-so .end-searchico, .start-so .search-button, .start-so .search-btn-txt { display: block; }

.start-so .top-so { display: block; margin: 0 55px 0 10px; }
.start-so .top-so.so-hasbtn { margin: 0 65px 0 45px; }

.searfrom { padding: 10px; background-color: #fff; }

.s-holder { height: 52px; }

.searchbar { position: relative; height: 32px; background-color: #f1f2f3; padding-left: 32px; line-height: 32px; color: #bbb; border-radius: 3px; }

.fixedSearch { position: fixed; top: 44px; left: 0; right: 0; z-index: 1000; }

.has-sval { color: #222; }

.h-searcher { padding: 6px 10px 10px 10px; }
.h-searcher.h-sbg { background-color: #fff; }

.h-search-bar { position: relative; height: 32px; background-color: #fff; padding-left: 32px; line-height: 32px; color: #bbb; border-radius: 3px; }
.h-search-bar.hsb-val { color: #222; }

.h-searcher-r { padding-left: 10px; }

.h-select-wines { width: 40px; height: 32px; line-height: 32px; font-size: 21px; text-align: center; }

.h-searcher-cancel { display: none; padding: 0 6px 0 15px; }

.footer-place { height: 70px; padding-bottom: env(safe-area-inset-bottom); }

.footer { position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; height: 49px; padding-bottom: env(safe-area-inset-bottom); background-color: #fff; }

.footer-wrap { width: 100%; height: 49px; }

.footer-itm { position: relative; float: left; width: 20%; height: 49px; }
.footer-itm a { display: block; }
.footer-itm a .f-ico { display: block; width: 22px; height: 22px; margin: 0 auto; padding-top: 6px; text-align: center; line-height: 22px; font-size: 22px; }
.footer-itm a.current .f-ico { color: #d33e4c; }
.footer-itm a .f-txt { display: block; padding-top: 2px; font-size: 11px; text-align: center; }
.footer-itm a .fm-txt { display: block; position: absolute; top: 0; left: 0; z-index: 60; width: 100%; padding-top: 30px; font-size: 11px; text-align: center; }
.footer-itm a.current .f-txt, .footer-itm a.current .fm-txt { color: #d33e4c; }
.footer-itm a .camera-bg { position: absolute; z-index: 20; left: 50%; top: -17px; width: 48px; height: 48px; margin-left: -24px; background-color: #fff; border-radius: 25px; clip: rect(0px 50px 18px 0px); }
.footer-itm a .camera-bg:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #bebebe; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 50px; pointer-events: none; }
.footer-itm a .camera-btn, .footer-itm a .wknico { display: block; position: absolute; top: -13px; left: 50%; z-index: 30; width: 40px; height: 40px; margin-left: -20px; border-radius: 50%; background-color: #d33e4c; color: #fff; text-align: center; line-height: 40px; font-size: 22px; }
.footer-itm a .icon-triangle-r { text-indent: 3px; font-size: 18px; }
.footer-itm a .icon-shops-ful { font-size: 20px; }
.footer-itm a .icon-recruit-add { font-size: 21px; }
.footer-itm a .icon-shops-join { font-size: 21px; }
.footer-itm a .icon-wine-knowledge { font-size: 23px; }
.footer-itm a .icon-camera { font-size: 22px; }
.footer-itm a .icon-video-full { font-size: 21px; }
.footer-itm a .icon-fs22 { font-size: 23px; }
.footer-itm a .f-plus { display: block; position: absolute; top: -12px; left: 50%; z-index: 30; width: 40px; height: 40px; margin-left: -20px; text-align: center; line-height: 40px; font-size: 32px; color: #d33e4c; }
.footer-itm .label-number { min-width: 16px; height: 16px; border-radius: 8px; border: 1px solid #fff; }

.grid-group { padding: 0 4px 10px 10px; }

.grid-group-wrap { width: 100%; overflow: hidden; }

.grid-block { float: left; width: 50%; padding-bottom: 6px; }

.grid-dl { position: relative; background-color: #fff; margin-right: 6px; font-size: 12px; }
.grid-dl dt { position: relative; width: 100%; overflow: hidden; }
.grid-dl dt a { display: block; }
.grid-dl dt img { width: 100%; display: block; margin: 0 auto; }
.grid-dl .grid-inf { position: relative; padding: 8px 8px 5px 8px; line-height: 1.428571429; }
.grid-dl .grid-inf a { display: block; }

.hdico { position: absolute; top: 0; right: 0; width: 36px; height: 36px; }
.hdico img { width: 100%; }

.saleout-icon { display: block; position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; margin-left: -28px; margin-top: -28px; background-color: rgba(0, 0, 0, 0.5); text-align: center; line-height: 56px; color: #fff; border-radius: 50%; font-size: 13px; }

.grid-n { width: 100%; height: 17px; }

.grid-price { padding: 2px 0 6px 0; }

.grid-uprice { height: 20px; padding: 2px 0 6px 0; }

.grid-saleout .redpriceico, .grid-saleout .plusico, .grid-saleout .kjico { background-color: #999; color: #fff; }
.grid-saleout .grid-price-val, .grid-saleout .price-val-b { color: #666; }

.act-uprice { height: 20px; padding: 2px 0 0 0; }

.grid-price-bd { min-width: 0; white-space: nowrap; }

.gird-original { height: 15px; padding: 2px 0 4px 0; font-size: 10px; }

.grid-addcart { position: relative; width: 22px; height: 22px; color: #d33e4c; font-size: 12px; line-height: 22px; text-align: center; border-radius: 50%; font-weight: bold; }
.grid-addcart:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d33e4c; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 22px; pointer-events: none; }

.grid-price-val { color: #222; font-size: 14px; font-weight: bold; }
.grid-price-val i { font-size: 12px; }

.grid-price-val-b { font-size: 14px; font-weight: bold; }

.plus-priceVal { display: inline-block; padding-left: 12px; font-weight: bold; }

.grid-layout { width: 100%; padding: 4px 2px 0 2px; overflow: hidden; background-color: #fff; }

.grid-module { float: left; width: 50%; margin-bottom: 10px; }
.grid-module a { display: block; }

.grid-picture { position: relative; margin: 0 2px; }
.grid-picture img { width: 100%; }

.grid-module-desc { height: 50px; overflow: hidden; }

.grid-module-tit { display: block; max-height: 40px; overflow: hidden; padding: 6px 10px 0 5px; line-height: 1.428571429; }

.grid-module-gray { display: block; padding: 0 10px 0 5px; color: #999; font-size: 12px; }

.header { width: 100%; background-color: #fff; z-index: 1001; height: 44px; }

.ch-header { width: 100%; height: 44px; background-color: #d33e4c; }
.ch-header.ch-header-hi { height: 92px; }

.h-fixed { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #fff; }

.h-fixed-red { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #d33e4c; color: #fff; }
.h-fixed-red a, .h-fixed-red .end-searchico { color: #fff; }
.h-fixed-red .top-inp { background-color: #fff; }
.h-fixed-red .canclear { color: #222; }

.header-wrap { width: 100%; height: 44px; }
.header-wrap .icon-message { position: relative; }
.header-wrap .icon-message .label-number { margin-left: -4px; }

.retpage { display: block; float: left; width: 45px; height: 44px; font-size: 21px; text-align: center; line-height: 44px; }

a.retpage-u { display: block; float: left; width: 45px; height: 44px; font-size: 21px; text-align: center; line-height: 44px; color: #fff; }

.el-rgt { display: block; float: right; width: 45px; height: 44px; line-height: 44px; text-align: center; font-size: 21px; }

a.el-txt, .el-txt { display: block; position: absolute; top: 0; right: 0; height: 44px; line-height: 44px; padding-right: 10px; font-size: 15px; }

a.element-txt, .element-txt { display: block; float: right; height: 44px; line-height: 44px; padding-right: 10px; padding-left: 10px; font-size: 15px; }

.hed-rgtico { display: block; float: right; width: 35px; height: 44px; padding-right: 10px; text-align: center; font-size: 21px; line-height: 44px; }

.shortcut-hed { display: block; float: right; width: 35px; height: 44px; padding-right: 10px; text-align: center; font-size: 24px; line-height: 44px; }

.pagetit { margin: 0 45px; height: 44px; text-align: center; }
.pagetit span { display: block; width: 100%; line-height: 44px; font-size: 18px; }
.pagetit.marg-hed { margin: 0 90px; }
.pagetit.marg-hed-l { margin: 0 100px; }

.pt-downico { display: inline-block; margin-left: 4px; width: 16px; height: 16px; color: #222; font-size: 16px; line-height: 16px; text-align: center; }

.localico i { display: inline-block; width: 18px; height: 18px; color: #222; font-size: 18px; line-height: 18px; text-align: center; margin-left: 5px; }

.channel-hed { display: block; float: left; padding: 12px 0 0 10px; white-space: nowrap; font-size: 18px; line-height: 20px; font-weight: bold; }

.page-tab { margin: 0 45px; height: 44px; text-align: center; }
.page-tab span, .page-tab a { display: inline-block; height: 36px; line-height: 36px; padding: 4px 0 0 0; margin: 0 15px; font-size: 17px; }
.page-tab span.header-tab, .page-tab a.header-tab { padding: 4px 0 2px 0; }
.page-tab .page-tab-curr { position: relative; z-index: 1001; color: #d33e4c; border-bottom: 2px solid #d33e4c; }

.header-switch { justify-content: space-between; }
.header-switch .header-sitem { display: block; line-height: 44px; font-size: 16px; }
.header-switch .hs-checked { color: #d33e4c; font-weight: bold; }

.favico.icon-favorite { color: #d0546a; }

.fav-active { -webkit-animation: fav-scale .3s; animation: fav-scale .3s; }

@keyframes fav-scale { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.pagetit-flex { margin: 0 45px; height: 44px; }

.pagetit-cont { padding: 0 10px; font-size: 18px; font-weight: bold; }

.pagetit-bd { min-width: 0; font-size: 16px; }
.pagetit-bd .fd-locate { display: block; position: relative; float: left; max-width: 100%; padding: 0 32px 0 26px; line-height: 23px; }
.pagetit-bd .fd-locate .icon-location { position: absolute; top: 0; left: 0; font-size: 20px; margin-right: 6px; }
.pagetit-bd .fd-locate .icon-arrow-down-small { position: absolute; top: 1px; right: 10px; font-size: 18px; }

.header-u { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 44px; background: rgba(211, 62, 76, 0); }

.header-wrap-u { height: 44px; }
.header-wrap-u .rgtbox { position: relative; display: block; float: right; width: 45px; height: 44px; text-align: center; line-height: 44px; font-size: 21px; color: #fff; }
.header-wrap-u .right-icon { position: relative; display: block; float: right; width: 35px; height: 44px; padding-right: 10px; text-align: center; line-height: 44px; font-size: 21px; color: #fff; }
.header-wrap-u .right-icon .label-number-white { margin-left: -3px; }

.img-group { background-color: #fff; margin-bottom: 10px; padding: 0 10px 10px 10px; }
.img-group a { display: block; }

.img-bar { position: relative; padding-top: 10px; }
.img-bar img { width: 100%; }
.img-bar .reldate { display: block; position: absolute; bottom: 0; right: 0; padding: 2px 6px; line-height: 1.428571429; background-color: #222; color: #fff; font-size: 12px; border-top-left-radius: 3px; }

.img-tit { padding-top: 10px; font-size: 18px; line-height: 1.428571429; }

.img-description { padding-top: 6px; font-size: 13px; color: #999; line-height: 1.667; }

.img-sg-group { margin-bottom: 10px; }
.img-sg-group a { display: block; }
.img-sg-group img { width: 100%; }

.img-sg-radius { margin: 0 10px 10px 10px; }
.img-sg-radius .swiper-img { border-radius: 8px; }
.img-sg-radius.marg-l { margin: 0 15px 15px 15px; }
.img-sg-radius a { display: block; }
.img-sg-radius img { width: 100%; border-radius: 8px; }

.img-set { width: 100%; }
.img-set img { width: 100%; }

.order-list { position: relative; padding: 8px 0; background-color: #fff; margin-bottom: 10px; font-size: 13px; }

.order-t { display: -webkit-box; display: -webkit-flex; display: flex; padding: 10px 10px 4px 10px; }

.order-hed { display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 10px 10px 10px; }

.order-qudao { text-align: right; font-size: 12px; color: #999; }

.order-status { font-size: 12px; color: #999; text-align: right; }
.select-order .order-status { color: #222; }

.order-id { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.order-id .label-text { margin-left: 5px; vertical-align: 2px; }

.order-date { display: block; font-size: 12px; color: #999; }
.select-order .order-date { padding-left: 30px; }

.order-wine { width: 100%; margin: 0 auto; overflow: hidden; position: relative; padding: 12px 0; }
.order-wine a { display: block; }
.order-wine .left { float: left; width: 60px; padding-left: 10px; }
.order-wine .left img { width: 100%; }
.order-wine .right { margin: 0 40px 0 85px; line-height: 1.428571429; }
.order-wine .right.hggoods { padding-top: 10px; }
.order-wine .order-wnum { float: right; width: 30px; padding-right: 10px; font-size: 12px; color: #999; text-align: right; }

.wn-t { display: block; width: 100%; }

.order-unitprice { position: relative; padding-top: 5px; }
.order-unitprice .yuanjia { display: inline-block; padding-left: 10px; text-decoration: line-through; }
.order-unitprice .plus-price-inner, .order-unitprice .qjico, .order-unitprice .plusico { margin: 0 4px 0 0; }

.zengp { margin: 5px 0 0 78px; font-size: 12px; line-height: 1.667; }

.sumCol { padding: 0 10px; text-align: right; font-size: 12px; line-height: 1.667; }
.sumCol.sum-pad { padding: 10px; }

.sum-val { display: inline-block; font-size: 16px; font-weight: bold; }
.sum-val i { font-size: 12px; }
.sum-val i.hk-dollar { display: inline-block; padding-right: 3px; font-size: 14px; }

.fail-t { color: #999; font-size: 12px; }

.order-func { width: 100%; overflow: hidden; padding: 10px; text-align: right; }

.btn-small-gray, .btn-small-red, .btn-small-redline, .btn-small-blue { margin-left: 8px; }

.cross-border { position: relative; display: inline-block; padding: 0 4px; margin-right: 5px; line-height: 16px; color: #d0546a; font-size: 11px; margin-left: 5px; margin-right: 0; }
.cross-border:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d0546a; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; pointer-events: none; }

.general-trade { position: relative; display: inline-block; padding: 0 4px; margin-right: 5px; line-height: 16px; color: #222; font-size: 11px; margin-left: 5px; margin-right: 0; }
.general-trade:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #222; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; pointer-events: none; }

.sub-order-hed { padding: 8px; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 12px; background-color: #faf4f5; }
.sub-order-hed .cross-border, .sub-order-hed .general-trade { margin: 0 5px 0 0; }

.suborder-zt { display: block; color: #999; }

.suborder-id { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 12px; }

.zpsm { padding-top: 5px; color: #999; font-size: 12px; }
.zpsm dt { float: left; width: 22px; height: 25px; }

.pagewrap { width: 100%; }
.pagewrap.hed-pad { padding: 44px 0 0 0; }
.pagewrap.two-pad { padding: 44px 0 59px 0; }

.def-pad { padding: 0 0 59px 0; }

.box-body { height: 100%; padding: 44px 0 49px 0; overflow: scroll; -webkit-overflow-scrolling: touch; }

.panel-group { width: 100%; background-color: #fff; }
.panel-group .panel-link { display: block; }
.panel-group.fs13px { font-size: 13px; }
.panel-group.pn-10px .panels { padding: 10px; }
.panel-group.pn-10px .panel-primary { padding: 10px 0 0 10px; }

.panels { padding: 15px 10px; position: relative; }

.panel-img { position: relative; width: 80px; height: 80px; text-align: center; }
.panel-img a { display: block; }
.panel-img img { max-width: 100%; max-height: 80px; }

.panel-img120px { width: 120px; height: 120px; }
.panel-img120px a { display: block; }
.panel-img120px img { width: 100%; }

.panel-check { display: none; width: 30px; }
.panel-check.isShow { display: block; }

.panel-check .select-group { height: auto; padding: 0; }

.panel-check .select-cell { padding: 20px 10px 0 0; }
.panel-check .select-cell.strip-sel { padding: 43px 10px 0 0; }

.panel-primary { position: relative; padding-left: 10px; line-height: 1.428571429; min-width: 0; }

.goods-cn { width: auto; }
.goods-cn.cn-large { font-size: 16px; }
.goods-cn .kjico-nm { margin: 2px 3px 0 0; }
.goods-cn .label-red-line { float: left; margin: 3px 3px 0 0; }

.goods-cn-multiline { width: auto; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.goods-en { width: auto; font-size: 12px; }

.goods-rel { padding-top: 5px; text-indent: -6px; width: auto; font-size: 12px; }

.goods-describ { padding-top: 5px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.667; font-size: 12px; color: #999; }

.goods-price { position: relative; padding: 15px 40px 5px 0; width: auto; font-size: 12px; }

.price-val { color: #222; font-size: 14px; font-weight: bold; }
.price-val i { font-size: 12px; }

.price-val-b { font-size: 14px; font-weight: bold; }

.price-val-rb { font-size: 14px; font-weight: bold; color: #d33e4c; }
.price-val-rb i { font-size: 12px; }

.gprice-yj { display: inline-block; padding-left: 16px; font-size: 12px; font-weight: bold; color: #999; }

.addcart { position: absolute; right: 0; top: 12px; padding: 0 3px; width: 24px; height: 24px; color: #d33e4c; font-size: 15px; line-height: 24px; text-align: center; }
.addcart:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #c8c8c8; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.wl-price { position: relative; padding: 5px 0 0 0; width: auto; font-size: 12px; }
.wl-price .plus-price-inner { margin: 0 4px 0 0; }

.panel-row { padding: 12px 0 0 0; }

/*#relSearch{ padding: $height-header 0 0 0;
}*/
.latest-s { padding: 0 10px; font-size: 12px; }
.latest-s .none-latest { padding: 0 0 20px 0; text-align: center; font-size: 12px; color: #999; }

.latest-t { position: relative; padding: 14px 0 12px 0; color: #999; }
.latest-t .a-del { display: block; position: absolute; top: 0; right: 0; width: 40px; height: 38px; text-align: center; line-height: 38px; color: #c8c8c8; font-size: 18px; }

.latest-cell { width: 100%; margin: 0 auto; overflow: hidden; }
.latest-cell li { float: left; margin: 0 8px 8px 0; }
.latest-cell li a { display: inline-block; height: 26px; padding: 0 13px; line-height: 26px; border-radius: 13px; background-color: #f1f2f3; }

.hot-sch { font-size: 14px; }
.hot-sch a { display: block; width: 100%; height: 45px; line-height: 45px; }

.relcont-list { font-size: 14px; }
.relcont-list li a { width: 100%; height: 48px; }
.relcont-list li i { color: #d33e4c; }
.relcont-list li .relsear-ico { display: none; position: absolute; top: 0; left: 0; width: 22px; height: 45px; line-height: 45px; color: #999; font-size: 14px; }

.relsearch-jm { display: block; min-width: 0; line-height: 48px; }

.relsearch-channel { display: block; margin-left: 10px; padding: 4px 14px; font-size: 12px; color: #666; background-color: #eaeaea; border-radius: 12px; }

.strip { width: 100%; background-color: #fff; }

.strip-padtop { padding-top: 16px; }

.strip-list { width: 100%; padding: 10px; overflow: hidden; }
.strip-list .strip-img { position: relative; width: 136px; flex-shrink: 0; }
.strip-list .strip-img img { width: 100%; }

.strip-img126px { position: relative; width: 126px; flex-shrink: 0; }
.strip-img126px img { width: 100%; }

.strip-img106px { position: relative; width: 106px; flex-shrink: 0; }
.strip-img106px img { width: 100%; }

.strip-saleout-icon { position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; margin-left: -28px; margin-top: -28px; background-color: rgba(0, 0, 0, 0.5); text-align: center; line-height: 56px; color: #fff; border-radius: 50%; font-size: 13px; }

.strip-saleout-s { position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; background-color: rgba(0, 0, 0, 0.5); text-align: center; line-height: 46px; color: #fff; border-radius: 50%; font-size: 12px; }

.strip-cont { min-width: 0; padding: 5px 0 5px 10px; }

.strip-tit { max-height: 42px; margin-bottom: 8px; font-size: 15px; font-weight: bold; line-height: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.strip-tit .qjico-nm, .strip-tit .kjico-nm, .strip-tit .labelred-nm { vertical-align: 1px; }

.strip-add { width: 100%; padding-bottom: 6px; font-size: 12px; line-height: 17px; }
.strip-add.indent-label { text-indent: -6px; }

.strip-desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; max-height: 51px; margin-bottom: 4px; font-size: 12px; line-height: 17px; color: #999; }
.strip-desc.reason { color: #d33e4c; }

.strip-price { width: 100%; padding-top: 6px; font-size: 12px; }
.strip-price.s-pad { padding-top: 4px; }
.strip-price .strip-pcol { padding-bottom: 4px; }
.strip-price .plusico, .strip-price .kjico, .strip-price .redpriceico { margin: 0 4px 0 0; }

.cts-wl .strip-price { padding-top: 4px; }

.strip-price-flex { width: 100%; padding-top: 10px; font-size: 12px; }
.strip-price-flex.s-pad { padding-top: 4px; }
.strip-price-flex .strip-pcol { padding-bottom: 4px; }
.strip-price-flex .plusico, .strip-price-flex .kjico, .strip-price-flex .redpriceico { margin: 0 4px 0 0; }

.strip-price-16px { display: block; float: left; font-size: 16px; font-weight: bold; color: #d33e4c; line-height: 16px; }

.label-pricedown { float: left; height: 14px; padding: 0 6px; margin: 2px 0 0 8px; font-size: 10px; line-height: 10px; background-color: #d33e4c; color: #fff; border-radius: 7px; display: flex; align-items: center; }

.strip-addbuy { width: 74px; padding-right: 6px; flex-shrink: 0; }

.strip-buy-minus { float: right; width: 20px; height: 20px; border: 1px solid #d33e4c; border-radius: 50%; background: url("../images/buynum_03.png") no-repeat center center; background-size: 10px; }
.strip-buy-minus.m-bgc-dark { border: 1px solid #212c4f; background: url("../images/buynum-minus-b.png") no-repeat center center; background-size: 10px; }

.strip-buy-plus { float: right; width: 22px; height: 22px; border-radius: 50%; background: #d33e4c url("../images/buynum_05.png") no-repeat center center; background-size: 10px; }
.strip-buy-plus.p-bgc-dark { background: #212c4f url("../images/buynum_05.png") no-repeat center center; background-size: 10px; }

.strip-buy-num { float: right; padding: 0 2px; height: 20px; }
.strip-buy-num input { width: 26px; height: 20px; text-align: center; font-size: 14px; }

.original-price { padding-top: 4px; color: #999; font-size: 12px; }

.random-change { padding: 15px; text-align: center; }
.random-change .random-btn { padding: 10px 30px; }
.random-change .icon-refresh { display: inline-block; font-size: 15px; margin-right: 8px; }

.strip-item { width: 100%; padding-bottom: 6px; font-size: 12px; }
.strip-item.grayc { color: #888; }

.strip-shop-col { width: 100%; margin-top: 6px; }

.flagship-store { padding-top: 10px; }

.flagship-logo { border: 1px solid #e6e6e6; margin-right: 6px; }
.flagship-logo img { height: 20px; }

.flagship-tit { min-width: 10px; font-size: 12px; }

.flagship-tcont { width: 100%; color: #666; }

.flagship { font-size: 14px; color: #666; }

.grid-flagship-store .flagship-logo { border-radius: 50%; }
.grid-flagship-store .flagship-logo img { border-radius: 50%; }

.title { position: relative; padding: 10px; line-height: 1.428571429; font-size: 14px; font-weight: bold; }
.title a { display: block; }
.title.font-15px { font-size: 15px; }
.title.font-16px { padding: 15px 10px; font-size: 16px; }
.title.pad-top-5px { padding-top: 5px; }
.title.pad-15px { padding: 15px; }

.titlebox { width: 100%; overflow: hidden; padding-bottom: 15px; }
.titlebox.tit-pdd { padding: 5px 0 15px 0; }
.titlebox.tit-pdd2 { padding: 15px 0 10px 15px; }
.titlebox.tit-pdd3 { padding: 15px 0 15px 10px; }
.titlebox.tit-pdd4 { padding: 5px 0 10px 10px; }
.titlebox.tit-pdd5 { padding: 10px; }
.titlebox.tit-pdd6 { padding: 15px 15px 6px 15px; }
.titlebox.tit-pdd7 { padding: 5px 0 10px 0; }

.ft-ico { position: relative; padding-right: 22px; }
.ft-ico i, .ft-ico .iconfont { display: block; position: absolute; top: 1px; right: 6px; width: 18px; height: 18px; color: #999; font-size: 18px; line-height: 18px; text-align: center; }

.tit-arrow { width: 16px; height: 16px; color: #222; font-size: 16px; line-height: 16px; text-align: center; }

.title-cont { font-weight: bold; font-size: 16px; }
.title-cont.titfs-18px { font-size: 18px; }
.title-cont.titpad { padding-left: 6px; }
.title-cont.titpad2 { padding-left: 10px; }
.title-cont .title-describ { display: inline-block; padding-left: 10px; font-size: 13px; font-weight: normal; }

.title-more { font-size: 13px; }

.title-line { width: 5px; height: 18px; border-radius: 3px; background: linear-gradient(to bottom, #5d2311, #222222); }

.suxi { display: inline-block; height: 15px; width: 4px; vertical-align: -2px; background-color: #5180ec; margin-right: 6px; }

.sernum { font-weight: normal; font-size: 12px; }

.this-new { position: relative; display: inline-block; width: 30px; margin-left: 5px; animation: newtwinkle 1s infinite; -moz-animation: newtwinkle 1s infinite; -webkit-animation: newtwinkle 1s infinite; -o-animation: newtwinkle 1s infinite; }
.this-new img { width: 30px; }

@keyframes newtwinkle { 0% { opacity: 1; transform: scale(1); }
  30% { opacity: 0.5; transform: scale(0.8); }
  60% { opacity: 1; transform: scale(1); }
  100% { opacity: 1; transform: scale(1); } }
@-webkit-keyframes newtwinkle { 0% { opacity: 1; transform: scale(1); }
  30% { opacity: 0.5; transform: scale(0.8); }
  60% { opacity: 1; transform: scale(1); }
  100% { opacity: 1; transform: scale(1); } }