@charset "UTF-8";
/*reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }

body, button, input, select, textarea { font: 12px/1.5 sans-serif; *line-height: 1.5; }

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

address, cite, dfn, em, var { font-style: normal; }

code, kbd, pre, samp { font-family: courier new,courier,monospace; }

small { font-size: 12px; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #3d3d3d; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

legend { color: #000; }

fieldset, img { border: 0; }

button, input, select, textarea { font-size: 100%; }

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

/*common*/
body, html { height: 100%; }

.clearfix { *zoom: 1; }

.clearfix:after { content: "\200B"; display: block; clear: both; height: 0; }

html { font-size: 20px; }

body { position: relative; -webkit-text-size-adjust: none; color: #3c3c3c; font-size: 12px; font-family: Helvetica, "STHeiti STXihei", "Microsoft YaHei", Tohoma, Arial; background: #f7f7f7; }

@font-face { font-family: 'iconfont'; src: url("font/iconfont.eot?20150908");
  /* IE9*/
src: url("font/iconfont.eot?#iefix") format("embedded-opentype"), url("font/iconfont.woff?20150908") format("woff"), url("font/iconfont.ttf?20150908") format("truetype"), url("font/iconfont.svg#uxiconfont?20150908") format("svg");
  /* iOS 4.1- */ }
.ico { display: inline-block; vertical-align: middle; }

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

@font-face { font-family: 'usericons'; src: url("font/usericons.eot?uvjlf8"); src: url("font/usericons.eot?#iefixuvjlf8") format("embedded-opentype"), url("font/usericons.woff?uvjlf8") format("woff"), url("font/usericons.ttf?uvjlf8") format("truetype"), url("font/usericons.svg?uvjlf8#usericons") format("svg"); font-weight: normal; font-style: normal; }
a, a:visited { color: #3c3c3c; -webkit-tap-highligh-color: rgba(0, 0, 0, 0); }

img { vertical-align: top; max-width: 100%; }

.fl { float: left; }

.fr { float: right; }

#page { margin: auto; min-height: 100%; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f7f7f7; }
#page.pageDark { background: #282837; }
#page.pageDark .iconinfo strong { color: #a0a0a0; }

.txt-rmb { font-family: Arial; }

.lazyload { /* background: url("../images/pattern.png"); @include background-size(8px);*/ }

.containerwrap { min-height: 420px; }
.containerwrap > p { margin-bottom: 7px; }
.containerwrap > hr { height: 0; background: none; border: 0; margin: 10px 0; border-top: 1px dashed #eee; }

.containerwrap > h4, .incontainer > h4, .containerwrap > h5, .incontainer > h5 { font-size: 14px; margin: 8px 4px; }

.containerwrap > h5, .incontainer > h5 { font-size: 13px; }

.containerwrap > p { margin-bottom: 7px; }

.containerwrap > hr { height: 0; background: none; border: 0; margin: 10px 0; border-top: 1px dashed #eee; }

.incontainer { margin: auto; }

.price-real { font-size: 12px; color: #e60000; white-space: nowrap; vertical-align: middle; }
.price-real em { margin-left: 2px; font-size: 16px; }

.price-origin { font-size: 12px; color: #999; text-decoration: line-through; white-space: nowrap; vertical-align: middle; }

.price-save { color: #999; }

.ml { margin-left: 10px !important; }

.mb0 { margin-bottom: 0 !important; }

.cl { clear: both; }

.dib { display: inline-block !important; }

.grey { color: #999 !important; }

.orange { color: #ff6611 !important; }

.red, .required { color: #e60000 !important; }

a.link { text-decoration: underline; }

.ui-icon:after, .selectbox:after, .ui-toolbar-left .ui-toolbar-button:before, .btn-backhome:after, .btn-backuser:after, .notify:before, .gotop a:after, .ui-panel-dismiss:before, .ac-toggle-btn:after, .toolbardd:after, .prd-list-grid .btn-favico:before, .countdown:before, .togglebtn:before, .btn-cart:before, .btn-fav:before, .btn-share:before, .linklist li a:before, .groupbuy-countdown span:before, .ico:before, .ico-close:before, .itemlink:before, .searchinput button:after, .sort-asc .ui-btn-text:after, .sort-desc .ui-btn-text:after, .sort-none .ui-btn-text:after, .ui-btn:after, .number-minus:after, .number-plus:after, .pg-select:after, .addresslist li.selected:before, .msg:before, .btn-refresh:before, .prize-list p:before, .rebate-boxtitle a:before, .tree-toggle:after, .ft-tel a:before, .sku-discount p:before, .prd-props .ui-btn.ui-state-active:after, .tabbar3 .status:after { font-family: "iconfont"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.contentwrap:after, .loginform li:after, .partylogin ul:after, .formlist li:after, .accon:after, .prd-catlist:after, .itemlink:after, .prd-gridlist:after, .combolist:after, .addresslist li:after, .ui-panel ul:after, .prd-list li:after, .prd-list-grid:after { display: block; clear: both; content: ""; height: 0; }

.ui-icon { display: inline-block; position: relative; width: 30px; height: 30px; }

.ui-icon:after { position: absolute; content: ""; left: 0; top: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 24px; }

.ui-icon-filter:after { content: "\f0b0"; }

.ui-icon-cart:after { content: "\f07a"; }

.ui-icon-more:after { content: "\f141"; }

.ui-icon-service:after { content: "\f0e5"; }

.prd-props dd, .prd-btns .ui-btn, .btngroup, .btngroup .ui-btn, .setbuy-price, .groupbuy-price, .inputbtnrow input[type=text], .inputbtnrow > div, .menubar a, .tbviewlist li > *, .fitem-area .bd .selectbox, .row .col, .mc-info-list li { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }

.imgview .ui-slider-item, .prd-props dl, .prd-btns, .setbuy-info, .groupbuy-info, .inputbtnrow, .filterbar, .btngroup, .menubar, .tbviewlist li, .prd-info-originprice, .prd-info-stock, .fitem-area .bd, .row, .mc-info-list ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }

.row .span2 { display: block; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-box-flex: 2; box-flex: 2; }

.row { margin-left: -7px; }

.row .col { margin-left: 7px; }

.col .btn-action { width: 100%; }

/*badge*/
.badge-blue, .badge-green, .badge-orange, .badge-discount { position: absolute; top: 10px; left: 0; width: 41px; height: 41px; padding: 0 2px 2px 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; line-height: 41px; text-align: center; font-size: 14px; color: #fff; }

.badge-blue { background-image: url(../images/badge-blue.png); }

.badge-green { background-image: url(../images/badge-green.png); }

.badge-orange { background-image: url(../images/badge-orange.png); }

.badge-discount { background-image: url(../images/badge-discount.png); width: 40px; height: 32px; padding: 3px 0 0; font-size: 10px; line-height: 12px; }

.badge-discount em { font-size: 12px; display: block; }

.imgcon img { max-width: 100%; }

.bg-blue { background: #53b8ff; }

.bg-pink { background: #ff438e; }

.bg-purple { background: #948ff6; }

.bg-orange { background: #ffad64; }

.bg-green { background: #5cc6c3; }

.bg-lightgreen { background: #68cf60; }

/*form controls*/
input[type=text], input[type=password], input[type=number], input[type=email], textarea, select { font-size: 14px; border: 1px solid #eee; padding: 5px 10px; background-color: #fff; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: 0; }

input[type=text], input[type=password], input[type=number], input[type=email] { height: 36px; }

textarea { vertical-align: top; height: 65px; }

.selectbox { position: relative; }
.selectbox select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-right: 24px; height: 36px; }
.selectbox:after { content: "\f0d7"; position: absolute; right: 0; top: 50%; margin-top: -18px; font-size: 16px; width: 24px; text-align: center; line-height: 36px; height: 36px; color: #cdcdcd; pointer-events: none; }

.input-wrap { position: relative; overflow: hidden; }
.input-wrap input[type=text], .input-wrap input[type=password], .input-wrap input[type=number], .input-wrap input[type=email] { width: 100%; padding-right: 40px !important; }
.input-wrap .delete { display: none; position: absolute; top: 0; right: 0; width: 40px; height: 100%; }
.input-wrap .delete:before { font-family: "iconfont"; content: "\f00d"; font-size: 10px; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; line-height: 20px; margin: -10px 0 0 -10px; text-align: center; color: #fff; background: #dfdfdf; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.input-wrap .icon { position: absolute; top: 50%; margin-top: -20px; right: 0; width: 40px; height: 40px; text-align: center; font-size: 20px; line-height: 40px; font-family: "iconfont"; }

.upload-wrap { position: relative; overflow: hidden; }
.upload-wrap input[type=file] { position: absolute; left: 0; top: 0; font-size: 9999px; opacity: 0; }

.inline { display: inline-block; vertical-align: middle; margin-left: 10px; }

input[type=radio], input[type=checkbox] { position: relative; width: 20px; height: 20px; -webkit-appearance: none; vertical-align: middle; margin-right: 5px; outline: none; background: none; border: 0; }
input[type=radio]:before, input[type=checkbox]:before { content: ""; position: absolute; width: 20px; height: 20px; background: #fff; border: 1px solid #dfdfdf; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=radio]:after, input[type=checkbox]:after { display: none; content: ""; position: absolute; width: 9px; height: 4px; top: 6px; left: 4px; border: solid #fff; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
input[type=radio]:checked:before, input[type=checkbox]:checked:before { border: 0; background: #e60000; }
input[type=radio]:checked:after, input[type=checkbox]:checked:after { display: block; }
input[type=radio]:disabled:before, input[type=checkbox]:disabled:before { background: #eee; }

input[type=checkbox]:before { -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

/*button*/
button { width: auto; padding: 0 15px; height: 34px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; border: solid 1px #dfdfdf; font-size: 14px; color: #3c3c3c; }
button:disabled { color: #3c3c3c; background: #dfdfdf; }

.ui-btn, a.ui-btn { display: block; padding: 0 15px; height: 44px; border: 1px solid #e60000; background-color: #e60000; line-height: 44px; text-align: center; font-size: 16px; color: #fff; text-decoration: none; }
.ui-btn.disabled, a.ui-btn.disabled { background: #dfdfdf !important; border-color: #dfdfdf !important; color: #3c3c3c !important; }

a.btn-cart, a.btn-buy, .btnbar a.ui-btn, .mainbtnbar a.ui-btn { -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; }

a.btn-buy.ui-state-hover, .btnbar a.ui-btn.ui-state-hover, .mainbtnbar a.ui-btn.ui-state-hover { background-color: #b30000; }

a.btn-cart, .btnbar a.btn-cart, .mainbtnbar a.btn-cart { background: #fff !important; color: #e60000; }

.ui-btn.btn-grey { background: #fff !important; color: #000 !important; border-color: #dfdfdf !important; }
.ui-btn.btn-grey.ui-state-hover { background: #f7f7f7 !important; }
.ui-btn.btn-red { background: #e60000 !important; border: 0; }
.ui-btn.btn-red.ui-state-hover { background: #b30000 !important; }
.ui-btn.btn-green { background: #89c997 !important; border: 0; }
.ui-btn.btn-green.ui-state-hover { background: #66b978 !important; }
.ui-btn.btn-wechat { background: #44B549 !important; border: 0; }
.ui-btn.btn-orange { background: #ff6611 !important; border: 0; }
.ui-btn.btn-small { display: inline-block; height: 22px; line-height: 22px; padding: 0 10px; font-size: 12px; }

a.btn-action, a.btn-confirm, a.btn-comment { display: inline-block; vertical-align: middle; height: 28px; line-height: 28px; padding: 0 15px; text-align: center; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; }
a.btn-action.disabled, a.btn-confirm.disabled, a.btn-comment.disabled { background: #dfdfdf !important; border-color: #dfdfdf !important; color: #3c3c3c !important; }

a.btn-action { /*border: 1px solid #be090a;*/ background: #e60000; color: #fff; }

a.btn-confirm { /*border: 1px solid #f58f4b;*/ background: #feaf6f; }

a.btn-comment { border: 1px solid #dfdfdf; background: #f7f7f7; color: #3c3c3c; }

.btn-share:before { content: "\f045"; }

.mainbtnbar { text-align: center; margin: 20px 0; }
.mainbtnbar a { font-size: 14px; }
.mainbtnbar .ui-btn { margin: 0 10px 10px; font-size: 16px; }

/*tag*/
.ico-promote, .ico-promote-solid { display: inline-block; vertical-align: middle; height: 16px; text-align: center; border: 1px solid #e60000; line-height: 16px; color: #e60000 !important; font-size: 12px; padding: 0 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 5px; font-style: normal; }

.ico-promote-solid { height: 18px; border: 0; background: #e60000; color: #fff !important; line-height: 18px; padding: 0 3px; }

.promotetag { display: inline-block; vertical-align: middle; margin: 0 2px; padding: 0 3px; line-height: 17px; font-size: 11px; color: #fff; background-color: #f27f7f; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.tag { display: inline-block; color: #fff; background-color: #999; padding: 0 3px; }

.tag-red { background: #e60000; }

.tag-orange { background: #ff6611; }

.tag-yellow { background: #f5f000; }

.tag-green { background: #64cccc; }

.tag-blue { background: #5096f0; }

.tag-purple { background: #ca2ed4; }

.tag-grey { display: inline-block; height: 15px; line-height: 15px; padding: 0 5px; color: #a2a2a2; background-color: #f7f6f6; }

.itemlink { position: relative; display: block; line-height: 30px; font-size: 14px; padding-right: 30px !important; color: #3c3c3c; text-decoration: none; }
.itemlink:before { position: absolute; content: "\f054"; width: 13px; height: 16px; line-height: 16px; text-align: center; right: 6px; top: 50%; margin-top: -8px; color: #ccc; font-size: 13px; }
.itemlink .fr { color: #999; font-size: 11px; max-width: 160px; padding-left: 10px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.itemlink .c { white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.itemlink .ico { display: inline-block; color: #999; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right: 10px; vertical-align: -2px; }
.itemlink .ico:before { font-size: 22px; color: #999; }

.borderbox { margin-bottom: 10px; background-color: #fff; border-bottom: 1px solid #eee; }
.borderbox > a:not(.itemlink) { display: block; text-align: center; }
.borderbox p { padding: 2px 0; line-height: 18px; }
.borderbox:before, .borderbox:after { display: table; content: ""; clear: both; height: 0; }

.toptip > div { position: relative; line-height: 22px; padding: 10px 30px 10px 15px; font-size: 12px; background: #666; color: #fff; }
.toptip a { color: #fff; }
.toptip .link { display: inline-block; padding: 0 14px; line-height: 23px; text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.toptip .pic { float: left; width: 25px; height: 25px; margin-right: 5px; overflow: hidden; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.toptip .pic img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.toptip h3 { overflow: hidden; color: #7eb98b; line-height: 28px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.toptip h3 em { color: #fff; margin: 0 5px; }
.toptip p { margin-top: 4px; }
.toptip .r { float: right; }
.toptip.noclose > div { padding-right: 15px; }

.follow-toptip { position: absolute; width: 100%; z-index: 9; }
.follow-toptip > div { background: rgba(0, 0, 0, 0.85); overflow: hidden; padding: 7px 10px 7px 35px; }
.follow-toptip .ico-close { left: 0; right: auto; }

.ico-close { position: absolute; right: 0; top: 0; width: 32px; height: 43px; text-align: center; line-height: 43px; }
.ico-close:before { display: inline-block; text-align: center; font-size: 16px; content: "\f00d"; }

.ico-delete, .ico-share, .ico-top, .ico-upload, .ico-double-down, .ico-double-up, .ico-cancel, .ico-wxmoment, .ico-edit { position: relative; width: 32px; height: 32px; text-align: center; display: inline-block; vertical-align: middle; }
.ico-delete:before, .ico-share:before, .ico-top:before, .ico-upload:before, .ico-double-down:before, .ico-double-up:before, .ico-cancel:before, .ico-wxmoment:before, .ico-edit:before { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 24px; color: #999; }

.ico-delete:before { content: "\f1f8"; }

.ico-share:before { content: "\f045"; }

.ico-top:before { content: "\f0aa"; }

.ico-upload:before { content: "\f093"; }

.ico-double-up:before { content: "\f102"; }

.ico-double-down:before { content: "\f103"; }

.ico-cancel:before { content: "\f05c"; }

.ico-wxmoment:before { content: "\e601"; }

.ico-qq:before { content: "\f1d6"; }

.ico-edit:before { content: "\f044"; }

.ico-file:before { content: "\f15b"; }

.messageinfo { display: inline-block; padding: 0 5px; position: relative; border: 1px solid #ffdbb5; background: #fff5d5; line-height: 22px; font-size: 12px; color: #fe7725; }

.box-alert { border: 1px solid #e60000; }

/*forms*/
.radiolist { overflow: hidden; }
.radiolist label { padding: 7px 10px; display: block; }
.radiolist input[type=radio] { vertical-align: middle; }

.checklist li { position: relative; padding-left: 36px !important; }
.checklist input[type="checkbox"], .checklist input[type="radio"] { position: absolute; left: 8px; top: 50%; margin-top: -10px; }

.formlist { margin: 0 10px; padding-top: 8px; }
.formlist > li { margin-bottom: 8px; }
.formlist .hd { float: left; min-width: 70px; line-height: 28px; padding: 4px 5px 4px 0; font-size: 14px; }
.formlist .bd { margin-left: 80px; line-height: 36px; }
.formlist > li.item-vertical .hd { float: none; margin-left: 0; width: auto; }
.formlist > li.item-vertical .bd { margin: 0; width: 100%; }
.formlist.form-label-small .hd { min-width: 40px; }
.formlist.form-label-small .bd { margin-left: 45px; }
.formlist input[type=text], .formlist input[type=password], .formlist input[type=number], .formlist input[type=email] { width: 100%; }
.formlist textarea, .formlist .selectbox, .formlist select { width: 100%; }
.formlist .radiolist label { line-height: 1; }
.formlist .btn-action, .formlist .btn-comment { height: 36px; line-height: 36px; font-size: 14px; }
.formlist .btnbar { padding-left: 0; margin: 10px 0; padding: 0; text-align: center; }
.formlist .btnbar .ui-btn { margin: 0; }

.borderbox .formlist input[type=text], .borderbox .formlist input[type=password], .borderbox .formlist input[type=number], .borderbox .formlist input[type=email] { background: #f7f7f7; }

/*animation*/
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); } }
@keyframes rotate { 0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); } }
@-webkit-keyframes rotateReverse { 0% { -webkit-transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(-360deg); } }
@keyframes rotateReverse { 0% { transform: rotate(0deg); }
  50% { transform: rotate(-180deg); }
  100% { transform: rotate(-360deg); } }
@-webkit-keyframes halo { 0% { -webkit-transform: rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  50% { -webkit-transform: rotate(-180deg); }
  90% { opacity: 1; }
  100% { -webkit-transform: rotate(-360deg); opacity: 0; } }
/*@keyframes halo{ 0%{ transform: rotate(0deg);} 50%{ transform: rotate(-180deg);} 99%{ transform: rotate(-360deg);} 100%{ transform: rotate(-360deg); display: none;}
}*/
@-webkit-keyframes wobble { 0% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); } }
@keyframes wobble { 0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); } }
/*toolbar*/
.toolbar { visibility: hidden; }

.ui-toolbar { visibility: visible; height: 45px; }

.ui-toolbar-wrap { /* position: fixed; top: 0;  width: 100%; max-width: 640px;*/ position: relative; width: 100%; z-index: 99; height: 45px; background-color: #e60000; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; color: #fff; }
.ui-toolbar-wrap a { color: #fff; }

.ui-toolbar-left, .ui-toolbar-right { position: relative; min-width: 40px; }

.ui-toolbar-title { position: relative; text-align: center; line-height: 45px; font-size: 18px; overflow: hidden; font-weight: normal; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }

.ui-toolbar .ui-btn, .title-tab a { height: 45px; line-height: 45px; padding: 0 10px; border: 0; font-size: 14px; }

.ui-toolbar .ui-btn { background: none; margin: 0; }
.ui-toolbar .ui-btn.btn-buy { -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; background: #e60000; }

.title-tab { display: table; margin: auto; }
.title-tab li { display: table-cell; }
.title-tab li a { display: block; padding: 0; width: 84px; font-size: 16px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }
.title-tab li a.selected { position: relative; }

.ui-toolbar-left .ui-toolbar-button { position: relative; height: 45px; line-height: 45px; width: 40px; padding: 0; font-size: 16px; text-indent: -9999px; }
.ui-toolbar-left .ui-toolbar-button:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; font-size: 25px; content: "\f104"; text-indent: 0; }

.ui-toolbar-right { top: 0; margin-right: 5px; }
.ui-toolbar-right .ui-toolbar-button { width: 40px; height: 45px; line-height: 45px; text-align: center; position: relative; float: left; margin: 0; overflow: hidden; }
.ui-toolbar-right .ui-toolbar-button img { max-height: 100%; vertical-align: middle; }
.ui-toolbar-right .ui-toolbar-button.ui-btn { width: auto; }
.ui-toolbar-right .ui-guide-right { width: auto; }

.ui-toolbar-tutorial { line-height: 45px; color: #FFFFFF; }

.ui-guide-right { min-width: 40px; margin-right: 5px; line-height: 45px; color: #FFFFFF; }
.ui-guide-right a { color: #FFFFFF; }

.btn-backhome:after { position: absolute; right: 5px; top: 0; height: 32px; line-height: 32px; font-size: 22px; content: "\f015"; text-shadow: 0 -1px rgba(117, 148, 234, 0.4); text-indent: 0; }

.btn-backuser:after { position: absolute; right: 5px; top: 0; height: 32px; line-height: 32px; font-size: 22px; content: "\f015"; text-shadow: 0 -1px rgba(117, 148, 234, 0.4); text-indent: 0; content: "\f007"; }

.ui-toolbar .ui-btn.ui-state-hover, .title-tab a.selected { background: rgba(0, 0, 0, 0.2); }

.toolbar { color: #fff; }
.toolbar input[type=text] { line-height: 1; -webkit-appearance: none; height: 100%; width: 100%; padding: 0 10px; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; background: none; }
.toolbar .searchinput { margin-top: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.3); }
.toolbar .search { position: relative; margin: 8px 5px 0; height: 28px; line-height: 28px; }
.toolbar .search:before { position: absolute; content: ""; z-index: 0; width: 100%; left: -1px; bottom: -1px; height: 3px; border: 1px solid #fff; border-top: 0; }
.toolbar .search label { position: absolute; width: 100%; text-align: center; color: #fff; left: 0; font-size: 14px; }
.toolbar .search label:before { content: "\f002"; font-family: "iconfont"; font-size: 16px; margin-right: 4px; vertical-align: middle; }
.toolbar .search input { width: 100%; border: 0; padding: 0 35px 0 10px; height: 100%; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: center; line-height: 1; color: #fff; }
.toolbar .search button { display: none; position: absolute; right: 0; height: 100%; width: 30px; top: 0; background: none; border: 0; font-size: 0; color: #fff; }
.toolbar .search button:before { position: absolute; content: "\f002"; font-family: "iconfont"; font-size: 16px; left: 0; top: 0; line-height: 30px; width: 30px; }

.toolbardd { position: relative; }
.toolbardd:after { content: "\f0d7"; width: 17px; line-height: 45px; font-size: 13px; }

/*footer*/
.footwrap { margin-top: 7px; margin: auto; }

.footcon-wrap { padding: 8px; text-align: center; }

.ft-tel { margin-bottom: 10px; }
.ft-tel a { font-size: 18px; }
.ft-tel a:before { content: "\f098"; margin-right: 4px; }

.ft-sitetype, .ft-copyright { line-height: 17px; font-size: 11px; }

.powerby { clear: both; text-align: center; padding: 4px 7px; line-height: 22px; margin: 0 -7px -7px; }
.powerby a { display: inline-block; }

/*ui-dialog*/
.ui-dialog { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; background: #fff; }
.ui-dialog .ui-dialog-title { background-color: transparent; height: auto; line-height: 1.0; }
.ui-dialog .ui-dialog-title h3 { font-size: 14px; text-align: center; color: #3c3c3c; padding: 15px 0 13px; margin: 0 20px; /* border-bottom: 1px solid $color_grey_line;*/ }
.ui-dialog .ui-dialog-content { padding: 0 20px; font-size: 14px; }

.ui-dialog-content .formlist, .ui-dialog-content .loginform { margin: 10px 0; }

.ui-dialog-btns { display: block; margin: 0 15px; width: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.ui-dialog-btns .ui-btn { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; margin: 11px 6px; font-size: 16px; line-height: 35px; height: 35px; border: 1px solid #e60000; color: #e60000; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ui-dialog-btns .ui-btn:first-child { border-left: 1px solid #e60000; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ui-dialog-btns .ui-btn:last-child { border-right: 1px solid #e60000; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ui-dialog-btns .ui-btn-2 { background: #e60000 !important; color: #fff; }

/*ui-panel*/
.ui-panel li { width: 50%; }
.ui-panel li a { white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ui-panel a { color: #fff !important; }
.ui-panel .list-col1 li { width: 100%; }
.ui-panel .mainbtnbar { padding: 20px 0; }

/*filterbar*/
.filterbar { background: #fff; border-bottom: 2px solid #eee; margin-bottom: 7px; }

.btngroup .ui-btn { position: relative; display: block; margin: 0; padding: 0; border: 0; height: 42px; margin-left: -1px; text-align: center; line-height: 42px; background: #fff; color: #999; font-size: 14px; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }
.btngroup .ui-btn:after { content: ""; position: absolute; left: 0; top: 12px; height: 18px; width: 1px; background: #eee; }
.btngroup .ui-btn.selected { border-bottom: 2px solid #e60000; margin-bottom: -2px; color: #000; }

.sort-asc .ui-btn-text:after, .sort-desc .ui-btn-text:after, .sort-none .ui-btn-text:after { display: inline-block; content: "\f0de"; width: 10px; font-size: 10px; vertical-align: middle; }

.sort-desc .ui-btn-text:after { content: "\f0dd"; }

.sort-none .ui-btn-text:after { content: "\f0dc"; margin-left: 4px; }

/*searchbar*/
.searchbar { position: relative; margin: 7px; border: 1px solid #dfdfdf; background: #f7f7f7; height: 30px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.searchbar input { width: 100%; height: 100%; border: 0; padding-right: 38px; vertical-align: top; }
.searchbar button { position: absolute; right: 0; top: 0; width: 30px; height: 30px; text-indent: -9999px; background: none; border: 0; }
.searchbar button:after { position: absolute; left: 0; top: 0; font-family: "iconfont"; content: "\f002"; width: 100%; height: 100%; text-align: center; line-height: 30px; text-indent: 0; color: #999; }

/*
/!*imgview*!/
.imgview-mask{ position: absolute; z-index: 9998; background-color: #000; width: 100%; height: 100%; top: 0; left: 0; }

.imgview{ position: absolute; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; .ui-slider-group{ height: 100%; } .ui-slider-item{ display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; height: 100%; } .ui-slider-dots{ position: absolute; width: 100%; bottom: 10px; text-align: center; padding: 0; b{ background: #666; } .ui-state-active{ background: #fff; } }
}*/
/*tabbar*/
.tabbar, .tabbar2 { height: 44px; overflow: auto; }
.tabbar ul, .tabbar2 ul { display: table; min-width: 100%; }
.tabbar li, .tabbar2 li { display: table-cell; min-width: 80px; text-align: center; position: relative; }
.tabbar li a, .tabbar2 li a { display: block; height: 100%; color: #3c3c3c; }
.tabbar.fixed ul, .tabbar2.fixed ul { position: fixed; z-index: 99; top: 0; width: 100%; }

.tabbar ul { background: #fff; }
.tabbar li { height: 42px; line-height: 42px; border-bottom: 1px solid #f7f7f7; }
.tabbar li a { font-size: 14px; }
.tabbar li.selected { border-bottom: 2px solid #e60000; height: 41px; margin-bottom: -1px; }
.tabbar li.selected a { color: #3c3c3c; }

.tabcon { padding: 10px 0; display: none; }

.tabbar2 ul { background: #eee; border-bottom: 1px solid #dfdfdf; }
.tabbar2 li { height: 43px; line-height: 44px; border-left: 1px solid #dfdfdf; }
.tabbar2 li a { font-size: 16px; }
.tabbar2 li.selected { background: #ff6611; border-bottom: 0; padding-top: 1px; padding-bottom: 1px; margin-top: -1px; margin-bottom: -1px; }
.tabbar2 li.selected a { color: #fff; }
.tabbar2 li:first-child { border-left: 0; }

.tabbar3 { height: 44px; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; line-height: 44px; font-weight: bold; font-size: 14px; }
.tabbar3 .activityname { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; padding: 0 10px; }
.tabbar3 .post { width: 80px; text-align: center; }
.tabbar3 .status { width: 80px; text-align: center; padding-right: 10px; position: relative; }
.tabbar3 .status select { width: 100%; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 100%; border: 0; padding: 0 0 0 10px; color: #3c3c3c; font-weight: bold; }
.tabbar3 .status:after { content: "\f0d7"; position: absolute; right: 0; top: 50%; margin-top: -18px; font-size: 16px; width: 24px; text-align: center; line-height: 36px; height: 36px; color: #3c3c3c; pointer-events: none; }

/*edit-bar*/
.edit-bar { font-size: 0; float: right; margin-top: 3px; line-height: 20px; }
.edit-bar a { display: inline-block; vertical-align: top; border-left: 1px solid #eee; height: 20px; line-height: 20px; padding: 0 10px; font-size: 12px; }
.edit-bar a:first-child { border-left: 0; }
.edit-bar .ico, .edit-bar .ico:before { font-size: 18px; width: 20px; height: 20px; margin-right: 5px; line-height: 20px; vertical-align: top; }

/*intro-list*/
.intro-list { margin-left: 10px; }
.intro-list li { list-style: disc; color: #999; line-height: 24px; margin-bottom: 10px; }
.intro-list .c { color: #3c3c3c; }

/*stepbar*/
.stepbar { margin: 10px; font-size: 12px; }
.stepbar ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.stepbar li { position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; line-height: 24px; height: 24px; text-align: center; color: #fff; padding: 0 10px; margin-left: 8px; background: #999; }
.stepbar li span { display: block; overflow: hidden; white-space: nowrap; }
.stepbar li:before, .stepbar li:after { content: ""; position: absolute; top: 0; border-style: solid; border-width: 12px 0 12px 6px; }
.stepbar li:before { left: -6px; border-color: #999; border-left-color: transparent; }
.stepbar li:after { right: -6px; border-color: transparent; border-left-color: #999; }
.stepbar li:first-child { margin: 0; }
.stepbar li:first-child:before { display: none; }
.stepbar li:last-child:after { display: none; }
.stepbar li.active { background: #ff9696; }
.stepbar li.active:before { border-color: #ff9696; border-left-color: transparent; }
.stepbar li.active:after { border-left-color: #ff9696; }

/*actionsheet*/
.mask { position: fixed; z-index: 998; background: rgba(0, 0, 0, 0.8); opacity: 0; left: 0; top: 0; bottom: 0; right: 0; }

.actionsheet { position: absolute; z-index: 999; top: 100%; width: 100%; }
.actionsheet .wrap { margin: auto; }
.actionsheet ul { background: #fff; margin: 0 7px 7px; border: 1px solid #e4e4e4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.actionsheet li { display: block; line-height: 38px; height: 38px; border-top: 1px solid #e4e4e4; text-align: center; }
.actionsheet li a { color: #218eff; display: block; font-size: 14px; }
.actionsheet ul li:first-child { border-top: 0; }
.actionsheet .cancel { font-weight: bold; }

/*loadingBox*/
.loadingBox { position: fixed; opacity: 0; z-index: 9999; color: #fff; font-size: 14px; width: 200px; padding: 20px; text-align: center; top: 50%; left: 50%; margin: -50px 0 0 -110px; background: #000; -webkit-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.loadingBox:before { font-family: iconfont; content: "\f110"; font-size: 18px; margin-right: 10px; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
/*tipBox*/
.tipBoxWrap { position: fixed; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; }

.tipBox { position: fixed; opacity: 0; color: #fff; font-size: 14px; width: 200px; padding: 10px 20px; text-align: center; top: 60%; left: 50%; margin: -50px 0 0 -120px; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }

/*rate*/
.rateit { display: inline-block; height: 20px; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; }
.rateit .rateit-range, .rateit .rateit-hover, .rateit .rateit-selected, .rateit .rateit-preset { background-image: url(../images/star.png); height: 20px; -webkit-background-size: 20px 40px; background-size: 20px 40px; }
.rateit .rateit-range { position: relative; display: inline-block; }
.rateit .rateit-range * { display: block; }
.rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0px; }
.rateit .rateit-hover, .rateit .rateit-selected, .rateit .rateit-preset { background-position: 0 -20px; }

/*tbviewlist*/
.tbviewlist { background: #fff; }
.tbviewlist li { line-height: 30px; padding: 7px 10px; border-bottom: 1px solid #eee; font-size: 14px; }
.tbviewlist li:after { content: ""; display: table; clear: both; height: 0; visibility: hidden; }
.tbviewlist li .r { float: right; font-size: 12px; font-style: normal; }
.tbviewlist li > a { display: block; padding: 7px 10px; margin: -7px -10px; }
.tbviewlist li.list-title { background: #f7f7f7; }
.tbviewlist li.row-error { background: #fef3f4; }
.tbviewlist li.item { display: block; }
.tbviewlist .more { text-align: center; color: #999; }
.tbviewlist .more:after { font-family: "iconfont"; content: "\f105"; margin-left: 5px; }
.tbviewlist .hd { color: #a3a3a3; min-width: 75px; padding: 0 10px 0 5px; font-size: 12px; -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; box-flex: 0; }
.tbviewlist .hd .required { font-size: 18px; position: absolute; margin-left: -10px; line-height: 36px; }
.tbviewlist .bd { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; font-size: 14px; padding: 7px 0; margin: -7px 0; }
.tbviewlist .strong { font-weight: bold; }
.tbviewlist input[type=text], .tbviewlist input[type=number] { height: 30px; }
.tbviewlist input[type=text], .tbviewlist input[type=number], .tbviewlist textarea { border: 0; width: 100%; margin: -7px -10px; padding: 7px 10px; vertical-align: top; line-height: 30px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-size: 14px; background: none; }
.tbviewlist .selectbox { margin: -7px -10px; }
.tbviewlist .selectbox select { border: 0; height: 44px; }
.tbviewlist .row { margin: -7px -10px; padding: 7px 0; }
.tbviewlist .row .col { width: 100%; padding: 7px 10px; margin: -7px 0; }
.tbviewlist .row .col-center { width: 44px; text-align: center; }
.tbviewlist .input-wrap { padding-right: 40px; margin-right: -10px; }
.tbviewlist .radiolist { margin: -7px -10px; }
.tbviewlist .radiolist li { padding: 0; border: 0; }
.tbviewlist .itemlink { padding: 7px 10px; margin: -7px -10px; }
.tbviewlist .formlist { margin: 0; }
.tbviewlist .formlist > li { padding: 0; }
.tbviewlist .formlist > li input, .tbviewlist .formlist > li select, .tbviewlist .formlist > li textarea { border: 0; }
.tbviewlist .formlist > li .itemlink { margin: 0; }
.tbviewlist .formlist > li .inputbtnrow { margin: 0; width: 100%; }
.tbviewlist .formlist > li .inputbtnrow .btn-comment { line-height: 32px; border-width: 0 0 0 1px; }
.tbviewlist .formlist > li > a { display: block; padding: 0 8px; }
.tbviewlist .fitem-area .bd .selectbox { margin-left: 0; }
.tbviewlist .bd-list { padding: 8px 0; }
.tbviewlist .bd-list label { width: 100%; display: block; }

.tbviewlist-dz .hd { min-width: 65px; color: #000000; }
.tbviewlist-dz .hd .required { margin-left: -8px; }
.tbviewlist-dz .bd { color: #666666; font-size: 12px; }
.tbviewlist-dz .bd input { color: #666666; font-size: 12px; }
.tbviewlist-dz .bd input::-webkit-input-placeholder { color: #666666; }
.tbviewlist-dz .bd input:-moz-placeholder { color: #666666; }
.tbviewlist-dz .bd input:-ms-input-placeholder { color: #666666; }
.tbviewlist-dz .bd .selectbox select { color: #666666; font-size: 12px; }

.multi-select { overflow: hidden; }
.multi-select li { float: left; margin-right: 15px; padding: 0; border-bottom: none; }

.list-noborder { margin: 0; }
.list-noborder li { border: 0; }

.tbviewlist2 .hd { padding: 0; min-width: 65px; }

/*review-star*/
.review-star { display: inline-block; width: 75px; height: 15px; vertical-align: middle; background: url(../images/rate-point.png) repeat-x 0 -15px; line-height: 1; -webkit-background-size: 15px auto; background-size: 15px auto; text-align: left; }
.review-star b { display: inline-block; height: 15px; background: url(../images/rate-point.png) repeat-x 0 0; -webkit-background-size: 15px auto; background-size: 15px auto; }

.review-star-1 b { width: 20%; }

.review-star-2 b { width: 40%; }

.review-star-3 b { width: 60%; }

.review-star-4 b { width: 80%; }

.review-star-5 b { width: 100%; }

/*/!*follow bar*!/
.follow-bar{ height: 30px; background: #eee; display: table; width: 100%; .l{ display: table-cell; padding: 5px 7px; vertical-align: middle; } .r{ display: table-cell; padding: 5px 7px; vertical-align: middle; text-align: right; white-space: nowrap; }
}
.follow-bar-bottom{ height: 60px; .wrap{ position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; background: rgba(0, 0, 0, .8);} .l{ float: left; width: 40px; height: 40px; padding:10px 7px; img{ width: 100%; height: 100%;} } .r{ float: right; padding: 7px; line-height: 46px;} .c{ padding-top: 10px; color: #fff; overflow: hidden; strong,p{ width: 100%;  @include overflow-ellipsis;} strong{ display: block;} p{ margin-top: 4px;} }
}*/
/*datatb*/
.datatb { width: 100%; border-collapse: collapse; table-layout: fixed; margin-bottom: 8px; border: 1px solid #dfdfdf; background: #fff; }
.datatb caption { text-align: left; color: #999; font-size: 14px; line-height: 22px; margin-bottom: 5px; }
.datatb th { padding: 0 10px; height: 38px; border-bottom: 1px solid #dfdfdf; background: #fbfbfb; text-align: center; }
.datatb td { text-align: center; padding: 10px; line-height: 22px; border: 1px solid #dfdfdf; border-width: 1px 0; -ms-word-break: break-all; word-break: break-all; word-wrap: break-word; }
.datatb th.tal, .datatb td.tal { text-align: left; }
.datatb th.tar, .datatb td.tar { text-align: right; }
.datatb th.bdn, .datatb td.bdn { border-left: 0; border-right: 0; }

/*count down*/
.count-down { display: inline-block; height: 20px; white-space: nowrap; line-height: 20px; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 12px; }
.count-down .t { position: relative; float: left; text-align: center; padding: 0 3px 0 5px; color: #fff; background: #ff6611; }
.count-down .t:before { position: absolute; content: ""; right: -3px; top: 0; width: 0; height: 0; border: 10px solid #ff6611; border-left: 0; border-right: 3px solid transparent; }
.count-down .c { display: block; margin-left: 55px; text-align: center; padding: 0 5px; }
.count-down .c em { margin: 0 2px; }
.count-down .c i { font-style: normal; margin: 0 2px; }

/*switch-btn*/
.switch-btn-input { position: absolute; left: -9999px; visibility: hidden; display: none; }
.switch-btn-input:checked + .switch-btn { background: #e60000; }
.switch-btn-input:checked + .switch-btn:before { -webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px); }

.switch-btn { display: block; position: relative; width: 50px; height: 20px; padding: 2px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; background: #999; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.switch-btn:before { content: ""; display: block; width: 25px; height: 20px; background: #fff; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }

/*wx recommended*/
.mask-recommerder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
.mask-recommerder img { position: fixed; right: 18px; top: 5px; width: 260px !important; height: 180px !important; z-index: 20001; }

/*loadingMsg*/
.loadingMsg { text-align: center; font-size: 12px; line-height: 25px; padding: 10px 0; }
.loadingMsg:before { content: ""; display: block; width: 51px; height: 51px; margin: auto; background: url("../images/spinner.png") no-repeat center; -webkit-background-size: cover; background-size: cover; -webkit-animation: rotate linear 3s infinite; animation: rotate linear 3s infinite; }

.ui-refresh-down { padding: 10px 0; }

.ui-loading { display: inline-block; width: 25px; height: 25px; vertical-align: middle; margin-right: 5px; background: url("../images/spinner.png") no-repeat center; -webkit-background-size: cover; background-size: cover; -webkit-animation: rotate linear 3s infinite; animation: rotate linear 3s infinite; }

/*ui-dropmenu*/
.ui-dropmenu { -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }

.ui-dropmenu-items > li.ui-state-hover > a, .ui-dropmenu-items > li.ui-state-active > a { background: #999; }

/*header-dropmenu*/
.header-dropmenu { display: none; position: absolute; z-index: 99; top: 48px; right: 5px; width: 115px; background: rgba(34, 41, 44, 0.9); -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transform-origin: 90% 0; -moz-transform-origin: 90% 0; -ms-transform-origin: 90% 0; -o-transform-origin: 90% 0; transform-origin: 90% 0; }
.header-dropmenu li { position: relative; line-height: 41px; font-size: 14px; border-top: 1px solid #191b1c; }
.header-dropmenu li a { display: block; color: #fff; }
.header-dropmenu li span { display: block; padding-left: 52px; }
.header-dropmenu li:first-child { border: 0; }
.header-dropmenu .ico { position: absolute; color: #fff; width: 41px; height: 41px; line-height: 41px; left: 7px; top: 0; text-align: center; font-size: 24px; }

/*audioPlayer*/
.audioPlayer { height: 40px; text-align: center; background: #3c3c3c; }
.audioPlayer .btn { height: 40px; line-height: 40px; cursor: pointer; }
.audioPlayer .btn:before { content: ""; display: inline-block; vertical-align: -6px; border: solid transparent; border-width: 10px 0 10px 15px; border-left-color: #fff; }
.audioPlayer .btn.pause:before { width: 8px; height: 20px; border-width: 0 3px; border-color: transparent #fff; }

/*wx share*/
.wx-share-layer { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
.wx-share-layer section { margin: 0 20px; padding: 18px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #fff; font-size: 14px; line-height: 36px; }
.wx-share-layer h3 { float: left; width: 90px; text-align: center; }
.wx-share-layer .con { margin-left: 100px; width: 150px; text-align: center; }

.wx-share-layer-wrap { width: 320px; margin: auto; }

.shareico { display: inline-block; width: 25px; height: 25px; margin: 0 9px; vertical-align: middle; background: url("../images/share-sprites.png") no-repeat; -webkit-background-size: 25px auto; background-size: 25px auto; }

.shareico-more { background-position: 0 0; }

.shareico-share { background-position: 0 -25px; }

.shareico-friendscircle { background-position: 0 -50px; margin: 0 2px; }

/*promotion-balloon*/
/*
.promotion-balloon{ position: absolute; right: 5px; top: 87px; z-index: 99; .balloon,.cloud{ position: absolute; background: url("../images/promotion-balloon.png") no-repeat; @include background-size(85px auto);} .balloon{ width: 55px; height: 70px; right: 18px; top: 0; @include animation(wobble 3s infinite);} .cloud{ width: 85px; height: 50px; right: 0; top: 10px; background-position: 0 -70px;}
}*/
/*sharetip*/
.shareTip { position: absolute; z-index: 9999; top: 5px; right: 5px; width: 130px; height: 110px; background: url("../images/shareTip.png") no-repeat; -webkit-background-size: 130px auto; background-size: 130px auto; }
.shareTip:after { position: absolute; content: ""; left: 13px; bottom: 12px; width: 16px; height: 18px; background: url("../images/flame.gif") no-repeat; -webkit-background-size: 16px auto; background-size: 16px auto; }

/*poptip*/
.poptip { position: absolute; padding: 5px 12px; color: #fff; line-height: 18px; font-size: 12px; background: #f08282; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.poptip:before { position: absolute; content: ""; left: 13px; bottom: -4px; border: solid transparent; border-width: 4px 4px 0 4px; border-top-color: #f08282; }

.order-promp { overflow: hidden; padding: 7px 10px; }
.order-promp .grey { padding: 10px 0 0; }

/*fullscreen-slider*/
.fullscreen-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; overflow: hidden; z-index: 1000; opacity: 0; color: #fff; font-size: 16px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.fullscreen-slider.show { opacity: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.fullscreen-slider .close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; z-index: 999; }
.fullscreen-slider .close:before { font-family: "iconfont"; content: "\f00d"; font-size: 20px; }

/*hotsale-list*/
.hotsale-list { padding: 0.4rem 0 0.4rem 0.5rem; overflow: hidden; }
.hotsale-list li { position: relative; float: left; margin-right: 0.5rem; width: 4.6rem; height: 4.6rem; }
.hotsale-list li .pic { position: relative; width: 100%; height: 100%; }
.hotsale-list li .pic img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; }
.hotsale-list li .price { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; padding: 0 8px; height: 18px; line-height: 18px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; }
.hotsale-list li:last-child { margin-right: 0; }

/*loading*/
.loadingWrap { position: fixed; width: 100%; top: 46%; z-index: 999; }

.loader, .loader:after { border-radius: 50%; width: 40px; height: 40px; }

.loader { margin: auto; font-size: 14px; border: 3px solid rgba(255, 255, 255, 0.2); border-left-color: #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }

.loadingText { margin-top: 10px; text-align: center; color: #fff; }

@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/*editor style*/
.ueditor-table { margin-bottom: 10px; border-collapse: collapse; display: table; }
.ueditor-table td, .ueditor-table th { padding: 5px 10px; border: 1px solid #DDD; }
.ueditor-table caption { border: 1px dashed #DDD; border-bottom: 0; padding: 3px; text-align: center; }
.ueditor-table th { border-top: 2px solid #BBB; background: #F7F7F7; }

.ue-table-interlace-color-single { background-color: #fcfcfc; }

.ue-table-interlace-color-double { background-color: #f7faff; }

.pagebreak { display: block; clear: both !important; cursor: default !important; width: 100% !important; margin: 0; }

pre { margin: .5em 0; padding: .4em .6em; border-radius: 8px; background: #f8f8f8; }

.islider-outer { display: block; list-style: none; margin: 0; padding: 0; height: 100%; overflow: hidden; }
.islider-outer > li { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; box-pack: center; -webkit-box-align: center; box-align: center; }

.islider-img > img { max-width: 100%; max-height: 100%; }

.islider-btn-outer { position: absolute; width: 3em; height: 3em; cursor: pointer; top: 0; bottom: 0; margin: auto 0; display: block; background-color: #777777; }
.islider-btn-outer.left { left: 5%; }
.islider-btn-outer.right { right: 5%; }

.islider-btn-inner { position: absolute; width: 50%; height: 50%; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.islider-btn-outer.left > .islider-btn-inner { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.islider-btn-outer.right > .islider-btn-inner { -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.islider-dot-wrap { width: 80%; height: 20px; margin: 0 auto; position: absolute; padding: 0; left: 0; right: 0; bottom: 0; z-index: 50; text-align: center; }

.islider-dot { position: relative; display: inline-block; width: 6px; height: 6px; background-color: #e3e3e3; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; list-style-type: none; margin: 3px; }
.islider-dot.active { background-color: rgba(144, 144, 144, 0.8); }

.islider-loader { display: none; font-size: 5px; margin: auto; width: 1em; height: 1em; border-radius: 50%; text-indent: -9999em; position: absolute; top: 50%; left: 0; right: 0; -webkit-animation: isliderload 1.0s infinite linear; animation: isliderload 1.0s infinite linear; }

@-webkit-keyframes isliderload { 0%, 100% { box-shadow: 0 -3em 0 0.2em #ffffff, 2em -2em 0 0 #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 0 #ffffff; }
  12.5% { box-shadow: 0 -3em 0 0 #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0 0 0 #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; }
  25% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 0 #ffffff, 3em 0 0 0.2em #ffffff, 2em 2em 0 0 #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; }
  37.5% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 0 #ffffff, 2em 2em 0 0.2em #ffffff, 0 3em 0 0 #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; }
  50% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 0 #ffffff, 0 3em 0 0.2em #ffffff, -2em 2em 0 0 #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; }
  62.5% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 0 #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0 0 0 #ffffff, -2em -2em 0 -0.5em #ffffff; }
  75% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 0 #ffffff, -3em 0 0 0.2em #ffffff, -2em -2em 0 0 #ffffff; }
  87.5% { box-shadow: 0 -3em 0 0 #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 0 #ffffff, -3em 0 0 0 #ffffff, -2em -2em 0 0.2em #ffffff; } }
@keyframes isliderload { 0%, 100% { box-shadow: 0 -3em 0 0.2em #ffffff, 2em -2em 0 0 #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 0 #ffffff; }
  12.5% { box-shadow: 0 -3em 0 0 #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0 0 0 #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; }
  25% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 0 #ffffff, 3em 0 0 0.2em #ffffff, 2em 2em 0 0 #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; }
  37.5% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 0 #ffffff, 2em 2em 0 0.2em #ffffff, 0 3em 0 0 #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; }
  50% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 0 #ffffff, 0 3em 0 0.2em #ffffff, -2em 2em 0 0 #ffffff, -3em 0 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; }
  62.5% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 0 #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0 0 0 #ffffff, -2em -2em 0 -0.5em #ffffff; }
  75% { box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 0 #ffffff, -3em 0 0 0.2em #ffffff, -2em -2em 0 0 #ffffff; }
  87.5% { box-shadow: 0 -3em 0 0 #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0 3em 0 -0.5em #ffffff, -2em 2em 0 0 #ffffff, -3em 0 0 0 #ffffff, -2em -2em 0 0.2em #ffffff; } }
.guide { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 1000; }

.setp1, .setp2, .setp3, .setp4, .setp5 { position: absolute; z-index: 1010; }

.shop-cms1, .customer-cms1 { width: 14.5rem; top: 100px; left: 0.75rem; }
.shop-cms1 .hd, .customer-cms1 .hd { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; }
.shop-cms1 .hd img, .customer-cms1 .hd img { width: 100%; margin: 20px auto; display: block; }
.shop-cms1 .hd h2, .customer-cms1 .hd h2 { line-height: 50px; text-align: center; border-bottom: 1px solid #eeeeee; color: #3c3c3c; font-size: 18px; }
.shop-cms1 .hd p, .customer-cms1 .hd p { padding: 12px 0 30px 0; font-size: 14px; line-height: 24px; color: #646464; }

.shop-cms2 { width: 15.2rem; top: 100px; left: 0.4rem; }
.shop-cms2 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0.675rem 1rem 170px; background: url(../images/shop2_icon.png) no-repeat; background-size: 160px auto; color: #FFFFFF; }
.shop-cms2 .hd h2 { font-size: 16px; line-height: 24px; padding: 12px 0; }
.shop-cms2 .hd p { line-height: 20px; font-size: 14px; text-align: justify; }

.shop-cms3 { width: 15.2rem; top: 176px; left: 0.4rem; }
.shop-cms3 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0.675rem 1rem 170px; background: url(../images/shop3_icon.png) no-repeat; background-size: 160px auto; color: #FFFFFF; }
.shop-cms3 .hd h2 { font-size: 16px; line-height: 24px; padding-bottom: 12px; }
.shop-cms3 .hd p { line-height: 20px; font-size: 14px; text-align: justify; }

.customer-cms2 { width: 15.2rem; top: 150px; left: 0.4rem; }
.customer-cms2 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 120px 0 1rem 0; background: url(../images/customer2_icon.png) top left no-repeat; background-size: 140px auto; color: #FFFFFF; }
.customer-cms2 .hd h2 { font-size: 16px; line-height: 24px; margin-top: -20px; padding: 0 0 0.3rem 2rem; }
.customer-cms2 .hd p { line-height: 20px; font-size: 14px; text-align: justify; padding-left: 2rem; }

.customer-cms3 { width: 15.2rem; top: 176px; left: 0.4rem; }
.customer-cms3 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0.675rem 1rem 130px; background: url(../images/customer3_icon.png) left 40px no-repeat; background-size: 120px auto; color: #FFFFFF; }
.customer-cms3 .hd h2 { font-size: 16px; line-height: 24px; padding-bottom: 12px; }
.customer-cms3 .hd p { line-height: 20px; font-size: 14px; text-align: justify; }

.customer-cms4 { width: 15.2rem; top: 45px; left: 0.4rem; }
.customer-cms4 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3.3rem 0 1rem 0; background: url(../images/customer4_icon.png) top right no-repeat; background-size: 8.825rem auto; color: #FFFFFF; }
.customer-cms4 .hd h2 { font-size: 16px; line-height: 24px; text-align: center; }

.customer-cms5 { width: 15.2rem; top: 2px; left: 0.4rem; }
.customer-cms5 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 110px 6.6rem 1rem 1rem; background: url(../images/customer5_icon.png) top right no-repeat; background-size: 110px auto; color: #FFFFFF; }
.customer-cms5 .hd h2 { font-size: 16px; line-height: 24px; }

.promote-cms1 { width: 14.5rem; top: 45px; left: 0.75rem; }
.promote-cms1 .hd { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; }
.promote-cms1 .hd img { width: 90%; margin: 20px auto; display: block; }

.promote-cms3 { width: 14.5rem; top: 55px; left: 0.75rem; }
.promote-cms3 .hd { width: 100%; overflow: hidden; color: #FFFFFF; }
.promote-cms3 .hd h2 { font-size: 18px; line-height: 24px; border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; }
.promote-cms3 .hd dl { width: 100%; padding-bottom: 10px; }
.promote-cms3 .hd dl dt { font-size: 16px; padding: 10px 0; }
.promote-cms3 .hd dl dt span { display: inline-block; width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background: #e60000; font-size: 12px; margin-right: 3px; }
.promote-cms3 .hd dl dd { line-height: 20px; font-size: 14px; }

.graphic-cms3 { width: 100%; top: 110px; left: 0; }
.graphic-cms3 .hd { width: 100%; padding: 8.8rem 0 10px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/graphic2_icon.png) top center no-repeat; background-size: 100% auto; color: #FFFFFF; }
.graphic-cms3 .hd h2 { font-size: 18px; line-height: 24px; padding-bottom: 5px; }
.graphic-cms3 .graphic-btm { width: 90%; margin: auto; }

.graphic-cms4 { width: 14.5rem; top: 8px; left: 0.75rem; }
.graphic-cms4 .hd { width: 100%; padding-top: 80px; background: url(../images/graphic3_icon.png) top right no-repeat; background-size: 85px auto; color: #FFFFFF; }
.graphic-cms4 .hd p { font-size: 16px; padding-top: 10px; }
.graphic-cms4 .hd p span { display: inline-block; width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background: #e60000; font-size: 12px; margin-right: 3px; }
.graphic-cms4 .hd em { padding: 0 0 5px 19px; display: block; }
.graphic-cms4 .hd img { width: 90%; margin: auto; display: block; }

.scenter-cms2 { width: 100%; top: 260px; left: 0; }
.scenter-cms2 .hd { width: 100%; padding: 0 0 43px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/sellercenter2_icon.png) 35px 12px no-repeat; background-size: 146px auto; color: #FFFFFF; }
.scenter-cms2 .hd p { font-size: 16px; padding-top: 10px; }
.scenter-cms2 .hd p span { display: inline-block; width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background: #e60000; font-size: 12px; margin-right: 3px; }
.scenter-cms2 .hd em { display: block; font-size: 14px; }
.scenter-cms2 .bd { width: 100%; overflow: hidden; }
.scenter-cms2 .bd li { width: 100%; padding-left: 15px; position: relative; box-sizing: border-box; line-height: 44px; background: #FFFFFF; height: 44px; font-size: 14px; }
.scenter-cms2 .bd li > a { display: block; }
.scenter-cms2 .bd li:after { position: absolute; content: "\f054"; width: 13px; height: 16px; line-height: 16px; text-align: center; right: 12px; top: 50%; margin-top: -8px; color: #ccc; font-size: 13px; font-family: "iconfont"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.scenter-cms2 .bd .ico { display: inline-block; vertical-align: middle; margin: 0 10px 0 -10px; width: 40px; height: 40px; background: url("../images/sellerico-sprites.png") no-repeat; background-repeat: no-repeat; -webkit-background-size: 40px auto; background-size: 40px auto; }
.scenter-cms2 .bd .icon-decoration { background-position: 0 -280px; }

.setup-cms1 { width: 15rem; top: 170px; left: 0.5rem; }
.setup-cms1 .hd { width: 100%; padding: 0 0 214px 0; background: url(../images/setup1_icon.png) left bottom no-repeat; background-size: 275px auto; }
.setup-cms1 .hd img { width: 90%; margin: 20px auto; display: block; }

.setup-cms2 { width: 100%; top: 0; left: 0; }
.setup-cms2 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 10px; background: rgba(0, 0, 0, 0.7); overflow: hidden; }

.goodsmg-cms1 { width: 14.5rem; top: 45px; left: 0.75rem; }
.goodsmg-cms1 .hd { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; }
.goodsmg-cms1 .hd h2 { line-height: 50px; text-align: center; border-bottom: 1px solid #eeeeee; color: #3c3c3c; font-size: 18px; }
.goodsmg-cms1 .hd p { padding: 12px 0 20px 0; font-size: 14px; line-height: 24px; color: #646464; }

.goodsmg-cms2 { width: 14.5rem; top: 55px; left: 0.75rem; }
.goodsmg-cms2 .hd { width: 100%; overflow: hidden; color: #FFFFFF; }
.goodsmg-cms2 .hd h2 { font-size: 18px; line-height: 24px; border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; }
.goodsmg-cms2 .hd dl { width: 100%; padding-bottom: 10px; }
.goodsmg-cms2 .hd dl dt { font-size: 16px; padding: 10px 0; }
.goodsmg-cms2 .hd dl dt span { display: inline-block; width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background: #e60000; font-size: 12px; margin-right: 3px; }
.goodsmg-cms2 .hd dl dd { line-height: 20px; font-size: 14px; }

.goodsmg-cms3 { width: 15rem; top: 2px; left: 0.5rem; }
.goodsmg-cms3 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 120px; background: url(../images/goodsmg3_icon.png) top right no-repeat; background-size: 100px auto; color: #FFFFFF; }
.goodsmg-cms3 .hd h2 { font-size: 18px; line-height: 24px; border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; }
.goodsmg-cms3 .hd dl { width: 100%; padding-bottom: 10px; }
.goodsmg-cms3 .hd dl dt { font-size: 16px; padding: 10px 0; }
.goodsmg-cms3 .hd dl dt span { display: inline-block; width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background: #e60000; font-size: 12px; margin-right: 3px; }
.goodsmg-cms3 .hd dl dd { line-height: 20px; font-size: 14px; }

.classification-cms1 { width: 15rem; top: 45px; left: 0.5rem; }
.classification-cms1 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 70px 0 20px 20px; background: url(../images/classification1_icon.png) top right no-repeat; background-size: 150px auto; color: #FFFFFF; font-size: 14px; }
.classification-cms1 .hd h2 { font-size: 18px; line-height: 24px; padding-bottom: 10px; }
.classification-cms1 .hd p { padding-left: 10px; height: 24px; line-height: 24px; position: relative; }
.classification-cms1 .hd p:after { width: 6px; height: 6px; content: ""; background: #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; left: 0; top: 9px; }

.classification-cms2 { width: 15rem; top: 94px; left: 0.3rem; }
.classification-cms2 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 125px 0 20px 48px; background: url(../images/classification2_icon.png) top left no-repeat; background-size: 150px auto; color: #FFFFFF; font-size: 14px; }
.classification-cms2 .hd h2 { font-size: 18px; line-height: 24px; padding-bottom: 10px; }

.distribution-cms1 { width: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.distribution-cms1 .hd { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8.2rem 0 20px 60px; background: url(../images/distribution1_icon.png) center 46px no-repeat; background-size: 100% auto; color: #FFFFFF; font-size: 14px; }
.distribution-cms1 .hd h2 { font-size: 18px; line-height: 24px; padding-bottom: 10px; }
.distribution-cms1 .hd p { padding-left: 10px; height: 24px; line-height: 24px; position: relative; }
.distribution-cms1 .hd p:after { width: 6px; height: 6px; content: ""; background: #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; left: 0; top: 9px; }
.distribution-cms1 .refers { width: 17px; height: 50%; position: absolute; right: 40px; bottom: 56px; }
.distribution-cms1 .refers p { width: 17px; height: 17px; background: rgba(255, 255, 255, 0.6); -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px; }
.distribution-cms1 .refers span { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.distribution-cms1 .refers:after { content: ""; border-left: 1px solid #ffffff; position: absolute; left: 8px; top: 13px; bottom: 0; }
.distribution-cms1 .db_btn { width: 100px; height: 56px; line-height: 56px; font-size: 14px; text-align: center; position: absolute; right: 0; bottom: 0; background: #e60000; color: #FFFFFF; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }

.distribution-cms2 { width: 14.5rem; top: 45px; left: 0.75rem; }
.distribution-cms2 .hd { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; }
.distribution-cms2 .hd img { width: 90%; margin: 20px auto; display: block; }
.distribution-cms2 .lookagain { width: 100%; height: 44px; line-height: 44px; text-align: center; color: #FFFFFF; font-size: 16px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-background-clip: padding-box; background-clip: padding-box; background: #e60000; }
.distribution-cms2 .lookagain a { color: #FFFFFF; }

.continue-to { width: 100%; height: 44px; line-height: 44px; text-align: center; color: #FFFFFF; font-size: 16px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-background-clip: padding-box; background-clip: padding-box; background: #e60000; }

.continue-round { -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.setup-now { width: 100%; height: 44px; line-height: 44px; text-align: center; color: #FFFFFF; font-size: 16px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; background: #e60000; margin-bottom: 10px; }
.setup-now a { color: #FFFFFF; }

.iknow2 { width: 100%; height: 44px; line-height: 44px; text-align: center; color: #FFFFFF; font-size: 16px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; background: #e60000; }
.iknow2 a { color: #FFFFFF; }

a.iknow { float: right; font-size: 16px; margin-top: 15px; color: #ffffff; padding: 0 12px; }

.guide-foot { width: 100%; height: 40px; }
.guide-foot .guide-foot-btn { position: fixed; color: #FFF; z-index: 99; height: 40px; width: 100%; text-align: center; line-height: 40px; max-width: 640px; bottom: 0; background: #e60000; font-size: 14px; }
.guide-foot .guide-foot-btn a { display: block; color: #FFF; }

/*login*/
.user-defined-msg { margin: 10px 22px; color: #3c3c3c; line-height: 22px; text-align: justify; }

.loginform { margin: 10px 15px; }
.loginform h3 { font-size: 14px; margin-bottom: 5px; padding-left: 2px; }
.loginform li { padding: 5px 0; }
.loginform input[type=text], .loginform input[type=password] { width: 100%; height: 43px; padding: 7px 10px; }
.loginform select { height: 43px; }
.loginform .row-input-short { padding-right: 110px; position: relative; }
.loginform .row-input-short .r { position: absolute; right: 0; width: 100px; height: 43px; top: 5px; }
.loginform .row-input-short .btn-action, .loginform .row-input-short .btn-comment, .loginform .row-input-short button { width: 100%; height: 43px; line-height: 43px; padding: 0; }
.loginform .row-input-short .vcode img { width: 100%; height: 100%; }
.loginform .btn-comment { color: #e60000; border: 1px solid #e60000; background: #fff; }
.loginform .btnbar { margin-top: 10px; padding-bottom: 0; text-align: left; }
.loginform .btnbar .ui-btn { width: 100%; margin: 0 0 10px; }
.loginform .btnbar p { line-height: 35px; text-align: center; margin-top: 10px; font-size: 14px; }
.loginform .btnbar.btnbar-horizon { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.loginform .btnbar.btnbar-horizon .ui-btn { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; margin-left: 10px; }
.loginform .btnbar.btnbar-horizon .ui-btn:first-child { margin-left: 0; }
.loginform .login-input-user input, .loginform .login-input-psw input { padding-left: 40px; }
.loginform .login-input-user:before, .loginform .login-input-psw:before { position: absolute; font-family: "iconfont"; height: 43px; line-height: 43px; color: #999; text-align: center; width: 40px; font-size: 20px; pointer-events: none; }
.loginform .login-input-user:before { content: "\f10b"; }
.loginform .login-input-psw:before { content: "\f13e"; }

.partylogin { margin: 30px 7px 10px; }
.partylogin h3 { position: relative; margin: auto; width: 140px; font-size: 12px; color: #999; line-height: 45px; text-align: center; }
.partylogin h3:before, .partylogin h3:after { content: ""; position: absolute; height: 1px; background: #dfdfdf; margin-top: 22px; }
.partylogin h3:before { left: -79px; right: 142px; }
.partylogin h3:after { right: -79px; left: 142px; }
.partylogin ul { display: table; width: 100%; }
.partylogin li { display: table-cell; }
.partylogin li a { display: block; text-align: center; margin: auto; }
.partylogin li a .ico { display: block; width: 50px; height: 50px; margin: auto; background: url("../images/login-icons.png") no-repeat; -webkit-background-size: auto 50px; background-size: auto 50px; }
.partylogin li a .ico:before { content: ""; }
.partylogin li a .ico-taobao { background-position: 0 0; }
.partylogin li a .ico-qq { background-position: -50px 0; }
.partylogin li a .ico-sina { background-position: -100px 0; }
.partylogin li a .ico-wechat { background-position: -150px 0; }
.partylogin li a .ico-alipay { background-position: -200px 0; }
.partylogin li a p { line-height: 22px; font-size: 12px; }
.partylogin li a .ico-mail, .partylogin li a .ico-phone { background: none; text-align: center; line-height: 50px; font-size: 40px; font-style: normal; color: #8d8d8d; }
.partylogin li a .ico-mail:before, .partylogin li a .ico-phone:before { font-family: "iconfont"; }
.partylogin li a .ico-mail:before { content: "\f003"; }
.partylogin li a .ico-phone:before { content: "\f10b"; }

/*brand*/
.brandtit { position: relative; display: table; font-size: 17px; color: #fff; padding: 0 9px 0 14px; line-height: 30px; margin: 10px 0; min-width: 88px; }
.brandtit:first-child { margin-top: 0; }
.brandtit:before, .brandtit:after { position: absolute; top: 0; content: ""; }
.brandtit:before { left: 4px; width: 2px; background: #fff; height: 100%; }
.brandtit:after { right: 0; border: solid transparent; border-width: 30px 0 0 5px; border-top-color: #f7f7f7; }

.brandgrid { border-left: 1px solid #f1f1f1; overflow: hidden; }
.brandgrid li { float: left; width: 33.3%; position: relative; float: left; width: 33.3%; border: 1px solid #f1f1f1; border-left: 0; background: #fff; padding: 8px 0; margin: -1px 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.brandgrid a { display: block; height: 100%; padding: 8px 0; margin: -8px 0; }
.brandgrid .pic { position: relative; width: 90px; height: 90px; margin: auto; overflow: hidden; }
.brandgrid .pic img { position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width: 100%; }
.brandgrid p { line-height: 18px; font-size: 12px; margin: 5px 3px 0; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

/*goodslist*/
.noresult { text-align: center; padding: 59px 0; font-weight: bold; border-bottom: 1px dashed #dedede; }

.ico-smile { display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-right: 10px; background: url(../images/ico-smile.png) no-repeat; -webkit-background-size: contain; background-size: contain; }

.prd-list-title { line-height: 18px; padding: 7px 8px; border-bottom: 1px solid #eee; font-size: 11px; background: #fff; }

.prd-list { background: #fff; font-size: 12px; }
.prd-list li { position: relative; padding: 7px 10px; border-bottom: 1px solid #eee; }
.prd-list li:after { content: ""; display: block; height: 0; clear: both; }
.prd-list .itemlink { padding: 7px 10px; margin: -7px -10px; }
.prd-list .pic { position: relative; float: left; width: 80px; height: 80px; overflow: hidden; border: 1px solid #eee; background: #fff; }
.prd-list .pic img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; }
.prd-list .pic i { display: none; }
.prd-list .pic + .pic { margin-left: 5px; }
.prd-list h3, .prd-list .name { line-height: 18px; height: 36px; overflow: hidden; margin-left: 95px; margin-bottom: 4px; font-size: 14px; font-weight: normal; }
.prd-list p { padding: 0; margin: 0 0 4px 95px; color: #999; }
.prd-list p .price { margin-left: 0; }
.prd-list .price { margin-left: 95px; margin-bottom: 0; white-space: nowrap; }
.prd-list .price .price-real, .prd-list .price .price-origin { display: inline-block; vertical-align: middle; }
.prd-list .price .price-origin { vertical-align: -2px; margin-left: 10px; }
.prd-list .price-real { font-size: 12px; }
.prd-list .price-real em { font-size: 16px; }
.prd-list .price-origin { font-size: 11px; }
.prd-list .promotion, .prd-list .count-down { display: block; margin-left: 95px; margin-top: 4px; }
.prd-list .promotion { font-size: 0; }
.prd-list .promotion .promotetag { margin: 0; }
.prd-list .count { float: right; color: #3c3c3c; font-size: 12px; margin-left: 0; margin-bottom: 0; }
.prd-list .required { margin-top: 5px; color: #e60000; }
.prd-list .extra { clear: both; border-top: 1px dotted #dfdfdf; padding: 7px 0 0 2px; margin-left: -2px; line-height: 18px; margin-top: 8px; }
.prd-list .imglist { overflow: auto; white-space: nowrap; font-size: 0; }
.prd-list .imglist .pic { display: inline-block; float: none; margin-bottom: 0; }
.prd-list .hd:after, .prd-list .bd:after, .prd-list .ft:after { display: table; content: ""; clear: both; height: 0; }
.prd-list .hd { border-bottom: 1px solid #eee; margin-bottom: 7px; padding-bottom: 7px; }
.prd-list .hd .r { color: #999; }
.prd-list .bd { padding: 7px 10px; margin: -8px -10px; background: #f7f7f7; }
.prd-list .ft { clear: both; border-top: 1px solid #eee; margin-top: 7px; line-height: 28px; padding-top: 7px; }
.prd-list .ft a { margin-left: 10px; }
.prd-list .c { float: left; }
.prd-list .r { float: right; }

.order-prd-list h3 { overflow: hidden; margin-left: 75px; margin-bottom: 10px; font-size: 12px; }
.order-prd-list p { margin-left: 75px; }
.order-prd-list .pic { width: 60px; height: 60px; margin-bottom: 8px; }
.order-prd-list .price { float: right; margin-left: 0; margin-bottom: 0; padding-left: 20px; }
.order-prd-list .price .price-real { color: #3c3c3c; margin-right: 0; font-size: 12px; }
.order-prd-list .price .price-real em { font-size: 12px; }
.order-prd-list .count { clear: right; padding-left: 20px; }
.order-prd-list .ft > a { display: block; text-align: center; margin: -7px 0; line-height: 30px; }

.cart-list .item { position: relative; margin-left: -36px; padding-left: 36px; }
.cart-list .item-wrap { position: relative; z-index: 1; background: #fff; min-height: 82px; padding: 7px 10px 7px 0; margin: -6px -10px -7px 0; }
.cart-list label { position: absolute; left: -36px; top: 0; height: 100%; width: 36px; }
.cart-list input[type="checkbox"], .cart-list input[type="radio"] { top: 50px; }
.cart-list p:last-of-type { margin-bottom: 0; }
.cart-list .amount { display: none; }
.cart-list .ico-delete { position: absolute; right: 0; bottom: 0; line-height: 32px; font-size: 0; }
.cart-list .item-ctrl { position: absolute; z-index: 0; right: -10px; top: 0; bottom: 0; width: 45px; }
.cart-list .item-ctrl .item-ctrl-wrap { display: table; width: 100%; height: 100%; }
.cart-list .item-ctrl a { display: table-cell; text-align: center; background: #e60000; color: #fff; font-size: 12px; vertical-align: middle; }
.cart-list .number-widget { margin-right: 5px; }
.cart-list .required { display: inline-block; }
.cart-list .editing h3, .cart-list .editing .price, .cart-list .editing .ico-delete, .cart-list .editing .count { display: none; }
.cart-list .editing .amount { display: block; }
.cart-list .editing .item-wrap { margin-right: 45px; }

.promote-item i { vertical-align: top; }
.promote-item .c { display: inline-block; vertical-align: top; }
.promote-item .btn-action { line-height: 18px; height: 18px; padding: 0 10px; }

.present-dialog { margin: 0 -20px; max-height: 306px; overflow: auto; }

.present-item { padding: 7px 0; margin: -7px 0; }

/*prodlist*/
.prd-list-grid { margin: 0 7px; }
.prd-list-grid ul { margin: 0 -4px; }
.prd-list-grid li { float: left; width: 50%; margin-bottom: 5px; }
.prd-list-grid li > a { position: relative; width: 7.5rem; margin: auto; display: block; border: 1px solid #eee; background: #fff; overflow: hidden; }
.prd-list-grid li .pic { position: relative; overflow: hidden; height: 7.5rem; }
.prd-list-grid li .pic img { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; }
.prd-list-grid li .intro { margin: 0 6px; }
.prd-list-grid li .name { font-size: 12px; line-height: 16px; margin-top: 5px; height: 32px; overflow: hidden; }
.prd-list-grid li .price { padding: 5px 0; height: 18px; line-height: 18px; border-top: 1px solid #eee; margin-top: 4px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.prd-list-grid li .price-real { display: inline-block; font-size: 12px; }
.prd-list-grid li .price-real em { font-size: 16px; }
.prd-list-grid li .price-origin { display: inline-block; font-size: 9px; margin-left: 5px; }
.prd-list-grid li .price-origin em { font-size: 10px; }
.prd-list-grid li .promotion { position: absolute; left: 0; top: 0; }
.prd-list-grid li .promotetag { vertical-align: top; float: left; line-height: 12px; padding: 5px; margin: 0; width: 24px; text-align: center; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }
.prd-list-grid li .count-down { position: absolute; left: 0; right: 0; bottom: 70px; width: auto; }
.prd-list-grid:after { content: ''; display: block; clear: both; }

.btn-favico.selected:before { color: #e60000; }

.searchinput { position: relative; margin: auto; height: 30px; padding-right: 30px; }
.searchinput button { position: absolute; right: 0; top: 0; width: 30px; height: 100%; background: none; border: 0; }
.searchinput button:after { content: "\f002"; color: #fff; position: absolute; right: 0; top: 0; width: 30px; height: 100%; text-align: center; font-size: 18px; font-weight: bold; line-height: 30px; }

.ui-btn.btn-gridview, .ui-btn.btn-listview { position: relative; margin: 0 0 0 5px; padding: 0; width: 42px; height: 42px; border: 0; background: none; line-height: 42px; font-size: 0; text-indent: -9999px; }
.ui-btn.btn-gridview:after, .ui-btn.btn-listview:after { position: absolute; content: "\f009"; left: 0; top: 0; width: 42px; line-height: 42px; color: #666; text-align: center; font-size: 22px; text-indent: 0; }

.ui-btn.btn-listview:after { content: "\f00b"; }

.brandhead { position: relative; padding: 15px 10px 5px 120px; margin-bottom: 7px; min-height: 60px; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: cover; background-size: cover; color: #fff; line-height: 1.5; }

.brandhead-title { font-size: 14px; margin-bottom: 5px; }

.brandlogo { position: absolute; left: 15px; top: 15px; width: 90px; height: 45px; background-position: 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-color: #fff; }

.listft { padding: 5px 14px; line-height: 20px; color: #999; background: #fff; text-align: center; }
.listft em { color: #000; margin: 0 2px; }

.pagination { text-align: center; margin: 12px 0; }
.pagination > .ui-btn { display: inline-block; color: #3c3c3c; line-height: 30px; height: 30px; padding: 0 20px; border: 1px solid #dfdfdf; background-color: #fff; }
.pagination .ui-dropmenu { min-width: 70px; }
.pagination .ui-dropmenu .ui-dropmenu-items { overflow: auto; max-height: 140px; }

.pg-select { display: inline-block; line-height: 31px; margin: 0 15px; }
.pg-select:after { content: "\f107"; color: #b5b5b5; margin-left: 3px; vertical-align: middle; font-size: 16px; }

/*goods-manage*/
.goods-manage-list .prd-list label { position: absolute; left: 0; top: 0; height: 100%; width: 36px; }
.goods-manage-list .prd-list h3 { height: 18px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 8px; }
.goods-manage-list .prd-list .price { margin-bottom: 5px; }
.goods-manage-list .prd-list .price * { vertical-align: baseline; }
.goods-manage-list .prd-list .price-real { margin-right: 5px; }
.goods-manage-list .prd-list .count { float: none; margin-left: 95px; margin-top: 15px; font-size: 12px; }
.goods-manage-list .prd-list .count em { color: #ff6611; }
.goods-manage-list .prd-list .ico-promote-solid { margin: 0 0 0 5px; }
.goods-manage-list .prd-list .ft { font-size: 12px; color: #999; padding: 0; border-top: 0; background: #f7f7f7; line-height: 18px; }
.goods-manage-list .prd-list .ft a { display: block; padding: 5px 10px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.goods-manage-list .checklist .toptag { left: 31px; }
.goods-manage-list .btnbar { clear: both; padding: 10px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.goods-manage-list .btnbar a { display: block; text-align: center; height: 20px; line-height: 20px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; border-left: 1px solid #eee; color: #3c3c3c; }
.goods-manage-list .btnbar a:first-child { border: 0; }
.goods-manage-list .btnbar .ico { width: 20px; height: 20px; vertical-align: -1px; margin-right: 2px; }
.goods-manage-list .btnbar .ico:before { width: 20px; height: 20px; line-height: 20px; font-size: 18px; }

.toptag { position: absolute; left: 5px; top: 16px; padding: 0 6px; line-height: 20px; height: 20px; color: #fff; background: #e60000; }
.toptag:before { position: absolute; content: ""; top: 20px; left: 0; border: solid transparent; border-top-color: #790808; border-width: 5px 0 0 5px; }

/*goodsdetail*/
.page-goods-detail .ui-toolbar { height: 0; }
.page-goods-detail .ui-toolbar-wrap { background: none; height: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.page-goods-detail .ui-toolbar-title { visibility: hidden; }
.page-goods-detail .ui-toolbar-left { margin: 5px 0 0 5px; }
.page-goods-detail .ui-toolbar-right { margin: 5px 5px 0 0; min-width: 0; }
.page-goods-detail .ui-toolbar-right .ui-toolbar-button { margin-left: 5px; }
.page-goods-detail .ui-toolbar-button { width: 34px; height: 34px; line-height: 34px; background: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.8); box-shadow: 0 0 2px rgba(255, 255, 255, 0.8); -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; }
.page-goods-detail .ui-toolbar-button:before { width: 34px; height: 34px; line-height: 34px; left: 0; top: 0; }
.page-goods-detail .toolbar-button-home:before { content: "\f015"; }

.item-slider { position: relative; height: 16rem; width: 100%; }
.item-slider .slider-wrap { height: 100%; }
.item-slider img { max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.picslider { height: 16rem; width: 100%; }
.picslider .ui-slider-group { height: 100%; }
.picslider .ui-slider-item { position: relative; background: none; height: 100%; }
.picslider .ui-slider-item img { max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.picslider .ui-slider-dots { position: absolute; bottom: 3px; width: 100%; text-align: center; padding: 0; }

.count-down-detail { margin-bottom: 5px; clear: both; }
.count-down-detail .t { padding: 0 5px 0 7px; }
.count-down-detail .c { margin-left: 62px; }
.count-down-detail .c em { font-size: 14px; padding: 0 2px; }
.count-down-detail .c i { font-size: 18px; padding: 0 2px; }

.sku-groupbuy-tip { background: #c82337; }
.sku-groupbuy-tip a { display: block; line-height: 50px; padding: 0 10px; color: #fff; font-size: 12px; }
.sku-groupbuy-tip em { font-weight: bold; text-decoration: underline; }

.sku-detail-top { position: relative; margin-bottom: 10px; overflow: hidden; border-bottom: 1px solid #eee; background: #fff; padding: 7px 10px; }

.sku-desc { line-height: 18px; font-size: 12px; color: #999; margin-bottom: 10px; }
.sku-desc.hided .view-more { display: block; }
.sku-desc .view-more { text-align: center; margin-top: 5px; display: none; }
.sku-desc .view-more a { display: inline-block; }
.sku-desc .view-more a:after { margin-left: 4px; font-family: "iconfont"; content: "\f0d7"; font-size: 16px; vertical-align: middle; }

.sku-desc-box { overflow: hidden; }

.sku-promotion { margin: 0 -2px; clear: both; }

.sku-intro { position: relative; margin-bottom: 10px; /* padding-right: 55px;*/ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }

.sku-name { /* display: table; width: 100%;*/ -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: normal; color: #000; }
.sku-name span { /*display: table-cell; vertical-align: middle; height: 40px;*/ }

.sku-price { line-height: 20px; margin-bottom: 10px; }
.sku-price .t { float: left; }
.sku-price .price-real { font-size: 14px; display: inline-block; margin-bottom: 5px; }
.sku-price .price-real em { font-size: 20px; margin-left: 2px; }
.sku-price .price-origin { display: inline-block; text-decoration: line-through; margin-left: 8px; margin-bottom: 5px; }

.sku-action { /* position: absolute; right: -10px; top:0;*/ margin: 0 -10px 0 10px; }
.sku-action a { position: relative; float: left; width: 51px; height: 16px; text-align: center; line-height: 16px; padding: 24px 0 0; color: #999; font-size: 12px; color: #999; }
.sku-action a:before { position: absolute; top: -6px; left: 0; width: 100%; line-height: 30px; font-size: 24px; }
.sku-action a:after { content: ""; position: absolute; left: 0; top: 50%; margin-top: -20px; height: 40px; width: 1px; background: #eee; }

.btn-fav:before { content: "\f006"; }
.btn-fav.selected:before { color: #fe7725; content: "\f005"; }
.btn-fav.animating:before { -webkit-animation: favAnim 0.5s; animation: favAnim 0.5s; }

@-webkit-keyframes favAnim { 50% { -webkit-transform: scale(1.5); }
  100% { -webkit-transform: scale(1.5); } }
@keyframes favAnim { 50% { transform: scale(1.5); }
  100% { transform: scale(1.5); } }
.sku-sale-count { float: right; font-size: 12px; color: #999; }

/*.sku-sale-count,.sku-stock-count,.sku-express,.sku-area{font-size: 12px; color: $color_grey; em{ font-size: 14px; color: $color_dark; margin: 0 2px;}
}
.sku-express{ float: left;}
.sku-sale-count{ text-align: center;}
.sku-area,.sku-stock-count{ float: right;}*/
.sku-rebate { line-height: 18px; margin-top: -10px; }
.sku-rebate li { padding: 9px 10px; border-bottom: 1px solid #eee; overflow: hidden; }
.sku-rebate p { color: #646464; display: inline-block; font-size: 12px; }
.sku-rebate .c { overflow: hidden; }
.sku-rebate .fr { padding: 8px 10px; margin: -9px -10px -9px 0; }
.sku-rebate .fr .ico-promote { margin-right: 0; height: 18px; line-height: 18px; }

.sku-detail-extra { border-bottom: 1px solid #eee; padding: 9px 10px; }

.sku-custom-attr { line-height: 18px; }

.sku-discount { position: relative; overflow: hidden; margin: 0 -10px; padding: 4px 10px; }
.sku-discount p { line-height: 18px; padding: 0 0 0 18px; }
.sku-discount p:first-child:before { display: inline-block; content: "\f06b"; font-size: 18px; width: 18px; height: 18px; margin: 0px 2px 0px -20px; color: #ff6611; }
.sku-discount .togglebtn { height: 30px; line-height: 30px; }
.sku-discount.toggled { height: 18px; }

.sku-stock-count { float: none; display: inline-block; margin-left: 5px; line-height: inherit; font-size: 12px; color: #999; }
.sku-stock-count em { font-size: 14px; color: #3c3c3c; margin: 0 2px; }

.countdown { display: inline-block; padding: 0 7px; border: 1px solid #ffdbb5; background: #fff5d5; line-height: 22px; color: #fe7725; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.countdown:before { content: '\f017'; margin: 0 4px 0 -2px; }

.togglebtn { position: absolute; right: 0; top: 0; width: 30px; height: 40px; line-height: 40px; font-size: 18px; }
.togglebtn:before { position: absolute; content: "\f077"; color: #ccc; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }

.toggled .togglebtn:before { content: "\f078"; }

.prd-props { position: relative; overflow: hidden; padding: 6px 30px 6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.prd-props dt { min-width: 38px; padding: 0 5px 0 10px; line-height: 32px; }
.prd-props dd { line-height: 32px; }
.prd-props .number-widget { margin-bottom: 8px; }

.prop-list .ui-btn { display: inline-block; position: relative; padding: 5px 12px; line-height: 18px; font-size: 14px; height: auto; color: #3c3c3c; background-color: #fff; border: solid 1px #dfdfdf; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0 2px 8px; }
.prop-list .ui-btn .ui-btn-text { display: inline-block; padding: 5px 12px; margin: -5px -12px; vertical-align: top; }
.prop-list .ui-btn.ui-state-active { border-color: #e60000; color: #000; }
.prop-list .ui-btn.ui-state-active:before, .prop-list .ui-btn.ui-state-active:after { position: absolute; right: 0; bottom: 0; }
.prop-list .ui-btn.ui-state-active:before { height: 0; width: 0; content: ""; border: 0px solid transparent; border-width: 11px 11px 0 0; border-right-color: #e60000; }
.prop-list .ui-btn.ui-state-active:after { content: "\f00c"; bottom: -1px; right: -2px; font-weight: bold; line-height: 1; text-indent: 0; font-size: 8px; color: #fff; }
.prop-list .ui-btn.ui-state-disabled { color: #999; border: 1px dashed #dfdfdf; }

.prop-img .ui-btn { padding: 0 !important; min-width: 44px; height: 44px; line-height: 44px; text-indent: -9999px; text-align: center; background-color: #fff; -webkit-background-size: 42px 42px; background-size: 42px 42px; background-position: center; vertical-align: middle; }
.prop-img .ui-btn .ui-btn-text { display: block; height: 100%; }
.prop-img .ui-btn-text-only { text-indent: 0; }
.prop-img .ui-btn-text-only .ui-btn-text { padding: 0 5px; margin: 0; }

.prd-prop-title dt { width: auto; }

.prd-prop-col { float: left; }
.prd-prop-col .prop-list .ui-btn { float: left; clear: left; }

.stock-list li { height: 30px; margin-bottom: 8px; }
.stock-list input[type=text] { background: #fff; width: 40px; }

.number-widget { display: inline-block; position: relative; padding: 0 30px; line-height: 30px; border: 1px solid #dfdfdf; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.number-widget .number-text { display: inline-block; vertical-align: top; line-height: 30px; background-color: #fff; border: solid #dfdfdf; border-width: 0 1px; width: 45px; text-align: center; height: 30px; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }
.number-widget .number-text::-webkit-outer-spin-button, .number-widget .number-text::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

.number-minus, .number-plus { position: absolute; width: 30px; height: 30px; background: #fff; top: 0; text-align: center; line-height: 30px; font-size: 14px; }
.number-minus:after, .number-plus:after { content: "\f068"; color: #999; font-size: 16px; font-weight: bold; }

.number-minus { left: 0; }

.number-plus { right: 0; }

.number-minus:after { content: "\f068"; }

.number-plus:after { content: "\f067"; }

.number-overflow .number-text { color: #df2905; border: 1px solid #df2905; margin: -1px 0; }

.prd-btns { margin: 7px 0; text-align: center; background: #fff; }
.prd-btns .ui-btn { position: relative; display: block; height: 45px; padding: 0; margin: 0; border: 0; background: none; color: #3c3c3c; font-size: 14px; line-height: 45px; }
.prd-btns .ui-btn:after { position: absolute; content: ""; left: 0; top: 50%; margin-top: -15px; height: 30px; width: 1px; background: #eee; }
.prd-btns .ui-btn.ui-state-hover { background-color: #f7f7f7; }
.prd-btns .ui-btn:first-child:after { display: none; }

/*shop-box*/
.shop-box { padding: 7px; }

/*.shop-box{ padding: 0; position: relative; .shop-name{ line-height: 32px; height: 32px; overflow: hidden; padding: 6px 10px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; .pic{ float: left; width: 32px; height: 32px; margin-right: 8px; img{ width: 100%; height: 100%;} } .c{ font-size: 14px;} } .prd-btns{border-top: 1px solid $color_grey_line; margin: 0; .ui-btn{ &:before{ margin-right: 10px; font-size: 24px; color: $color_grey;} } }
}*/
.ico-category:before { content: "\f0ca"; }

.ico-store:before { content: "\e603"; }

.ico-comment:before { content: "\f0e5"; }

.collocation-list { padding: 8px 0 8px 16px; overflow: hidden; }
.collocation-list li { position: relative; float: left; margin-right: 1.15rem; width: 4rem; height: 4rem; }
.collocation-list li .pic { position: relative; width: 100%; height: 100%; }
.collocation-list li .pic img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; }
.collocation-list li .price { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; padding: 0 8px; height: 18px; line-height: 18px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; }
.collocation-list li:after { position: absolute; content: "\f067"; font-family: "iconfont"; right: -1.15rem; top: 0; width: 1.15rem; height: 4rem; line-height: 4rem; text-align: center; font-size: 0.8rem; color: #dfdfdf; }
.collocation-list li:last-child { margin-right: 0; }
.collocation-list li:last-child:after { display: none; }

.combolist { margin: 0 0 7px; }
.combolist ul { width: 320px; margin: auto; }
.combolist li { position: relative; float: left; width: 140px; margin: 10px; }
.combolist .pic { width: 128px; height: 128px; margin: auto; position: relative; margin-bottom: 5px; }
.combolist .pic img { width: 100%; height: 100%; }
.combolist h3 { line-height: 12px; font-size: 12px; height: 24px; overflow: hidden; margin-bottom: 8px; }
.combolist .price { line-height: 14px; height: 14px; font-size: 14px; overflow: hidden; white-space: nowrap; }

.prd-gridlist li { float: left; width: 33.3%; }
.prd-gridlist li a { color: #000; text-decoration: none; }
.prd-gridlist .pic { display: block; margin: auto; width: 90px; height: 90px; border: 1px solid #ebebeb; }
.prd-gridlist .pic img { width: 100%; height: 100%; vertical-align: top; }
.prd-gridlist .name { line-height: 15px; text-align: center; height: 30px; overflow: hidden; padding: 3px 0; font-size: 12px; text-align: center; }
.prd-gridlist .price, .prd-gridlist .orange { font-size: 12px; display: inline-block; }

.linklist { margin-bottom: 7px; }
.linklist li a { position: relative; display: block; line-height: 25px; color: #000; padding: 5px 20px 5px 14px; background: #f6f6f6; margin-bottom: 1px; }
.linklist li a:before { position: absolute; content: "\f054"; width: 13px; height: 16px; line-height: 16px; text-align: center; right: 6px; top: 50%; margin-top: -8px; color: #ccc; font-size: 13px; }

.ftbtnbar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; width: 100%; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; position: fixed; z-index: 999; bottom: 0; height: 42px; line-height: 42px; text-align: center; background: #fff; }
.ftbtnbar .content-wrap { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: left; padding: 0 8px; color: #999; font-size: 14px; }
.ftbtnbar .content-wrap-in { display: table; width: 100%; height: 100%; }
.ftbtnbar .content-wrap-in .l { width: 100%; display: table-cell; }
.ftbtnbar .content-wrap-in .r { line-height: 20px; white-space: nowrap; display: table-cell; vertical-align: middle; text-align: right; }
.ftbtnbar .content-wrap-in .main-info span { color: #e60000; font-size: 12px; vertical-align: middle; }
.ftbtnbar .content-wrap-in .main-info span em { font-size: 18px; }
.ftbtnbar .content-wrap-in .extra-info { font-size: 12px; }
.ftbtnbar .content-wrap-in input[type=text], .ftbtnbar .content-wrap-in input[type=number], .ftbtnbar .content-wrap-in input[type=password] { position: absolute; left: 0; top: 0; border: 0; width: 100%; height: 42px; }
.ftbtnbar .button-wrap { white-space: nowrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; background: #e60000; margin: -1px 0; }
.ftbtnbar .button-wrap.button-wrap-expand { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.ftbtnbar .button-wrap .ui-btn, .ftbtnbar .button-wrap .button { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; min-width: 100px; background: none; border: 0; vertical-align: top; }
.ftbtnbar .button-wrap .ui-btn:first-child, .ftbtnbar .button-wrap .button:first-child { border-left: 0 !important; }
.ftbtnbar .button-wrap .ui-btn:nth-last-of-type(2), .ftbtnbar .button-wrap .button:nth-last-of-type(2) { background: rgba(255, 255, 255, 0.4); }
.ftbtnbar .button-wrap .ui-btn:nth-last-of-type(3), .ftbtnbar .button-wrap .button:nth-last-of-type(3) { background: rgba(255, 255, 255, 0.6); }
.ftbtnbar .button-wrap .ui-btn.btn-buy, .ftbtnbar .button-wrap .button.btn-buy { background: #e60000; }
.ftbtnbar .button-wrap .ui-btn.btn-addcart, .ftbtnbar .button-wrap .button.btn-addcart { background: #ff6611; }
.ftbtnbar .button-wrap .ui-btn.btn-grey, .ftbtnbar .button-wrap .button.btn-grey { border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; }
.ftbtnbar .button-wrap .ico { width: 30px; height: 30px; line-height: 30px; font-size: 24px; }
.ftbtnbar .button-wrap .btn-inner { display: block; line-height: 15px; margin-top: 7px; }
.ftbtnbar .button-wrap .btn-row { font-size: 12px; display: block; }
.ftbtnbar .button-l { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.ftbtnbar .button-l a { display: block; width: 41px; color: #999; background: #fff; border: 0; line-height: 1; border-left: 1px solid #eee; }
.ftbtnbar .button-l a i { display: block; height: 28px; line-height: 28px; }
.ftbtnbar .button-l a span { display: block; font-size: 10px; }
.ftbtnbar .button-l a:first-child { border: 0; }
.ftbtnbar .button-l a.ui-btn { width: auto; line-height: 44px; padding: 0 15px; }
.ftbtnbar .button-wrap-disabled { background: #999; }
.ftbtnbar .button, .ftbtnbar .ui-btn { margin: 0; line-height: 44px; height: 44px; padding: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; font-size: 16px; }
.ftbtnbar .small-btns { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: right; padding: 0 15px; }
.ftbtnbar .small-btns a { margin-left: 8px; }
.ftbtnbar .edit-buttons { display: none; }
.ftbtnbar.editing .cash-buttons, .ftbtnbar.editing .content-wrap .r { display: none; }
.ftbtnbar.editing .edit-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.ftbtnbar.editing .edit-buttons .button, .ftbtnbar.editing .edit-buttons .ui-btn { min-width: 100px; }

.fbbwrap { height: 44px; }
.fbbwrap.nofixed { height: auto; }
.fbbwrap.nofixed .ftbtnbar { position: static; }
.fbbwrap .ftbtnbar-forget { line-height: 30px; padding: 0 10px; text-align: left; }

.fbbwrap-total { height: 54px; }
.fbbwrap-total .ftbtnbar { height: 54px; line-height: 54px; }
.fbbwrap-total .ftbtnbar .content-wrap-in input[type=text], .fbbwrap-total .ftbtnbar .content-wrap-in input[type=number], .fbbwrap-total .ftbtnbar .content-wrap-in input[type=password] { height: 54px; }
.fbbwrap-total .ftbtnbar .button, .fbbwrap-total .ftbtnbar .ui-btn { height: 56px; line-height: 56px; }

.detail-content > * { max-width: 100%; }

/*actionsheet-spec*/
.actionsheet-spec { display: none; position: fixed; width: 100%; top: 0; bottom: 0; z-index: 999; background: #fff; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: transform 0.2s cubic-bezier(0, 0, 0.25, 1); -moz-transition: transform 0.2s cubic-bezier(0, 0, 0.25, 1); -ms-transition: transform 0.2s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.2s cubic-bezier(0, 0, 0.25, 1); }
.actionsheet-spec.show { top: 20%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.actionsheet-spec .close { position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 53px; text-align: center; line-height: 53px; }
.actionsheet-spec .close:before { font-family: "iconfont"; content: "\f00d"; font-size: 24px; color: #999; }
.actionsheet-spec .prod-info { position: absolute; left: 0; right: 0; padding: 10px 40px 10px 122px; border-bottom: 1px solid #eee; height: 78px; }
.actionsheet-spec .prod-info .pic { position: relative; top: -32px; background-color: #fff; z-index: 10; padding: 2px; border: 1px solid #ddd; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; float: left; margin-left: -116px; height: 100px; width: 100px; }
.actionsheet-spec .prod-info .pic img { width: 100%; height: 100%; }
.actionsheet-spec .prod-info .name { line-height: 24px; font-size: 14px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.actionsheet-spec .prod-info .price { margin-top: 4px; font-size: 18px; line-height: 1; }
.actionsheet-spec .prod-info .price em { font-size: 20px; }
.actionsheet-spec .spec-item { padding: 6px 8px; border-bottom: 1px solid #eee; overflow: hidden; }
.actionsheet-spec .spec-item h3 { font-size: 14px; line-height: 28px; padding-left: 2px; }
.actionsheet-spec .spec-count { padding-top: 15px; padding-bottom: 15px; }
.actionsheet-spec .spec-count h3 { float: left; }
.actionsheet-spec .spec-count .c { float: right; }
.actionsheet-spec .spec-count .sku-stock-count { margin-right: 5px; }
.actionsheet-spec .spec-list { position: absolute; top: 99px; bottom: 44px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
.actionsheet-spec .ftbtnbar { position: absolute !important; }

.throwInItem { position: fixed; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; background: rgba(0, 0, 0, 0.6); font-size: 18px; }
.throwInItem:before { font-family: "iconfont"; content: "\f06b"; }

/*video*/
.overlay-mask { background-color: rgba(0, 0, 0, 0.7); width: 100%; left: 0px; top: 0px; height: 100%; position: fixed; z-index: 10000; }

.video { width: 14rem; height: 14rem; position: fixed; top: 50%; left: 50%; margin: -7rem 0 0 -7rem; z-index: 11000; }

.video-box { width: 100%; height: 100%; }

a.video-close { -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; background: #000000; z-index: 11001; width: 36px; height: 36px; line-height: 36px; color: #FFFFFF; position: absolute; text-align: center; right: 4px; top: 4px; display: block; font-size: 18px; }

.spec-box { padding: 7px; }
.spec-box .specs span { margin-right: 5px; }
.spec-box .noselect .specs { margin-left: 12px; }
.spec-box .selected { display: none; }

.review-item { overflow: hidden; margin: 8px; padding: 15px; background: #fff; }
.review-item .user { margin-bottom: 5px; color: #999; }
.review-item .time { margin-left: 10px; color: #999; }
.review-item .con { line-height: 20px; margin-top: 5px; overflow: hidden; }
.review-item .pic ul { margin-left: -6px; }
.review-item .pic li { float: left; width: 50px; height: 50px; margin: 6px 0 0 6px; overflow: hidden; }
.review-item .pic li img { width: 100%; }
.review-item .reply { position: relative; color: #aa1e1e; margin-top: 14px; padding: 5px; line-height: 19px; background: #dfdfdf; }
.review-item .reply:before { position: absolute; left: 15px; top: -10px; width: 0; height: 0; content: ""; border: 10px solid transparent; border-bottom-color: #dfdfdf; border-top: 0; }

/*comment*/
.com-tab { height: 53px; }
.com-tab li { position: relative; height: 53px; line-height: 22px; font-size: 14px; }
.com-tab li .t { display: block; margin-top: 5px; color: #3c3c3c; }
.com-tab li .c { display: block; color: #999; }
.com-tab li.selected { height: 52px; }
.com-tab li:after { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; border-left: 1px solid #eee; }
.com-tab li:first-child:after { display: none; }

.commentlist { padding: 0 7px; background: #fff; }
.commentlist li { color: #b0b0b0; font-size: 12px; line-height: 15px; padding: 7px; border-bottom: 1px solid #cccccc; overflow: hidden; }
.commentlist .con { color: #000; margin-bottom: 6px; line-height: 18px; }
.commentlist .rate, .commentlist .attr { margin-bottom: 5px; }
.commentlist .rate em { color: #000; display: inline-block; vertical-align: -2px; margin-left: 5px; }
.commentlist .user { float: left; }
.commentlist .time { float: right; }
.commentlist .reply { clear: both; color: #d01f12; background: #fbfbfb; padding: 7px; margin: 5px -7px 0; line-height: 18px; }

.comment { clear: both; margin: 7px; }
.comment .rateit { margin-bottom: 5px; }
.comment p { line-height: 22px; margin-left: 0; }
.comment textarea { display: block; width: 100%; height: 180px; }

/*consult*/
.consult-list { background: #fff; }
.consult-list li { padding: 7px 10px; border-bottom: 1px solid #eee; }
.consult-list .name { float: left; font-size: 14px; padding-left: 7px; margin-bottom: 5px; }
.consult-list .time { float: right; color: #a8a8a8; font-size: 12px; padding-right: 7px; margin-bottom: 5px; }
.consult-list dl { clear: both; margin-top: 5px; padding: 7px 7px 7px 30px; }
.consult-list dt { float: left; width: 24px; margin-left: -24px; font-size: 14px; }
.consult-list .ask dt em { color: #ff1616; }
.consult-list .answer { position: relative; background: #f2f1f1; }
.consult-list .answer dt em { color: #ffc600; }
.consult-list .answer:before { content: ""; position: absolute; width: 0; height: 0; left: 5px; top: -14px; border: 7px solid transparent; border-bottom-color: #f2f1f1; }
.consult-list .answer dd { color: #444; line-height: 1.5; font-size: 12px; }

/*goods set*/
.set-info { background: #ececec; overflow: hidden; }
.set-info .prd-list { background: #fff; border: solid #dcdcdc; border-width: 1px 0; margin: 0 0 10px; padding: 0; }
.set-info .price-origin { display: inline; margin-left: 10px; }
.set-info .prd-props { margin-left: 86px; padding-right: 0; }

.setbuy-foot { padding-top: 7px; }

.setbuy-info { line-height: 28px; }

.setbuy-price p { padding: 1px 0; }
.setbuy-price .price { font-size: 17px; }
.setbuy-price .price-origin { margin-left: 10px; }

/*groupbuy*/
.groupbuy-list { overflow: hidden; padding-top: 7px; margin: 0 4px; }
.groupbuy-list li { float: left; width: 50%; margin: 0 0 10px; }
.groupbuy-list .item { margin: auto; width: 7.350rem; border: 1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; }
.groupbuy-list .pic { position: relative; overflow: hidden; height: 6.450rem; border-bottom: 1px solid #eee; }
.groupbuy-list .pic img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; }
.groupbuy-list .name { margin: 4px 5px; line-height: 18px; height: 36px; overflow: hidden; font-size: 12px; }
.groupbuy-list .ft { position: relative; background: #fff1d1; height: 40px; padding-right: 55px; }
.groupbuy-list .price-real { height: 40px; color: #d51837; line-height: 40px; font-size: 18px; padding-left: 5px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.groupbuy-list .price-real em { font-size: 25px; }
.groupbuy-list .discount { position: absolute; top: 4px; right: 3px; width: 37px; margin: 0; padding: 0 0 0 11px; height: 17px; line-height: 17px; color: #d81535; background: url("../../images/tag-discount.png") no-repeat; -webkit-background-size: 48px auto; background-size: 48px auto; font-size: 12px; }
.groupbuy-list .discount em { font-size: 13px; }
.groupbuy-list .promotetag { position: absolute; top: 4px; right: 3px; }
.groupbuy-list .price-origin { position: absolute; top: 22px; right: 3px; line-height: 18px; text-align: right; color: #bd966b; text-decoration: line-through; width: 50px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.groupbuy { border: 1px solid #dfdfdf; border-width: 1px 0; background: #fff; margin-bottom: 10px; }

.groupbuy-info { padding: 10px; }

.groupbuy-price { line-height: 22px; }
.groupbuy-price .price-real { font-size: 14px; vertical-align: middle; margin-right: 10px; }
.groupbuy-price .price-real em { font-size: 22px; }

.groupbuy-btn .btn-buy { width: 92px; }

.groupbuy-countdown { background: #fff5d5; border: 1px solid #ffdbb5; margin: 0 -1px -1px; line-height: 27px; font-size: 10px; text-align: center; }
.groupbuy-countdown em { font-size: 16px; }
.groupbuy-countdown span:before { content: "\f017"; color: #f9c574; font-size: 16px; margin-right: 5px; }

/*infopage*/
.iconinfo { position: relative; margin: 20px auto 40px; max-width: 280px; text-align: center; }
.iconinfo strong { font-size: 14px; font-weight: normal; display: block; line-height: 22px; }
.iconinfo strong em { font-size: 25px; color: #d1271a; padding: 0 10px; }
.iconinfo p { color: #999; margin: 5px 0 0; font-size: 14px; }
.iconinfo .tal { text-align: left; }
.iconinfo .ico { display: block; margin: 20px auto; width: 70px; height: 70px; margin-top: 50px; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }
.iconinfo .ico-success { background-image: url(../images/ico-success.png); }
.iconinfo .ico-error { background-image: url(../images/ico-error.png); }
.iconinfo .ico-info { width: 80px; height: 80px; background-image: url(../images/ico-info.png); }
.iconinfo .ico-service, .iconinfo .ico-phone, .iconinfo .ico-mail { width: 120px; height: 120px; }
.iconinfo .ico-service { background-image: url(../images/ico-service.png); }
.iconinfo .ico-phone { background-image: url(../images/ico-phone.png); }
.iconinfo .ico-mail { background-image: url(../images/ico-mail.png); }
.iconinfo .ico-info-b { width: 110px; height: 110px; background-image: url(../images/ico-info-big.png); }
.iconinfo .ico-wechat { background: url("../images/login-icons.png") no-repeat -210px 0; -webkit-background-size: auto 70px; background-size: auto 70px; }
.iconinfo .ico-unhappy { width: 83px; height: 83px; background-image: url("../images/ico-unhappy.png"); }
.iconinfo .ico-shopcart { width: 100px; height: 100px; background-image: url(../images/shopcart.png); }
.iconinfo .ico-404 { width: 263px; height: 129px; margin: 30px auto; background-image: url(../images/404.png); }
.iconinfo .ico-globe { width: 260px; height: 136px; background-image: url(../images/500.png); -webkit-background-size: 260px 136px; background-size: 260px 136px; position: relative; right: -20px; margin-top: 0; }
.iconinfo .btnbar { margin: 20px 0 30px; }
.iconinfo .btnbar .ui-btn { width: 200px; }
.iconinfo .ico-coupon-success { width: 152px; height: 152px; background-image: url(../images/get_success.png); }
.iconinfo .ico-coupon-fail { width: 152px; height: 152px; background-image: url(../images/get_fail.png); }

.textinfo .btnbar { margin: 20px 0 30px; }

.iconinfo .btnbar a, .textinfo .btnbar a { display: block; width: 200px; margin: 0 auto 10px; line-height: 42px; margin-bottom: 10px; font-size: 15px; }

.iconinfo .btnbar .link { text-decoration: underline; }

.infolist { padding: 7px 10px; font-size: 0; }
.infolist li { line-height: 28px; }
.infolist .hd { display: inline-block; min-width: 5em; white-space: nowrap; font-size: 14px; vertical-align: top; }
.infolist .hd span { display: inline-block; width: 2em; text-align: center; }
.infolist .bd { display: inline-block; padding-left: 5px; font-size: 14px; vertical-align: top; }

.info-404 { margin-bottom: 40px; }
.info-404 strong, .info-404 p { width: 225px; text-align: left; font-size: 13px; }

.info-500 { margin-bottom: 40px; }
.info-500 h1 { font-size: 18px; line-height: 24px; }
.info-500 p { width: 215px; overflow: hidden; margin: 30px auto 0 auto; }
.info-500 p span { width: 75px; float: left; text-align: right; }
.info-500 p em { display: block; padding-left: 75px; text-align: left; }
.info-500 p em i { width: 5px; height: 5px; background: #999; display: inline-block; border-radius: 50%; vertical-align: middle; margin-right: 5px; }

.textinfo { position: relative; margin: 20px; }
.textinfo p { color: #3c3c3c; margin: 10px 0 0; }
.textinfo p em { font-size: 14px; color: #e60000; }

.remaintime { margin-top: 10px; padding: 10px 0; }

.countdown-large { font-size: 25px; color: #9a9999; text-align: center; margin-left: 10px; vertical-align: middle; }
.countdown-large .time { display: inline-block; width: 41px; height: 41px; line-height: 41px; color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px rgba(254, 101, 101, 0); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px rgba(254, 101, 101, 0); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px rgba(254, 101, 101, 0); background: #9f9e9e; }
.countdown-large span { padding: 0 10px; }

.remaintime .countdown { border: 0; background: none; color: #d1271a; font-size: 25px; vertical-align: middle; }
.remaintime .countdown:before { display: none; }

.type-btnlist { width: 100%; display: table; margin: 42px 0; table-layout: fixed; }
.type-btnlist li { display: table-cell; padding: 0 4px; }
.type-btnlist li a { display: block; height: 82px; line-height: 82px; border: 1px solid #dfdfdf; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; font-size: 14px; }

.msg { padding-left: 30px; position: relative; font-size: 14px; line-height: 25px; display: inline-block; }
.msg:before { position: absolute; left: 2px; top: 0; font-size: 18px; font-family: "iconfont"; }

.msg-error { color: #e60000; }
.msg-error:before { content: "\f06a"; color: #e60000; }

.msg-info:before { content: "\f06a"; color: #f3b000; }

.vcode-input { float: left; width: 45%; }

.vcode { padding-left: 10px; margin-left: 45%; line-height: 36px; }
.vcode img { height: 36px; }

.btn-refresh { display: inline-block; position: relative; font-size: 0; width: 36px; height: 36px; text-align: center; line-height: 36px; }
.btn-refresh:before { content: "\f021"; position: absolute; left: 0; top: 0; width: 36px; height: 36px; font-size: 26px; color: #bababa; }

.vcode .btn-action { line-height: 34px; }

.paytypes input[type=checkbox], .paytypes input[type=radio] { float: right; margin: 6px 0 0 5px; }
.paytypes .selectbox { float: right; text-align: right; }
.paytypes .selectbox select { direction: rtl; }
.paytypes li { padding: 7px 10px; position: relative; }
.paytypes li i { float: none; }
.paytypes li.disabled * { color: #d2d2d2 !important; }
.paytypes label { padding: 7px 10px; margin: -7px -10px; display: block; width: 100%; }
.paytypes .c { font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.paytypes .c em { color: #999; margin-left: 5px; font-weight: normal; }
.paytypes .r { float: right; color: #999; }
.paytypes .r em { color: #ff6611; margin: 0 2px; }

.paytype-list { background: none; height: 184px; overflow: auto; }
.paytype-list input[type=checkbox], .paytype-list input[type=radio] { z-index: -1; }

.payico { display: inline-block; vertical-align: middle; margin-right: 6px; width: 30px; height: 30px; background: url("../images/payico-sprites.png") no-repeat; -webkit-background-size: 30px auto; background-size: 30px auto; /*&.disabled{ background-position: -32px 0;}*/ }

.payico-credit { background-position: 0 0; }

.payico-rebate { background-position: 0 -30px; }

.payico-account { background-position: 0 -60px; }

.payico-alipay { background-position: 0 -90px; }

.payico-tenpay { background-position: 0 -120px; }

.payico-bankcard { background-position: 0 -150px; }

.payico-unionpay { background-position: 0 -180px; }

.payico-wechat { background-position: 0 -210px; }

.ico-refund-1, .ico-refund-2 { -webkit-background-size: cover; background-size: cover; }

.ico-refund-1 { background-image: url(../images/refund-ico-1.png); }

.ico-refund-2 { background-image: url(../images/refund-ico-2.png); }

/*merge*/
.merge-list { background: #fff; }
.merge-list .item { padding: 10px 15px; overflow: hidden; border-bottom: 1px solid #eee; font-size: 14px; }
.merge-list label { display: block; padding: 10px 15px 10px 45px; margin: -10px -15px; overflow: hidden; }
.merge-list input[type=radio], .merge-list input[type=checkbox] { position: absolute; left: 15px; }
.merge-list .item-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; margin-bottom: 9px; }
.merge-list .item-title h3 { font-size: 16px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.merge-list .item-content p { line-height: 24px; }
.merge-list .item-content .t { color: #999; }

/*address*/
.addresslist li { position: relative; border-bottom: 1px solid #eee; background: #fff; padding: 7px 10px; margin-bottom: 10px; }
.addresslist label { position: absolute; z-index: 2; left: 0; top: 0; height: 100%; width: 36px; }
.addresslist .addr-item { margin: -7px -10px; }

.addr-box { margin: 0; padding: 15px 0; }
.addr-box h3 { line-height: 38px; padding: 0 7px; font-size: 14px; }
.addr-box h3:before { content: "\f041"; font-family: "iconfont"; color: #e60000; font-size: 18px; }
.addr-box a.addr-item { margin: 0 10px; background: #fdfbf8; border: 1px solid #ffc600; padding: 0 14px; height: 40px; line-height: 40px; white-space: nowrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.addr-box a.addr-item .name, .addr-box a.addr-item address { display: block; float: none; line-height: inherit; }
.addr-box a.addr-item .name { padding-right: 10px; }
.addr-box a.addr-item address { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left; }
.addr-box a.addr-item .phone { display: none; }

.addr-item { padding: 7px 10px; }
.addr-item em { color: #e60000; font-size: 12px; }
.addr-item .name { float: left; font-size: 16px; margin-bottom: 6px; }
.addr-item .phone { float: right; font-size: 14px; margin-bottom: 6px; }
.addr-item address, .addr-item p { clear: both; font-size: 12px; color: #999; line-height: 18px; text-align: justify; }

.fitem-area .bd .selectbox { margin-left: 7px; }
.fitem-area .bd .selectbox:first-child { margin: 0; }

.positionDialog { font-size: 12px; text-align: center; padding-bottom: 15px; }
.positionDialog p { margin: 5px 0 !important; }
.positionDialog .mapbox { height: 250px; overflow: hidden; line-height: 250px; text-align: center; }

/*checkorder*/
.title { line-height: 30px; padding: 0 10px; font-size: 14px; background: #f7f7f7; color: #999; border-bottom: 1px solid #dfdfdf; }
.title em { white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.title .fr { margin-left: 10px; font-size: 12px; font-weight: normal; }

.titleblock { line-height: 18px; padding: 7px; border-bottom: 1px solid #c6c6c6; background: #f8f8f8; margin: -7px 0 8px; color: #484848; }
.titleblock p { font-size: 11px; margin: 5px 0 0; }

.list-title { line-height: 20px; padding: 7px 8px; border-bottom: 1px solid #eee; font-size: 14px; background: #fff; overflow: hidden; }
.list-title .c { white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.list-title .r { float: right; font-size: 12px; }
.list-title.list-title-nobg { background: none; }
.list-title em { font-size: 12px; color: #999; }

.list-foot { padding: 7px 8px; }
.list-foot .r { float: right; }

.listcon { line-height: 20px; padding: 7px 10px; background: #fff; }
.listcon .prd-list { margin: -7px -10px -8px; }

.list-horizontal li { float: left; margin-left: 10px; }
.list-horizontal li:first-child { margin: 0; }

.order-extra { line-height: 34px; padding: 10px; }
.order-extra .formlist { margin: 0; }

.inputbtnrow { margin: 4px 0; }
.inputbtnrow button { margin-left: 4px; }

.order-total { line-height: 22px; padding: 5px 15px; }
.order-total p { display: table; width: 100%; }
.order-total p > * { display: table-cell; }
.order-total .tit { color: #999; }
.order-total .con { text-align: right; font-size: 11px; color: #e60000; }
.order-total .con em { font-size: 14px; }

.order-btnbar { text-align: right; }
.order-btnbar .btn-buy { margin-left: 10px; }

.order-agreement { text-align: center; background: #fff; padding: 10px; }
.order-agreement a { color: #ff6611; }

/*store matching*/
#page.store-matching-body { background: #fff; }

.store-matching-box { padding: 15px 0; background: #fff; color: #3c3c3c; margin-bottom: 10px; }
.store-matching-box input, .store-matching-box select, .store-matching-box textarea { border-color: #dfdfdf; }
.store-matching-box .tbviewlist { background: none; }
.store-matching-box .addr-box { margin: 0 10px; padding: 0 0 10px; }
.store-matching-box .addr-box a.addr-item { position: relative; background: none; margin: 0; border: 1px dashed #ff6611; }
.store-matching-box .addr-box a.addr-item:before { position: absolute; content: ""; right: -1px; bottom: -1px; border: solid transparent; border-width: 14px 14px 0 0; border-right-color: #ff6611; }

.store-matching { position: relative; /*.result-img{ width: 150px; height: 150px; margin: 30px auto; background: url("../images/matching-store.png") no-repeat; @include background-size(cover);}*/ }
.store-matching .matching-anim { display: none; }
.store-matching .compass-wrap { position: absolute; left: 50%; top: 20px; margin: 0 0 0 -160px; width: 320px; height: 310px; background: url("../images/matching-bg.jpg") no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto; }
.store-matching .compass-mark, .store-matching .compass, .store-matching .compass-in { position: absolute; width: 100%; height: 100%; }
.store-matching .compass-mark { background: url("../images/matching-compass-mark.png") no-repeat center; -webkit-background-size: 236px auto; background-size: 236px auto; }
.store-matching .compass { background: url("../images/matching-ring.png") no-repeat center; -webkit-background-size: 213px auto; background-size: 213px auto; -webkit-animation: rotate 5s linear infinite; animation: rotate 5s linear infinite; }
.store-matching .compass-in { background: url("../images/matching-ring-in.png") no-repeat center; -webkit-background-size: 160px auto; background-size: 160px auto; }
.store-matching .matching-result { display: none; }
.store-matching .matching-result p { padding: 5px 12px; font-size: 14px; }
.store-matching .result-img { position: relative; width: 164px; height: 164px; margin: 30px auto; }
.store-matching .circle-1, .store-matching .circle-2, .store-matching .circle-3 { position: absolute; left: 50%; top: 50%; background: rgba(255, 102, 17, 0.1); -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.store-matching .circle-1 { width: 164px; height: 164px; margin: -82px 0 0 -82px; }
.store-matching .circle-2 { width: 138px; height: 138px; margin: -69px 0 0 -69px; }
.store-matching .circle-3 { width: 120px; height: 120px; margin: -60px 0 0 -60px; }
.store-matching .img-store { position: absolute; left: 50%; top: 50%; width: 108px; height: 108px; margin: -54px 0 0 -54px; background: url("../images/matching-store.png") no-repeat; -webkit-background-size: cover; background-size: cover; }
.store-matching .result-text { text-align: center; }
.store-matching .result-text strong { font-size: 20px; display: block; text-align: center; line-height: 30px; margin-bottom: 10px; font-weight: normal; color: #3c3c3c; }
.store-matching .result-text .more { display: block; margin: 0 auto 10px; width: 130px; line-height: 30px; text-align: center; font-size: 14px; color: #999; }
.store-matching .result-text .more:after { content: "\f105"; font-family: "iconfont"; margin-left: 5px; }
.store-matching .result-title { position: relative; height: 30px; line-height: 30px; font-size: 14px; color: #747479; margin-bottom: 4px; }
.store-matching .result-title span { display: inline-block; }
.store-matching .result-title span:before { font-family: "iconfont"; content: "\f041"; color: #ff6611; width: 30px; text-align: center; font-size: 20px; }
.store-matching .result-input { border-top: 1px dotted #a3a3a3; padding: 10px 15px 0; margin: 0 10px; }
.store-matching .matching-noresult { display: none; }

.order-detail-top { background: #fff; margin-bottom: 10px; }

.order-id { font-size: 14px; line-height: 28px; text-align: center; background: #f7f7f7; }
.order-id .t { margin-right: 8px; }
.order-id .status { font-size: 12px; margin-left: 20px; }

.order-topinfo { padding: 18px 0; text-align: center; }
.order-topinfo p { color: #999; font-size: 14px; }
.order-topinfo .price-real { display: block; font-size: 14px; }
.order-topinfo .price-real em { font-size: 24px; }

.order-express { display: inline-block; margin-top: 12px; padding: 0 20px; line-height: 24px; font-size: 16px; color: #fff; background: #ff6611; -webkit-border-radius: 12px; border-radius: 12px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.order-express em { margin-left: 10px; }

.order-address { padding: 16px 25px; background: url("../images/ribbon.png") repeat-x #fff; -webkit-background-size: auto 4px; background-size: auto 4px; margin-bottom: 10px; }
.order-address .phone:before { font-family: "iconfont"; content: "\f098"; color: #dfdfdf; font-size: 18px; margin-right: 2px; }
.order-address address:before { content: "收货地址"; font-size: 16px; color: #dfdfdf; display: inline-block; padding-right: 15px; margin-right: 15px; border-right: 1px solid #dfdfdf; }

.order-box { padding: 8px 25px; }
.order-box .list-title { line-height: 27px; padding: 4px 0; }
.order-box .list-title .c { font-size: 16px; color: #999; }
.order-box .list-title .r em { font-size: 14px; color: #ff6611; margin: 0 5px; }
.order-box .list-title .r p { line-height: 18px; color: #999; }
.order-box .ico { display: inline-block; vertical-align: middle; width: 27px; height: 27px; background: url("../images/order-icons.png") no-repeat; -webkit-background-size: 27px auto; background-size: 27px auto; }
.order-box .ico-order { background-position: 0 -27px; }
.order-box .ico-invoice { background-position: 0 -56px; }
.order-box .prd-list li { padding-left: 0; padding-right: 0; }
.order-box .prd-list .price-real { color: #3c3c3c; }
.order-box .prd-list .count { color: #ff6611; }
.order-box .prd-list .extra { border-top: 0; padding: 5px 0; margin: 0; border-bottom: 1px dashed #eee; }
.order-box .prd-list .extra:last-of-type { border: 0; }
.order-box .prd-list .ctrl { text-align: right; padding-top: 5px; }
.order-box .itemlink { color: #999; font-size: 12px; }

.order-store { margin-top: 12px; }
.order-store p { margin-bottom: 12px; line-height: 20px; padding: 0; }
.order-store .t { display: inline-block; width: 57px; padding-left: 25px; border: 1px solid #dfdfdf; font-size: 12px; line-height: 18px; -webkit-border-radius: 9px; border-radius: 9px; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 6px; vertical-align: middle; background: url("../images/order-icons.png") no-repeat; -webkit-background-size: 27px auto; background-size: 27px auto; }
.order-store .c { font-size: 16px; vertical-align: middle; }
.order-store .order-store-deliver .t { background-position: 0 -86px; }
.order-store .order-store-sale .t { background-position: 0 -114px; }

.order-infolist { border-top: 1px solid #eee; }

.order-info-item { position: relative; border-bottom: 1px solid #eee; padding: 9px 0; line-height: 18px; color: #999; padding-left: 79px; }
.order-info-item:before { content: ""; position: absolute; left: 0; top: 50%; width: 27px; height: 27px; margin-top: -13px; background: url("../images/order-icons.png") no-repeat; -webkit-background-size: 27px auto; background-size: 27px auto; }
.order-info-item:after { content: ""; position: absolute; top: 14px; bottom: 14px; left: 45px; border-left: 1px solid #eee; }

.order-info-pay:before { background-position: 0 -135px; }

.order-info-time:before { background-position: 0 -162px; }

.order-memo { line-height: 18px; color: #999; padding-top: 7px; }

/*userhead*/
.userhead { position: relative; width: 62px; height: 62px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.userhead:after { content: ""; position: absolute; width: 100%; height: 100%; left: -1px; top: -1px; border: 1px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.userhead:before { content: ""; opacity: 0; position: absolute; width: 74px; height: 74px; left: 50%; top: 50%; margin: -37px 0 0 -37px; background: url("../images/halo.png") no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-animation: halo 2s linear; animation: halo 2s linear; }

/*mycenter*/
.ico-level { display: inline-block; padding: 0 4px; height: 14px; line-height: 14px; background: #e60000; -webkit-border-radius: 7px; border-radius: 7px; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 11px; color: #fff; font-weight: bold; }
.ico-level:before { content: "Lv."; }

.mc-headwrap { position: relative; }
.mc-headwrap .pic { position: relative; }
.mc-headwrap .name { line-height: 20px; text-align: center; font-size: 14px; color: #fff; white-space: nowrap; }
.mc-headwrap .level { position: absolute; bottom: 0; left: 60%; }
.mc-headwrap .btnbar { display: inline-block; }
.mc-headwrap .btnbar a { margin-right: 10px; }

.mc-head { position: relative; }

.mc-sign-in a { display: block; height: 28px; line-height: 28px; padding: 0 15px; color: #fff; background: #e60000; font-size: 12px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; /*padding: 0 7px 0 27px; background: url("../images/ico-calendar.png") no-repeat 6px 50% $color_red;*/ -webkit-background-size: 15px auto; background-size: 15px auto; }
.mc-sign-in.active a { background-color: #646464; }

.mc-infobox { padding: 0; }

.mc-info-link { border-bottom: 1px solid #eee; position: relative; padding: 7px 10px; height: 30px; line-height: 30px; font-size: 14px; }
.mc-info-link .r { float: right; font-size: 12px; }
.mc-info-link .grey { font-size: 12px; }
.mc-info-link .c { white-space: nowrap; font-size: 14px; }
.mc-info-link .ico { display: inline-block; width: 25px; height: 25px; margin-right: 0; vertical-align: -7px; background: url("../images/pcico-sprites.png") no-repeat; -webkit-background-size: 25px auto; background-size: 25px auto; }
.mc-info-link .ico:before { content: ""; }
.mc-info-link .fr { margin: -7px -10px 0; height: 44px; line-height: 44px; }
.mc-info-link .fr .btn-action, .mc-info-link .fr .btn-comment { vertical-align: top; color: #dd3232; background: #fcebeb; padding: 0 24px; height: 44px; line-height: 44px; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }
.mc-info-link .fr .btn-comment { background: #fef6f6; border: 0; }
.mc-info-link .fr .ui-btn { float: left; padding: 0 24px; height: 44px; margin: 0; line-height: 44px; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 14px; }
.mc-info-link .pcico-order { background-position: 0 -25px; }
.mc-info-link .pcico-cards { background-position: 0 -50px; }
.mc-info-link .pcico-vip { background-position: 0 -75px; }
.mc-info-link .pcico-secure { background-position: 0 -100px; }

.mc-info-list { border-bottom: 1px solid #eee; }
.mc-info-list ul { padding: 5px 0; }
.mc-info-list li { text-align: center; border-left: 1px solid #eee; line-height: 18px; }
.mc-info-list li:first-child { border: 0; }
.mc-info-list .ico { width: 25px; height: 25px; }
.mc-info-list .t { color: #999; display: block; line-height: 20px; height: 20px; }
.mc-info-list .c { color: #000; display: block; font-size: 14px; }
.mc-info-list em { font-weight: bold; margin: 0 2px; }
.mc-info-list a { color: #ff6611; }

.mc-order-notify .t { font-size: 14px; }
.mc-order-notify .c { font-size: 12px; }

/*.mc-top .menubar a{ position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff; border-width: 1px 0; &:before{ position: absolute; content: ""; top: 4px; height: 25px; width: 1px; background: #e9e9e9; left: 0; } &:first-child:before{ display: none; }
}*/
.menubar { margin: 0 0 7px; }
.menubar a { margin: 0; padding: 0; text-align: center; height: 35px; line-height: 35px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-left: -1px; background: #fbfbfb; color: #505050; border: 1px solid #dfdfdf; }
.menubar a:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.menubar a:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.menubar a:hover, .menubar a.selected { position: relative; background: #fff; }

.badge { display: inline-block; height: 16px; font-style: normal; min-width: 8px; overflow: hidden; padding: 0 4px; font-size: 14px; line-height: 16px; text-align: center; color: #e60000; border: 1px solid #e60000; background: #fff; -webkit-border-radius: 9px; border-radius: 9px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.badge.badge-small { font-size: 11px; line-height: 15px; height: 15px; }

.badge-dot { height: 5px; width: 5px; font-size: 0; padding: 0; min-width: 0; }

.mc-menulist { border: 1px solid #e4e5e5; background: #fff; margin-bottom: 7px; }
.mc-menulist .itemlink { padding: 0; margin: 0; line-height: 40px; }
.mc-menulist h3 { border-left: 3px solid #f00; border-bottom: 1px solid #e4e5e5; color: #f00; padding-left: 9px; line-height: 35px; font-size: 13px; }
.mc-menulist h3 a { color: inherit; }
.mc-menulist ul { margin-bottom: -1px; }
.mc-menulist li { position: relative; padding-left: 43px; line-height: 35px; border-bottom: 1px solid #e4e5e5; font-size: 11px; }
.mc-menulist li .itemlink { margin-left: -43px; padding-left: 43px; }
.mc-menulist b { position: absolute; width: 35px; height: 35px; left: 6px; top: 4px; }
.mc-menulist b:before { color: #b1b1b1; }

.pcico:before, .mc-menulist b:before { display: inline-block; width: 35px; height: 35px; font-family: "usericons"; text-align: center; line-height: 35px; font-size: 25px; -webkit-font-smoothing: antialiased; font-weight: normal; vertical-align: middle; }

.pcico-order:before { content: "\e60a"; }

.pcico-coupon:before { content: "\e604"; }

.pcico-cart:before { content: "\e612"; }

.pcico-fav:before { content: "\e606"; }

.pcico-credit:before { content: "\e605"; }

.pcico-consult:before { content: "\e60f"; }

.pcico-share:before { content: "\e60b"; }

.pcico-comment:before { content: "\e602"; }

.pcico-setting:before { content: "\e611"; }

.pcico-security:before { content: "\e610"; }

.pcico-level:before { content: "\e609"; }

.pcico-history:before { content: "\e608"; }

.pcico-prize:before { content: "\e60c"; }

.pcico-gift:before { content: "\e607"; }

.pcico-redpacket:before { content: "\e61a"; }

.pcico-address:before { content: "\e601"; }

.pcico-vipcard:before { content: "\e613"; }

.pcico-balance:before { content: "\e600"; }

.pcico-recharge:before { content: "\e60d"; }

.pcico-complaint:before { content: "\e603"; }

.pcico-index:before { content: "\e615"; }

.pcico-qrcode:before { content: "\e616"; }

.pcico-rebate:before { content: "\e618"; }

.pcico-goods:before { content: "\e614"; }

.pcico-staff:before { content: "\e619"; }

.pcico-personrebate:before { content: "\e617"; }

.mc-menulist-spread h3 { border-left-color: #46b97f; color: #46b97f; }

.mc-menulist-grid ul { overflow: hidden; margin-right: -1px; }
.mc-menulist-grid li { float: left; width: 25%; padding-left: 0; text-align: center; }
.mc-menulist-grid .badge { position: absolute; top: 10px; margin-left: 10px; }
.mc-menulist-grid li a { display: block; border-right: 1px solid #e4e5e5; height: 65px; padding-top: 11px; line-height: 30px; }
.mc-menulist-grid li b { position: relative; left: 0; top: 0; display: block; margin: auto; }
.mc-menulist-grid li b:before { font-size: 35px; }

.mc-menutab .ui-tabs-content .ui-tabs-panel { padding: 0; }
.mc-menutab .mc-menulist { margin-bottom: 0; border-width: 1px 0 0; }
.mc-menutab .ui-tabs-nav li { position: relative; }
.mc-menutab .ui-tabs-nav li.ui-state-active:before { position: absolute; top: -2px; left: 0; width: 100%; content: ""; border-top: 3px solid #46b97f; }

.bdbox-info p { line-height: 30px; padding: 0 7px; }

.carditem { display: inline-block; border: 1px solid #ebebeb; padding: 0 8px; margin-right: 5px; height: 30px; }
.carditem img { max-height: 100%; }

/*profile*/
.guide-info { height: 50px; background: #666; text-align: center; font-size: 18px; color: #fff; line-height: 50px; }
.guide-info em { margin-right: 5px; color: #ffaa00; }
.guide-info strong { display: inline-block; margin-left: 5px; height: 27px; line-height: 27px; padding: 0 10px; background: #ffaa00; -webkit-border-radius: 14px; border-radius: 14px; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 15px; }
.guide-info strong span { font-size: 18px; }
.guide-info:after { position: absolute; content: ""; width: 40px; height: 35px; margin: 5px 0 0 5px; background: url("../images/handarrow.png") no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.profile-top { background: #fff; margin-bottom: 10px; padding: 18px 16px; border-bottom: 1px solid #eee; }
.profile-top .pic { float: left; }
.profile-top h3 { margin-left: 80px; padding: 6px 0; }
.profile-top p { margin-left: 80px; }
.profile-top .btnbar { padding: 28px 0 0; margin-left: 80px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.profile-top .btnbar a { display: block; text-align: center; height: 20px; line-height: 20px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; border-left: 1px solid #eee; }
.profile-top .btnbar a:first-child { border: 0; }
.profile-top .btnbar .ico { width: 20px; height: 20px; vertical-align: -1px; margin-right: 2px; }
.profile-top .btnbar .ico:before { width: 20px; height: 20px; line-height: 20px; font-size: 18px; }
.profile-top:after { content: ""; display: block; clear: both; height: 0; }

/*balance*/
.balancelist { background: #fff; }
.balancelist .hd { padding: 0 17px; line-height: 35px; margin-bottom: 4px; border-bottom: 1px dashed #e9e9e9; }
.balancelist .bd { padding: 0 17px; line-height: 26px; }
.balancelist .bd ul { display: table; width: 100%; }
.balancelist .bd li { display: table-row; }
.balancelist .bd li > div { display: table-cell; }
.balancelist .bd .l { width: 100%; }
.balancelist .bd .r { text-align: right; padding-left: 10px; vertical-align: bottom; white-space: nowrap; }

.balance-top { position: relative; padding: 20px 15px; background: #282837; }
.balance-top h3 { font-size: 12px; line-height: 30px; color: #89c997; }
.balance-top p { line-height: 50px; color: #fff; font-size: 30px; }
.balance-top p em { font-size: 40px; margin-left: 5px; }
.balance-top .btnbar { margin-top: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.balance-top .btnbar .ui-btn { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; width: 100%; margin-left: 10px; }
.balance-top .btnbar .ui-btn:first-child { margin-left: 0; }
.balance-top .more { position: absolute; right: 15px; top: 20px; line-height: 30px; }
.balance-top .more a { color: #89c997; }

.balance-list h3 { font-size: 12px; line-height: 32px; padding: 0 15px; border-bottom: 1px solid #eee; color: #999; }
.balance-list ul { padding: 0 15px; }
.balance-list li { border-bottom: 1px solid #eee; padding: 10px 0; line-height: 22px; }
.balance-list .l { font-size: 14px; }
.balance-list .r { font-size: 18px; float: right; color: #ff6611; }
.balance-list p { clear: both; font-size: 12px; color: #999; }

/*secure*/
.securelist h3 { font-size: 14px; }
.securelist p { color: #999; line-height: 18px; font-size: 12px; }

/*coupon*/
.couponlist { padding: 8px; /*li{ width: 300px; margin: 0 auto 8px; font-size: 14px; height: 122px; overflow: hidden; border-bottom: 1px solid $color_grey_line;}
.hd{ position: relative; height: 93px; background: url("../images/coupon-top.png") no-repeat; -webkit-background-size: auto 93px; background-size: auto 93px; color: $color_white; a{ color: $color_white;} .code{ position: absolute; right: 10px; top: 10px; } h3{ position: absolute; left: 8px; top: 35px; font-size: 15px; .price{ font-size: 32px; color: $color_white; margin-right: 10px; em{ font-size: 45px; } } }
}
.ft{ padding: 0 10px; color: #828282; background: url("../images/coupon-foot.png") repeat-y; -webkit-background-size: 300px 16px; background-size: 300px 16px; .status{ float: left; line-height: 29px; white-space: nowrap; font-size: 15px; } .time{ line-height: 29px; font-size: 12px; @include overflow-ellipsis;} .condition{ border-top: 1px solid $color_grey_line; padding: 7px 0; }
}
li.disabled{ .hd{ background-image: url(../images/coupon-top-disable.png); }
}
.ft .time{ text-align: right; }*/ }

.coupon-item { position: relative; background: #fff; margin-bottom: 10px; -webkit-box-shadow: 0px 1px 3px 0px rgba(11, 3, 6, 0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(11, 3, 6, 0.2); box-shadow: 0px 1px 3px 0px rgba(11, 3, 6, 0.2); }
.coupon-item .hd { height: 29px; line-height: 29px; color: #666; padding: 0 12px; border-top: 2px solid #e65d89; border-bottom: 1px dashed #f5c7d5; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-background-clip: padding-box; background-clip: padding-box; }
.coupon-item .hd .l { float: left; }
.coupon-item .hd .r { float: right; }
.coupon-item .hd .r a { display: inline-block; height: 22px; line-height: 22px; padding: 0 10px; background: #ff6611; color: #fff; }
.coupon-item .hd:before, .coupon-item .hd:after { position: absolute; content: ""; width: 8px; height: 10px; background: url("../images/coupon-angle.png") no-repeat; -webkit-background-size: auto 20px; background-size: auto 20px; top: 26px; }
.coupon-item .hd:before { left: -2px; }
.coupon-item .hd:after { right: -2px; background-position: 0 -10px; }
.coupon-item .bd { line-height: 20px; overflow: hidden; }
.coupon-item .bd .l { float: left; width: 120px; height: 88px; text-align: center; border-right: 1px dashed #f5c7d5; }
.coupon-item .bd .l h3 { font-size: 18px; color: #e65d89; margin-top: 12px; font-weight: normal; }
.coupon-item .bd .l h3 em { font-size: 36px; line-height: 40px; }
.coupon-item .bd .r { margin-left: 121px; padding: 12px 12px 0 10px; }
.coupon-item .bd .r .time { display: table; height: 40px; width: 100%; }
.coupon-item .bd .r .time p { display: table-cell; vertical-align: middle; }
.coupon-item .bd .r .time em { color: #e65d89; }
.coupon-item .ft { clear: both; border-top: 1px dashed #f5c7d5; background: #fcf5f6; padding: 6px 12px; line-height: 20px; }

.coupon-item-close:before, .coupon-item-open:before { position: absolute; font-family: "iconfont"; top: 85px; right: 8px; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; }

.coupon-item-close:before { content: "\f107"; }
.coupon-item-close .ft { display: none; }

.coupon-item-open:before { content: "\f106"; }

.coupon-item-used, .coupon-item-overdue, .coupon-item-disabled { background-position: 97% 14px; background-repeat: no-repeat; -webkit-background-size: 82px 65px; background-size: 82px 65px; }
.coupon-item-used *, .coupon-item-overdue *, .coupon-item-disabled * { color: #999 !important; border-color: #999 !important; }

.coupon-item-used { background-image: url("../images/coupon-used.png"); }

.coupon-item-overdue { background-image: url("../images/coupon-overdue.png"); }

.coupon-item-disabled { background-image: url("../images/coupon-disabled.png"); }

/*credit*/
.credit-top h3 { color: #999; }
.credit-top p { color: #89c997; }
.credit-top p em { margin-left: 0; }

/*usercenter*/
.uc-top { position: relative; margin-bottom: 10px; height: 255px; -webkit-perspective: 1000px; perspective: 1000px; }
.uc-top.flipped .uc-info { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.uc-top.flipped .uc-card { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }

.ui-top-side { position: absolute; left: 0; top: 0; width: 100%; height: 245px; padding-top: 10px; background: #272c39; color: #fff; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.ui-top-side .corner-mark { position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background: url("../images/uc-corner.png") no-repeat; -webkit-background-size: 50px auto; background-size: 50px auto; }

.data-user-credit { width: 140px; height: 140px; margin: 20px auto 10px; background: url("../images/user-credit-bg.png") no-repeat; -webkit-background-size: contain; background-size: contain; text-align: center; }
.data-user-credit .t { line-height: 21px; padding-top: 35px; color: #ffb600; font-size: 12px; }
.data-user-credit .num { line-height: 33px; margin: 0 15px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 24px; color: #fff; }

.uc-info { z-index: 2; line-height: 24px; font-size: 14px; }

.uc-card { z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.uc-card .card-box { width: 270px; height: 194px; padding: 8px 10px; margin: auto; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.uc-card p { line-height: 34px; }
.uc-card .barcode img, .uc-card .qrcode img { height: 100%; }
.uc-card .barcode { height: 67px; margin: 0 0 5px; }
.uc-card .qrcode { height: 123px; }
.uc-card .corner-mark { background-position: 0 -50px; }

.uc-viewlist .ico { background: url("../images/ico-sprites-usercenter.png") no-repeat; -webkit-background-size: 30px auto; background-size: 30px auto; vertical-align: middle; }
.uc-viewlist .ico:before { content: ""; }
.uc-viewlist .ico-vip { background-position: 0 0; }
.uc-viewlist .ico-address { background-position: 0 -30px; }
.uc-viewlist .ico-comment { background-position: 0 -60px; }
.uc-viewlist .ico-consult { background-position: 0 -90px; }
.uc-viewlist .ico-subscribe { background-position: 0 -120px; }
.uc-viewlist .ico-fav { background-position: 0 -150px; }
.uc-viewlist .ico-store { background-position: 0 -180px; }
.uc-viewlist .ico-history { background-position: 0 -210px; }

/*wallet*/
.menu-big { line-height: 100px; margin-bottom: 10px; }
.menu-big ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.menu-big li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; width: 100%; margin-left: 1px; font-size: 14px; color: #fff; background: #ff6611; text-align: center; white-space: nowrap; }
.menu-big li:first-child { margin-left: 0; background: #282837; }
.menu-big a { display: block; color: #fff; }
.menu-big .ico { display: inline-block; vertical-align: middle; width: 45px; height: 45px; margin-right: 8px; background-repeat: no-repeat; background-image: url("../images/ico-sprites-wallet.png"); -webkit-background-size: 45px auto; background-size: 45px auto; }

.menu-grid { background: #fff; overflow: hidden; }
.menu-grid ul { overflow: hidden; margin: -1px 0 0 -1px; }
.menu-grid li { position: relative; float: left; height: 115px; width: 33.3%; }
.menu-grid li:before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border: solid #eee; border-width: 1px 0 0 1px; z-index: 0; }
.menu-grid .ico { display: block; width: 45px; height: 45px; margin: 21px auto 5px; background-repeat: no-repeat; background-image: url("../images/ico-sprites-wallet.png"); -webkit-background-size: 45px auto; background-size: 45px auto; }
.menu-grid p { line-height: 20px; text-align: center; font-size: 14px; }
.menu-grid a { position: relative; z-index: 1; display: block; height: 100%; padding-top: 1px; }
.menu-grid .more { color: #999; }

.ico-more { background-position: 0 0; }

.ico-recharge { background-position: 0 -45px; }

.ico-withdraw { background-position: 0 -90px; }

.ico-coupon { background-position: 0 -135px; }

.ico-redpacket { background-position: 0 -180px; }

.ico-credit { background-position: 0 -225px; }

.ico-rechargecard { background-position: 0 -270px; }

.ico-prize { background-position: 0 -315px; }

.ico-record { background-position: 0 -360px; }

/*withdraw*/
.check-tab { margin: 8px 10px; }
.check-tab ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.check-tab li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; width: 100%; margin-left: 6px; background: #999; padding: 15px 0; text-align: center; color: #fff; font-size: 14px; }
.check-tab li:first-child { margin-left: 0; }
.check-tab li.selected { position: relative; background: #ff6611; }
.check-tab li.selected:before { position: absolute; bottom: -9px; left: 50%; margin-left: -9px; content: ""; width: 0; height: 0; border: solid transparent; border-width: 9px 9px 0; border-top-color: #ff6611; }
.check-tab label { display: block; padding: 15px 0; margin: -15px 0; }
.check-tab input[type=checkbox], .check-tab input[type=radio] { margin-left: 5px; }
.check-tab input[type=checkbox]:before, .check-tab input[type=radio]:before { border-color: #fff; background: none; }
.check-tab input[type=checkbox]:checked:before, .check-tab input[type=radio]:checked:before { background: #fff; }
.check-tab input[type=checkbox]:checked:after, .check-tab input[type=radio]:checked:after { border-color: #ff6611; }
.check-tab .ico { display: block; width: 50px; height: 50px; margin: 0 auto 10px; }

.withdraw-tab .ico { background: url("../images/withdraw-icons.png") no-repeat; -webkit-background-size: 50px auto; background-size: 50px auto; }
.withdraw-tab .ico-account-balance { background-position: 0 0; }
.withdraw-tab .ico-rebate-com { background-position: 0 -50px; }

.withdraw-available { position: relative; margin: 0 45px 3px; padding: 10px 0 25px; text-align: center; }
.withdraw-available .t { position: absolute; width: 100%; bottom: 10px; color: #999; font-size: 14px; }
.withdraw-available .num { line-height: 50px; font-size: 30px; color: #ff6611; }
.withdraw-available .num em { font-size: 40px; }

.withdraw-diabled { position: relative; margin: 0 45px 3px; padding: 5px 0 20px; text-align: center; border-top: 1px dashed #999; }
.withdraw-diabled .t { position: absolute; width: 100%; bottom: 6px; color: #999; font-size: 14px; }
.withdraw-diabled .num { line-height: 30px; font-size: 16px; color: #999; }
.withdraw-diabled .num em { font-size: 20px; }

.withdraw-form { margin: 0 45px 10px; border-top: 1px solid #fff; }
.withdraw-form h3 { color: #89c997; font-size: 14px; text-align: center; line-height: 30px; }
.withdraw-form h3:before { content: ""; display: inline-block; margin-right: 5px; vertical-align: -7px; width: 25px; height: 25px; background: url("../images/withdraw-icons.png") no-repeat 0 -100px; -webkit-background-size: 50px auto; background-size: 50px auto; }
.withdraw-form input { width: 100%; border-color: #6f6f76; background: #333341; color: #fff; }
.withdraw-form input:focus { background: #f7f7f7; border-color: #ff6611; color: #3c3c3c; }

.withdraw-bankcard { margin: 0 10px 10px; color: #fff; }
.withdraw-bankcard h3 { line-height: 35px; font-size: 14px; }
.withdraw-bankcard .formlist { margin: 0; padding: 0; }
.withdraw-bankcard input, .withdraw-bankcard textarea { border-color: #6f6f76; background: #333341; }
.withdraw-bankcard input:focus, .withdraw-bankcard textarea:focus { background: #f7f7f7; border-color: #ff6611; }

.withdraw-forget { line-height: 30px; padding: 5px 10px 0; }

.withdraw_password { margin: 0 10px; }
.withdraw_password input { width: 100%; border-color: #6f6f76; background: #333341; }
.withdraw_password input:focus { background: #f7f7f7; border-color: #ff6611; }
.withdraw_password p a { width: 100%; background: #333341; font-size: 14px; border: 1px solid #6f6f76; text-align: center; height: 36px; line-height: 36px; color: #a9a9a9; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.add-bankcard a { display: block; border: 2px dashed #b5b5b5; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; color: #b5b5b5; font-size: 14px; height: 76px; line-height: 76px; text-align: center; }
.add-bankcard a:before { font-family: "iconfont"; content: "\f067"; font-size: 28px; margin-right: 20px; vertical-align: middle; }

.bankcard { position: relative; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; height: 80px; padding: 0 7px 0 15px; white-space: nowrap; }
.bankcard .bank { padding: 5px 0; line-height: 30px; font-size: 14px; }
.bankcard .bank .ico { display: inline-block; width: 25px; height: 25px; margin-right: 5px; margin-left: -2px; vertical-align: middle; }
.bankcard .name { float: left; font-size: 16px; max-width: 5em; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.bankcard .account { float: left; font-size: 14px; margin-top: 3px; margin-left: 14px; color: #999; }

.bankcard-list { padding-top: 8px; }
.bankcard-list li { margin: 0 10px 8px; }
.bankcard-list .bankcard { height: auto; overflow: hidden; padding-bottom: 10px; }

.bank-list li { line-height: 45px; }
.bank-list .itemlink { font-size: 16px; padding-right: 40px !important; padding-left: 20px; }
.bank-list .itemlink:before { right: 20px; }
.bank-list .itemlink .ico { width: 45px; height: 45px; vertical-align: middle; }

/*invoice*/
.invoice-list li { display: block; }
.invoice-list li p { float: left; clear: left; line-height: 24px; }
.invoice-list li .tit { float: none; font-size: 12px; color: #999; }

.storescale { height: 40px; position: fixed; left: 0; bottom: 70px; -webkit-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; -webkit-background-clip: padding-box; background-clip: padding-box; background: rgba(60, 60, 60, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); border-left: none; -webkit-transform: translateX(-155px); -moz-transform: translateX(-155px); transform: translateX(-155px); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; -webkit-box-shadow: -1px 1px 3px rgba(10, 2, 4, 0.5); -moz-box-shadow: -1px 1px 3px rgba(10, 2, 4, 0.5); box-shadow: -1px 1px 3px rgba(10, 2, 4, 0.5); z-index: 150; }
.storescale .storescale-l { width: 34px; height: 34px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; float: right; margin: 3px 3px 0 10px; }
.storescale .storescaler-r { width: 125px; float: left; text-align: right; height: 40px; line-height: 40px; color: #FFFFFF; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin-left: 5px; }
.storescale .storescaler-r a { color: #FFFFFF; }
.storescale .storescaler-r a:visited { color: #FFFFFF; }
.storescale.selected { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }

/*seller index*/
.mc-top { padding: 7px 7px 7px 90px; }
.mc-top .mc-head { float: left; margin-left: -82px; height: 64px; }
.mc-top .level { position: absolute; left: 50%; bottom: 0; }
.mc-top .t { margin: 4px 0; }
.mc-top .t h3 { font-size: 15px; display: inline; }
.mc-top .c { overflow: hidden; }
.mc-top .c p, .mc-top .c .price { color: #999; font-size: 12px; }
.mc-top .c .highlight { color: #000; }
.mc-top .c .highlight .price { color: #e60000; font-size: 14px; }
.mc-top .extra { float: right; margin-top: 10px; }

.link-edit { font-size: 12px; margin-left: 10px; color: #999; display: inline-block; padding-left: 20px; background: url("../images/ico-edit.png") no-repeat left; -webkit-background-size: 16px auto; background-size: 16px auto; }

.mc-headwrap2 { background: #e60000; color: #FFFFFF; }
.mc-headwrap2 .mc-head2 { height: 50px; line-height: 50px; padding-left: 18px; font-size: 14px; position: relative; }
.mc-headwrap2 .mc-head2 .goback { padding: 0 10px; display: block; height: 24px; line-height: 24px; border: 1px solid #FFFFFF; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; right: 7px; top: 10px; color: #FFFFFF; }
.mc-headwrap2 .mc-btm { text-align: center; padding-bottom: 20px; position: relative; }
.mc-headwrap2 .mc-btm p { font-size: 33px; }
.mc-headwrap2 .mc-btm span { width: 100%; display: block; font-size: 14px; }
.mc-headwrap2 .mc-btm .ui-btn { padding: 0 10px; display: block; height: 24px; line-height: 24px; border: 1px solid #FFFFFF; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; right: 7px; bottom: 20px; color: #FFFFFF; }

.mc-info-grid { overflow: hidden; }
.mc-info-grid li { box-sizing: border-box; width: 50%; float: left; line-height: 44px; border: solid #eee; border-width: 0 0 1px 1px; text-align: center; white-space: nowrap; }
.mc-info-grid li > a { display: block; font-size: 14px; color: #3c3c3c; }
.mc-info-grid li .t { padding-top: 5px; line-height: 25px; color: #999; font-size: 12px; }
.mc-info-grid li .c { padding-bottom: 7px; line-height: 25px; font-size: 12px; color: #646464; }
.mc-info-grid li .c em { font-size: 16px; }

.mc-info-grid2 { background: #e60000; }
.mc-info-grid2 li { border: solid #cf0000; border-width: 1px 0 0 0; position: relative; text-align: left; }
.mc-info-grid2 li > a { color: #FFFFFF; }
.mc-info-grid2 li .t { color: #FFFFFF; padding-left: 12px; }
.mc-info-grid2 li .c { color: #FFFFFF; padding-left: 12px; }
.mc-info-grid2 li i { border-width: 10px; border-color: transparent #f59999 #f59999 transparent; position: absolute; right: 7px; bottom: 8px; border-style: solid; }
.mc-info-grid2 li.report { border: none; background: #f7f7f7; text-align: center; }
.mc-info-grid2 li.report > a { color: #3c3c3c; }

.mc-info-grid-link { font-size: 14px; line-height: 44px; text-align: center; }
.mc-info-grid-link li { position: relative; }
.mc-info-grid-link li.more { color: #999; }
.mc-info-grid-link li > a { position: relative; display: block; }
.mc-info-grid-link .ico { display: inline-block; vertical-align: middle; margin: 0 10px 0 -10px; width: 40px; height: 40px; background: url("../images/sellerico-sprites.png") no-repeat; background-repeat: no-repeat; -webkit-background-size: 40px auto; background-size: 40px auto; }
.mc-info-grid-link .icon-article { background-position: 0 -40px; }
.mc-info-grid-link .icon-develop { background-position: 0 -80px; }
.mc-info-grid-link .icon-person { background-position: 0 -120px; }
.mc-info-grid-link .icon-store { background-position: 0 -160px; }
.mc-info-grid-link .icon-promotion { background-position: 0 -200px; }
.mc-info-grid-link .icon-customer { background-position: 0 -240px; }
.mc-info-grid-link .icon-decoration { background-position: 0 -280px; }
.mc-info-grid-link .icon-substore { background-position: 0 -320px; }
.mc-info-grid-link .icon-more { background-position: 0 -360px; }
.mc-info-grid-link .icon-activities { background-position: 0 -400px; }
.mc-info-grid-link .icon-qrcode { background-image: url("../images/ico-qrcode.png"); }
.mc-info-grid-link .badge { position: absolute; margin-left: 4px; top: 50%; margin-top: -8px; }

.mc-info-grid-sg li { width: 100%; border-left: none; text-align: left; padding-left: 15px; position: relative; }
.mc-info-grid-sg li:after { position: absolute; content: "\f054"; width: 13px; height: 16px; line-height: 16px; text-align: center; right: 12px; top: 50%; margin-top: -8px; color: #ccc; font-size: 13px; font-family: "iconfont"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*report*/
.report-headinfo { background: #282837; padding: 13px 0; color: #a0a0a0; }
.report-headinfo ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; height: 52px; }
.report-headinfo li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; min-width: 79px; border-left: 1px dotted #a0a0a0; text-align: center; font-size: 12px; }
.report-headinfo li:first-child { border: 0; }
.report-headinfo .t { color: #89c997; line-height: 1; }
.report-headinfo .c { margin-top: 14px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.report-headinfo .c em { font-size: 16px; margin: 0 2px; }
.report-headinfo .select-item, .report-headinfo .month-select, .report-headinfo .year-select { position: relative; }
.report-headinfo .select-item select, .report-headinfo .month-select select, .report-headinfo .year-select select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.report-headinfo .select-item .c:after, .report-headinfo .month-select .c:after, .report-headinfo .year-select .c:after { content: ""; display: inline-block; margin-left: 2px; border: solid transparent; border-top-color: #ff6611; border-width: 6px 5px 0; }
.report-headinfo .month-select { -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; box-flex: 0; width: 79px; padding-left: 15px; text-align: left; }
.report-headinfo .month-select .c { font-size: 14px; margin-top: 6px; line-height: 1; }
.report-headinfo .month-select .c em { font-size: 30px; }
.report-headinfo .year-select { -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; box-flex: 0; width: 128px; }
.report-headinfo .year-select .c { position: relative; color: #89c997; line-height: 40px; margin-top: 0; height: 52px; }
.report-headinfo .year-select .c em { font-size: 30px; }
.report-headinfo .year-select .c:after { position: absolute; left: 50%; margin-left: -5px; top: 40px; }

.report-headinfo-year .t { margin-top: 8px; }
.report-headinfo-year .c { font-size: 18px; margin-top: 2px; }

.report-month-data { position: relative; height: 150px; margin-bottom: 10px; background: #e60000 url("../images/report_bg.png") no-repeat 100% 100%; -webkit-background-size: 200px 110px; background-size: 200px 110px; color: #fff; }
.report-month-data .data-rebate-total { position: relative; padding-left: 15px; padding-top: 38px; }
.report-month-data .data-rebate-total .num { line-height: 45px; font-size: 30px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.report-month-data .data-rebate-total .num em { font-size: 40px; margin-left: 4px; }
.report-month-data .more { position: absolute; right: 12px; bottom: 0; line-height: 33px; }
.report-month-data .more a { color: #fff; }
.report-month-data .more a:before { font-family: "iconfont"; content: "\f06a"; margin-right: 4px; }

.report-year-data { text-align: center; height: 240px; }
.report-year-data .data-order-total { margin: 20px auto; width: 110px; height: 110px; border: 15px solid #89c997; background: #282837; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.report-year-data .data-order-total .t { margin-top: 23px; line-height: 15px; color: #89c997; }
.report-year-data .data-order-total .num { margin-top: 8px; font-size: 24px; color: #fff; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.report-year-data .data-rebate-total { position: relative; }
.report-year-data .data-rebate-total .t { position: absolute; bottom: -20px; width: 100%; text-align: center; }
.report-year-data .data-rebate-total .num { font-size: 30px; line-height: 1; color: #ff6611; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.report-year-data .data-rebate-total .num em { font-size: 40px; margin-left: 4px; }

.report-tb { width: 100%; table-layout: fixed; margin-bottom: 10px; }
.report-tb thead td { height: 30px; font-size: 16px; background: #ff6611; text-align: center; color: #fff; }
.report-tb thead td:first-child { background: #89c997; }
.report-tb tbody tr { border-bottom: 1px solid #eee; background: #fff; line-height: 22px; }
.report-tb tbody tr:nth-of-type(2n) { background: #f7f7f7; }
.report-tb tbody td:not(:first-child) .cell:before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; border-left: 1px dotted #d3d3d3; }
.report-tb tbody .cell { position: relative; padding: 6px 12px; }

.report-detail { font-size: 0; }
.report-detail p:after { display: block; content: ""; clear: both; height: 0; }
.report-detail .itemlink { line-height: 22px; }
.report-detail .t { float: left; width: 46px; font-size: 12px; text-align: center; white-space: nowrap; }
.report-detail .c { margin-left: 55px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; }
.report-detail .c em { margin-left: 4px; }
.report-detail .data-order { color: #007130; }
.report-detail .data-rebate { color: #ff6611; }
.report-detail .data-rebate .t { height: 16px; line-height: 16px; border: 1px solid #ff6611; margin: 2px -1px 0; -webkit-border-radius: 8px; border-radius: 8px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.report-tb-month thead td:first-child { width: 128px; }

.report-tb-year thead td:first-child { width: 84px; background: #282837; }
.report-tb-year .cell-year { font-size: 16px; text-align: center; }
.report-tb-year .cell-year em { font-size: 30px; margin-right: 4px; }

.simple-pager { text-align: center; height: 70px; line-height: 70px; }
.simple-pager a { font-size: 14px; display: inline-block; padding: 0 10px; }
.simple-pager .current { font-size: 24px; display: inline-block; padding: 0 28px; }

.rule-intro { height: 70px; line-height: 70px; text-align: center; background: #282837; }
.rule-intro a { display: block; color: #999; }
.rule-intro a:before { font-family: "iconfont"; content: "\f06a"; margin-right: 4px; color: #e60000; }

/*article-pull*/
.article-pull-list li { position: relative; background: #fff; margin-bottom: 10px; overflow: hidden; }
.article-pull-list .pic { float: left; width: 145px; height: 145px; border-right: 1px solid #eee; }
.article-pull-list .pic img { width: 100%; height: 100%; }
.article-pull-list .info { margin-left: 146px; padding: 9px; }
.article-pull-list h3 { line-height: 18px; font-size: 14px; height: 54px; overflow: hidden; margin-bottom: 30px; }
.article-pull-list p { line-height: 18px; color: #999; }
.article-pull-list p em { color: #ff6611; }
.article-pull-list .share { position: absolute; right: 10px; bottom: 30px; }

/*news*/
.newslist { background: #fff; }
.newslist li { border-top: 1px dashed #eee; padding: 8px 4px; }
.newslist li:first-child { border: 0; }

.news-container { background: #fff; padding: 15px; }

.newstitle { font-size: 15px; color: #d1271a; line-height: 21px; margin-bottom: 8px; }

.newsinfo { line-height: 17px; margin-bottom: 8px; }

.newssummary { padding: 5px 10px; line-height: 18px; background: #F5F5F5; color: #989797; margin-bottom: 8px; overflow: hidden; }
.newssummary li { width: 100%; padding: 7px 0; color: #3c3c3c; border-top: 1px solid #dbdbdb; }
.newssummary li:first-child { border-top: none; }
.newssummary li span { width: 60px; padding-right: 5px; float: left; display: block; font-weight: bold; }
.newssummary li p { margin-left: 65px; }
.newssummary li em { display: inline-block; }

.newscontent p { margin: 5px 0; }
.newscontent img { max-width: 100%; line-height: 20px; }

.news-qrcode { margin: 20px auto 0; border-top: 1px dashed #dfdfdf; padding: 10px; color: #999; }
.news-qrcode .qrcode { margin: auto; }
.news-qrcode .qrcode p { font-size: 12px; text-align: center; }
.news-qrcode .info { line-height: 18px; max-width: 260px; margin: 5px auto 0; text-align: center; }

.customPageContent { color: #3c3c3c; }

.signup_peo { margin: 20px auto 0; border-top: 1px dashed #dfdfdf; }
.signup_peo h2 { line-height: 30px; }
.signup_peo ul { overflow: hidden; }
.signup_peo li { width: 50%; float: left; padding: 5px 0; }

/*article-list*/
.article-list { margin: 0 7px; padding-top: 15px; }
.article-list li { border: 1px solid #dfdfdf; padding: 6px; background-color: #FFF; margin-bottom: 11px; }
.article-list li a { position: relative; display: block; }
.article-list li a img { display: block; width: 100%; }
.article-list li a p { position: absolute; width: 97%; bottom: 0; padding: 5px 1.5%; font-size: 15px; color: #FFF; background: rgba(0, 0, 0, 0.4); }
.article-list li a p span { line-height: 20px; max-height: 40px; display: block; overflow: hidden; }

/*article-details*/
.article-det { padding: 16px; background-color: #FFF; }
.article-det .artcle-det-tit { font-size: 20px; line-height: 24px; max-height: 48px; }
.article-det .article-det-time { font-size: 12px; color: #999; margin: 5px 0; }
.article-det .article-main img { max-width: 100%; margin: 5px 0; }
.article-det .article-main p { line-height: 25px; font-size: 15px; }

/*prize*/
.prize-list { margin-top: 0px; }
.prize-list h3 { font-size: 16px; line-height: 24px; }
.prize-list p { color: #b0b0b0; line-height: 18px; padding-left: 18px; white-space: nowrap; overflow: hidden; }
.prize-list p:before { position: absolute; content: "\f005"; left: 10px; }

.prize-box { padding: 7px 7px 7px 35px; }
.prize-box .ctrl { float: right; line-height: 25px; font-size: 12px; text-align: center; width: 60px; }
.prize-box .ctrl a { display: block; color: #fff; background: #eb393e; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.prize-box .name { position: relative; margin-bottom: 4px; font-size: 15px; margin-left: -25px; padding-left: 25px; line-height: 25px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.prize-box .name:before { position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 2px; background: url("../images/ico-prize.png") no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; }
.prize-box .progress { width: 150px; height: 15px; margin-bottom: 7px; background: #fff; position: relative; line-height: 15px; }
.prize-box .progress b { position: absolute; left: 0; top: 0; width: 150px; height: 15px; text-align: center; color: #ff9802; }
.prize-box .progress span { position: relative; display: block; background: #ff9802; overflow: hidden; height: 15px; }
.prize-box .progress span b { color: #fff; }
.prize-box .intro { line-height: 18px; color: #969696; font-size: 12px; }
.prize-box .intro em { color: #eb393e; }

/*vipcard*/
.vipcard .card-box { position: relative; width: 300px; height: 180px; margin: 10px auto; line-height: 20px; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.vipcard .credit { position: absolute; right: 12px; bottom: 30px; font-size: 12px; text-shadow: 0px 0px 4px #000; color: #fff; }
.vipcard .number { position: absolute; right: 12px; bottom: 9px; text-shadow: 0px 0px 4px #000; color: #fff; font-size: 14px; }

.qrcode-box { text-align: center; margin: auto; }
.qrcode-box img { width: 200px; height: 200px; padding-bottom: 40px; margin-bottom: -40px; }

.barcode { text-align: center; margin: 10px; }
.barcode img { width: 200px; }

/*rechargecard*/
.rechargecard { -webkit-perspective: 1000px; perspective: 1000px; }
.rechargecard .card-box { position: relative; margin: 10px auto; width: 290px; height: 165px; }
.rechargecard .front, .rechargecard .back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; -webkit-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.56); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.56); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.56); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; overflow: hidden; }
.rechargecard .back { z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.rechargecard .front { z-index: 2; text-shadow: 0 1px 2px rgba(6, 0, 1, 0.31); font-family: "Hei"; color: #fff; }

.flipped .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.flipped .back { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }

.card-credit .front, .card-credit .back { background-image: url("../../images/card-credit.jpg"); }

.card-recharge .front, .card-recharge .back { background-image: url("../../images/card-recharge.jpg"); }

.card-value { padding: 30px 0 0; line-height: 47px; font-size: 23px; text-align: center; }
.card-value em { font-size: 38px; vertical-align: middle; padding: 0 10px; }

.card-period { position: absolute; bottom: 12px; left: 10px; line-height: 28px; font-size: 14px; }

.card-num { position: absolute; right: 10px; bottom: 40px; line-height: 28px; font-size: 14px; }

.card-psw { position: absolute; bottom: 12px; right: 10px; line-height: 28px; background: #dedede; color: #5d5c5c; text-shadow: none; width: 110px; text-align: center; font-size: 14px; }

.card-psw-show { background: #fff; font-size: 16px; }

/*rebate*/
.report-headinfo-rebate { height: 44px; padding: 0; }
.report-headinfo-rebate .select-item { font-size: 16px; line-height: 45px; }
.report-headinfo-rebate .select-item .c { margin: 0; }
.report-headinfo-rebate .select-item .c:after { margin-left: 10px; }

.rebate-data-box { position: relative; margin-bottom: 10px; background: #e60000 url("../images/report_bg.png") no-repeat 100% 100%; -webkit-background-size: 200px 110px; background-size: 200px 110px; color: #fff; padding: 20px 15px; }
.rebate-data-box .t { font-size: 12px; }
.rebate-data-box .num { line-height: 45px; font-size: 30px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.rebate-data-box .num em { font-size: 40px; margin-left: 4px; }
.rebate-data-box .more { position: absolute; right: 12px; bottom: 0; line-height: 33px; }
.rebate-data-box .more a { color: #fff; }
.rebate-data-box .more a:before { font-family: "iconfont"; content: "\f06a"; margin-right: 4px; }

.rebate-data-pending { margin-top: 20px; }
.rebate-data-pending .num { font-size: 15px; }
.rebate-data-pending .num em { font-size: 24px; }

.report-tb-shop thead td:first-child { width: 84px; }

.report-tb-user thead td:first-child { width: 130px; }

.cell-user { text-align: center; }
.cell-user p { color: #999; }
.cell-user p em { display: inline-block; margin-left: 4px; padding-left: 17px; height: 14px; line-height: 14px; color: #ff6611; background: url("../images/staff-level.png") no-repeat 0 -16px; -webkit-background-size: 13px auto; background-size: 13px auto; }

.rebate-foot { margin: 0 7px 10px; padding: 7px 10px; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; line-height: 24px; color: #999; }
.rebate-foot h3 { color: #3c3c3c; margin-bottom: 4px; }
.rebate-foot h3:before { font-family: "iconfont"; content: "\f06a"; color: #f27f7f; font-size: 16px; margin-right: 5px; }

.rebate-tb-info { line-height: 20px; padding: 7px 8px; font-size: 14px; background: #ff6611; overflow: hidden; color: #FFF; margin: -10px 0 10px 0; }

.rebate-extra-info .itemlink { line-height: 40px; font-size: 16px; }
.rebate-extra-info .ico:before { color: #ff6611; }

.rebate-entrance { float: right; width: 30px; height: 20px; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; font-size: 15px; color: #fff; background: #46b97f; }

.rebate-wrap { background: #46b97f url("../images/rebate-wrapbg.png") repeat-x bottom; -webkit-background-size: 18px 11px; background-size: 18px 11px; padding: 7px 7px 15px; margin: -7px -7px 0; }
.rebate-wrap p { color: #fff; padding: 0 15px; line-height: 18px; margin: 5px 0; }
.rebate-wrap .tip-title { height: 33px; font-size: 0; background: url("../images/tip-title.png") no-repeat; -webkit-background-size: auto 33px; background-size: auto 33px; margin-top: -7px; }
.rebate-wrap .formlist { margin-top: 7px; padding: 5px 8px; color: #717171; font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078); -moz-box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078); box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078); }
.rebate-wrap input { border: 1px solid #efefef; }

.rebate-button { display: block; text-align: center; margin: 8px auto 0; background: #46b97f; width: 250px; height: 37px; line-height: 37px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.114); -moz-box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.114); box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.114); }

.rebate-btn1 { background: #fcac01; }

.rebate-btn2 { background: #ff2d00; }

.rebate-ftwrap { padding: 7px 7px 10px; background: #fffffe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078); -moz-box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078); box-shadow: 1px 1.732px 3px 0px rgba(4, 0, 0, 0.078); line-height: 18px; color: #717171; }
.rebate-ftwrap h3 { margin-left: -13px; height: 31px; font-size: 0; background: url("../images/rebate-intro.png") no-repeat; -webkit-background-size: auto 31px; background-size: auto 31px; }

.rebate-box { border-bottom: 1px solid #c4c3c3; background: #fff; }

.rebate-boxtitle { position: relative; height: 37px; background: #46b97f; }
.rebate-boxtitle h3 { text-align: center; line-height: 37px; color: #fff; font-size: 15px; }
.rebate-boxtitle a { position: absolute; width: 37px; height: 37px; top: 0; }
.rebate-boxtitle a:before { position: absolute; color: #fff; width: 19px; height: 19px; line-height: 19px; text-align: center; left: 50%; top: 50%; margin: -10px 0 0 -10px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.rebate-boxtitle a.disabled { opacity: .5; }
.rebate-boxtitle .prev { left: 5px; }
.rebate-boxtitle .prev:before { content: "\f104"; }
.rebate-boxtitle .next { right: 5px; }
.rebate-boxtitle .next:before { content: "\f105"; }

.rebate-boxcon { padding: 10px 0; }

.rebate-menu ul { display: table; width: 100%; table-layout: fixed; }
.rebate-menu li { display: table-cell; height: 50px; border-left: 1px solid #e4e5e5; vertical-align: top; text-align: center; }
.rebate-menu li:first-child { border-left: 0; }
.rebate-menu li em { font-size: 18px; display: block; line-height: 30px; }
.rebate-menu li span { display: block; line-height: 18px; color: #717171; }

.medal { display: inline-block; width: 15px; height: 15px; font-size: 0; background: url("../images/medals.png") no-repeat; -webkit-background-size: 15px auto; background-size: 15px auto; }

.medal-2 { background-position: 0 -15px; }

.medal-3 { background-position: 0 -30px; }

.medal-4 { background-position: 0 -45px; }

.rebate-tb { width: 100%; border-collapse: collapse; }
.rebate-tb th, .rebate-tb td { border-bottom: 1px solid #e8e7e7; padding: 9px 5px; line-height: 18px; text-align: center; color: #717171; vertical-align: middle; }
.rebate-tb td { color: #999; }
.rebate-tb .pic { width: 35px; height: 35px; border: 1px solid #dfdfdf; overflow: hidden; }
.rebate-tb .pic img { max-width: 100%; }

/*promotion staff*/
.pmstaff-side { position: absolute; width: 95px; min-height: 100%; border-right: 1px solid #dfdfdf; background: #fff; }
.pmstaff-side li { height: 42px; border-bottom: 1px solid #dfdfdf; padding: 0 7px; }
.pmstaff-side li.selected { position: relative; background: #3c3c3c; }
.pmstaff-side li.selected .t { color: #999; }
.pmstaff-side li.selected .t em { color: #fff; background-position: 0 -15px; }
.pmstaff-side li.selected:before { content: ""; position: absolute; right: -8px; top: 50%; margin-top: -4px; border: 4px solid transparent; border-left: 4px solid #3c3c3c; }
.pmstaff-side .t { display: block; padding-top: 5px; color: #3c3c3c; }
.pmstaff-side .t em { display: inline-block; margin-left: 4px; vertical-align: middle; padding-left: 17px; height: 15px; color: #ff6611; background: url("../images/staff-level.png") no-repeat; -webkit-background-size: 13px auto; background-size: 13px auto; }
.pmstaff-side .c { color: #999; text-align: right; display: block; }

.pmstaff-main { margin-left: 95px; border-left: 1px solid #dfdfdf; background: #fff; text-align: center; padding: 10px 12px; }
.pmstaff-main .qrcode-box { padding: 10px 0; }
.pmstaff-main .qrcode-intro { line-height: 20px; margin-bottom: 20px; }
.pmstaff-main .qrcode-share { color: #ff6611; margin-bottom: 20px; }
.pmstaff-main .qrcode-foot h3 { line-height: 30px; }
.pmstaff-main .qrcode-foot input { width: 100%; }
.pmstaff-main .qrcode-foot p { line-height: 30px; }

.pmstaff-list li { margin-bottom: 1px; font-size: 12px; height: 30px; line-height: 30px; border-bottom: 1px solid #fff; background: #f7f7f7; padding: 0 10px; }
.pmstaff-list .pmstaff-list-hd { background: #dfdfdf; font-size: 14px; }
.pmstaff-list .phone { float: right; margin-left: 10px; width: 84px; height: 100%; }
.pmstaff-list .user { white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; height: 100%; }

/*bigwheel*/
.bwwraper { position: relative; }

.bwwrap, .bwhead { position: relative; width: 100%; margin: auto; }

.bwbox .bwwrap { -webkit-background-size: 100% 100%; background-size: 100% 100%; overflow: hidden; }
.bwbox .wheelbg { position: relative; margin: auto; height: 15rem; }

.bigwheel { position: absolute; left: 50%; top: 50%; margin: -7rem 0 0 -7rem; width: 14rem; height: 14rem; background-position: center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.bigwheel-pointer { position: absolute; top: 3.85rem; left: 4.85rem; width: 6.2rem; height: 7rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.bwaward { margin: 0.5rem 1rem; padding: 0.5rem 0; height: 5rem; overflow: auto; color: #fff; font-size: 0.6rem; line-height: 1rem; }
.bwaward p { margin: 0; height: 1rem; overflow: hidden; }
.bwaward span { margin-right: 0.25rem; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; }
.bwaward .awtime { width: 2.5rem; }
.bwaward .awprize { margin: 0; width: 3rem; }

.bwdesc p { margin: 0; line-height: 18px; overflow: hidden; font-size: 12px; }

.bwpop { position: absolute; top: 100px; left: 50%; width: 290px; margin-left: -145px; background: #ffffff; }

.bwtit { height: 30px; background: #e01d1d; }

.bwclose { position: absolute; right: 5px; width: 20px; height: 20px; text-indent: -9999px; top: 5px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #b31717; }
.bwclose:before { content: "x"; position: absolute; left: 0; text-indent: 0; width: 20px; line-height: 20px; color: #fff; }

.bwcon { padding: 30px; line-height: 1.5; font-size: 12px; }

.bwbtnbar { background: #f9f9f9; padding: 10px; text-align: center; }
.bwbtnbar button { margin: 0 10px; }

.bwwraper button { color: #fff; width: 68px; padding: 0; border: 1px solid #cc1718; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #ea4647; background: -moz-linear-gradient(top, #ea4647 0%, #dd1010 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea4647), color-stop(100%, #dd1010)); background: -webkit-linear-gradient(top, #ea4647 0%, #dd1010 100%); background: -o-linear-gradient(top, #ea4647 0%, #dd1010 100%); background: -ms-linear-gradient(top, #ea4647 0%, #dd1010 100%); background: linear-gradient(to bottom, #ea4647 0%, #dd1010 100%); }

/*redpacket*/
#page.page-grouphb { background: #ffc800 url("../images/group-redpacket-bg.png") no-repeat 50% 45px; -webkit-background-size: 100% 412px; background-size: 100% 412px; }

.group-hb-wrap { /* margin: 50px auto 0; width: 244px; height: 253px; background: url("images/group-redpacket.png") no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;*/ margin: 50px 38px 0; border-style: solid; border-width: 42px 57px 27px; -moz-border-image: url(../images/group-redpacket.png) 84 114 54 stretch; -webkit-border-image: url(../images/group-redpacket.png) 84 114 54 stretch; -o-border-image: url(../images/group-redpacket.png) 84 114 54 stretch; border-image: url(../images/group-redpacket.png) 84 114 54 fill stretch; }

.group-hb { margin: 0 -34px; }
.group-hb h3 { margin-top: -42px; line-height: 42px; height: 42px; text-align: center; white-space: nowrap; font-size: 14px; color: #d64007; }

.group-hb-con { margin-bottom: -5px; }

.hb-coin { height: 100px; background: url(../images/coin.png) no-repeat 50% 80%; -webkit-background-size: auto 62px; background-size: auto 62px; }

.hb-nocoin { height: 120px; background: url(../images/coin-none.png) no-repeat 50%; -webkit-background-size: auto 80px; background-size: auto 80px; }

.hb-value { font-size: 55px; line-height: 100px; color: #fff; text-align: center; }

.hb-info { line-height: 18px; color: #fff; font-size: 12px; text-align: center; margin-bottom: 15px; }

.hb-form p { margin-top: 8px; }
.hb-form input { width: 100%; height: 40px; padding: 8px 0; font-size: 14px; text-align: center; background: #fff; border: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }

a.btn-hb-use, a.btn-hb-open { display: block; height: 40px; line-height: 40px; text-align: center; background: #fce600; border-bottom: 2px solid #fdb301; color: #d64008; font-size: 15px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }

a.btn-hb-open { background: #64b200; border-bottom: 2px solid #417800; color: #fff; }

.group-hb-result { position: relative; background: #fff; margin: 30px -7px -7px; padding: 0 10px; }
.group-hb-result:before { position: absolute; content: ''; height: 35px; left: 0; width: 100%; top: -35px; background: url(../images/group-bg-cloud.png) no-repeat top; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.group-hb-myresult { line-height: 45px; text-align: center; font-size: 12px; color: #666; }

.group-hb-result .money { font-size: 18px; color: #d64008; }

.group-hb-friends h3 { text-align: center; height: 14px; }
.group-hb-friends h3:after { content: ''; height: 1px; background: #bebebe; display: block; margin-top: -8px; }
.group-hb-friends h3 span { background: #fff; padding: 0 10px; }
.group-hb-friends li { border-bottom: 1px solid #bebebe; overflow: hidden; padding: 5px; }
.group-hb-friends .money { float: right; margin-top: 22px; line-height: 20px; }
.group-hb-friends .name { color: #666; margin: 2px 0; line-height: 20px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.group-hb-friends .info { color: #000; margin: 0 0 5px; line-height: 18px; }

/*pickup*/
.pickup-list { background: #fff; }

.pickup-item { border-bottom: 1px solid #e2e1e3; padding: 10px 7px; overflow: hidden; zoom: 1; }
.pickup-item .btnbar { clear: both; margin: 10px 0 0; text-align: center; line-height: 44px; }

.pickup-sum { float: left; width: 82px; text-align: center; margin-bottom: 10px; line-height: 25px; }
.pickup-sum .pic { width: 80px; height: 80px; overflow: hidden; border: 1px solid #e2e1e3; }
.pickup-sum .pic img { width: 100%; height: 100%; }
.pickup-sum .name { margin-top: 6px; line-height: 18px; color: #a4a4a4; }
.pickup-sum .price { line-height: 18px; color: #ec3526; font-size: 16px; }

.pickup-detail { margin-left: 90px; }
.pickup-detail dt { line-height: 15px; padding-bottom: 3px; border-bottom: 1px solid #e2e1e3; }
.pickup-detail dd { position: relative; color: #a4a4a4; padding: 4px 0; line-height: 18px; border-bottom: 1px dashed #e2e1e3; }
.pickup-detail dd:before { position: absolute; left: 0; top: 9px; content: ""; border: 3px solid transparent; border-left: 3px solid #e2e1e3; }

.pickup-detail-item { padding-left: 10px; }
.pickup-detail-item .count { margin-left: 8px; }
.pickup-detail-item .count em { color: #e12324; }

.crowd-funding-progress { clear: both; margin-top: 5px; color: #999; }
.crowd-funding-progress .progressbar { height: 7px; margin-bottom: 5px; background: #f7f7f7; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.crowd-funding-progress .progressbar span { display: block; height: 100%; overflow: hidden; text-align: center; font-size: 0; background: #e60000; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.crowd-funding-progress .count { float: none; line-height: 18px; white-space: nowrap; height: 36px; font-size: 12px; }
.crowd-funding-progress .count em { display: block; font-weight: bold; }
.crowd-funding-progress .count-total { text-align: center; }
.crowd-funding-progress .count-current { float: left; margin-top: -36px; }
.crowd-funding-progress .count-current em { color: #ff6611; }
.crowd-funding-progress .count-remain { float: right; margin-top: -36px; text-align: right; }
.crowd-funding-progress .count-remain em { color: #3399ff; }

/*众筹参与记录*/
.cfund-recordlist { background: #fff; margin: -10px 0; }
.cfund-recordlist li { overflow: hidden; *zoom: 1; position: relative; border-bottom: 1px solid #dfdfdf; padding: 7px; }
.cfund-recordlist .t { float: left; width: 50px; height: 50px; }
.cfund-recordlist .t img { width: 100%; height: 100%; }
.cfund-recordlist .c { margin-left: 60px; line-height: 18px; }
.cfund-recordlist .usr { color: #999; }
.cfund-recordlist .count { font-size: 10px; }
.cfund-recordlist .count em { color: #ff6611; }
.cfund-recordlist .time { font-size: 10px; color: #999; }

/*助力榜*/
.cfund-helprank-wrap { background: #fff; margin: -10px 0; padding: 10px 15px; }

.ico-hrdot { display: inline-block; width: 12px; height: 12px; background: url("../../images/helpRank.png") no-repeat; -webkit-background-size: 12px auto; background-size: 12px auto; }

.ico-hrdot-highlight { background-position: 0 -12px; }

.cfund-helprank-start, .cfund-helprank-end { position: relative; margin-left: 7px; border-left: 1px solid #e7e7e7; height: 5px; }
.cfund-helprank-start b, .cfund-helprank-end b { position: absolute; width: 16px; height: 0; border-top: 1px solid #e7e7e7; left: -9px; top: 0; }

.cfund-helprank-end b { top: auto; bottom: 0; }

.cfund-hritem { position: relative; margin-left: 7px; padding: 3px 0 3px 18px; border-left: 1px solid #e7e7e7; }
.cfund-hritem .ico-hrdot { position: absolute; left: -6px; top: 13px; }
.cfund-hritem .info { position: relative; padding: 2px 10px; line-height: 22px; border: 1px solid #eee; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.cfund-hritem .info b { position: absolute; width: 6px; height: 7px; left: -6px; top: 9px; background: url("../../images/helpRank.png") no-repeat 0 -24px; -webkit-background-size: 12px auto; background-size: 12px auto; }
.cfund-hritem .usr { margin-right: 10px; }
.cfund-hritem .m1 { color: #daba17; margin: 0 2px; }
.cfund-hritem .m2 { color: #e60000; margin: 0 2px; }
.cfund-hritem .num { color: #e60000; font-size: 14px; margin: 0 2px; }
.cfund-hritem .time { color: #999; line-height: 22px; }

.cfund-helprank-more { text-align: center; }
.cfund-helprank-more a { display: block; line-height: 30px; color: #999; }

/*order_crowdfunding*/
.cfund-prd-list .pic { position: relative; }
.cfund-prd-list .pic b { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; white-space: nowrap; line-height: 18px; font-size: 12px; }
.cfund-prd-list .crowd-funding-progress { margin-left: 95px; clear: none; }
.cfund-prd-list .crowd-funding-progress .count { line-height: 15px; height: 30px; }
.cfund-prd-list .crowd-funding-progress .count-current { margin-top: -30px; }
.cfund-prd-list .crowd-funding-progress .count-remain { margin-top: -30px; }

.cfund-prd-list-big .pic { width: 100px; height: 100px; }
.cfund-prd-list-big h3, .cfund-prd-list-big p { margin-left: 110px; }

.inprogress { display: block; text-align: center; line-height: 24px; background: #f7f7f7; }

.cfund-resultTable { width: 100%; table-layout: fixed; background: #fff; }
.cfund-resultTable th { padding: 5px; text-align: left; }
.cfund-resultTable td { border: solid #dfdfdf; border-width: 1px 0; padding: 5px; text-align: left; }
.cfund-resultTable .calcRow { background: #fffad3; }
.cfund-resultTable .calcRow td { border-width: 1px; }
.cfund-resultTable .resultRow { background: #d45835; }
.cfund-resultTable .resultRow td { color: #fff; }
.cfund-resultTable .resultRow ol { list-style: decimal; padding-left: 20px; }
.cfund-resultTable .resultRow ol li { margin: 4px 0; }
.cfund-resultTable .code { color: #ff6611; }
.cfund-resultTable .ico-arrow { display: inline-block; width: 10px; text-align: center; }
.cfund-resultTable .ico-arrow:after { content: "\f105"; font-family: "iconfont"; font-style: normal; }

/*拼团*/
.groupon-user-item { position: relative; margin: 6px 9px; background: #eee; height: 50px; padding: 0 18px 0 57px; border: 1px solid #eee; white-space: nowrap; -webkit-border-radius: 25px; border-radius: 25px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.groupon-user-item .pic { position: absolute; left: 0; top: 0; width: 46px; height: 46px; border: 2px solid #fff; overflow: hidden; -webkit-border-radius: 25px; border-radius: 25px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.groupon-user-item .pic img { width: 100%; height: 100%; }
.groupon-user-item .name { line-height: 25px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.groupon-user-item .time { line-height: 25px; color: #999; float: right; }
.groupon-user-item .join a { display: block; line-height: 20px; height: 20px; text-align: center; color: #fff; background: #e60000; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.groupon-user-list { position: relative; padding: 10px 4px; text-align: center; }
.groupon-user-list li { display: inline-block; margin: 5px; position: relative; }
.groupon-user-list .pic { width: 48px; height: 48px; border: 1px solid #eee; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; }
.groupon-user-list .badge { position: absolute; border: 1px solid #fff; background: #e60000; color: #fff; font-size: 10px; top: 0; left: 30px; white-space: nowrap; }

.groupon-status { position: absolute; width: 60px; height: 60px; right: 14px; bottom: 8px; text-indent: -9999px; background-repeat: no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; }
.groupon-status.success { background-image: url(../images/groupon-success.png); }
.groupon-status.fail { background-image: url(../images/groupon-fail.png); }

.groupon-detail-title { text-align: center; color: #6e6e6e; font-size: 14px; margin: 15px 0; }
.groupon-detail-title em { font-size: 16px; color: #e60000; }

.groupon-detail-time { position: relative; margin: 14px 0; text-align: center; }
.groupon-detail-time:before { position: absolute; content: ""; width: 100%; height: 1px; top: 50%; left: 0; background: #eee; }
.groupon-detail-time span { position: relative; display: inline-block; font-size: 12px; background: #fff; padding: 0 10px; }
.groupon-detail-time b { display: inline-block; background: #999; color: #fff; width: 9px; height: 16px; line-height: 16px; margin: 0 1px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.groupon-detail-more { text-align: center; margin: 10px 0; }
.groupon-detail-more a { display: inline-block; color: #6e6e6e; }
.groupon-detail-more a:after { font-family: "iconfont"; content: "\f0d7"; }

.groupon-detail-list li { position: relative; padding-top: 21px; }
.groupon-detail-list li:before { position: absolute; content: ""; left: 29px; top: 3px; height: 15px; width: 1px; background: #999; }
.groupon-detail-list li:first-child { padding-top: 0; }
.groupon-detail-list li:first-child .item { background: #999; }
.groupon-detail-list li:first-child .item * { color: #fff; }
.groupon-detail-list li:first-child:before { left: 50%; top: -7px; width: 0; height: 0; margin-left: -10px; border: solid transparent; border-width: 0 10px 7px 10px; border-bottom-color: #999; background: none; }
.groupon-detail-list .item { border: solid #999; border-width: 1px 0; background: #fff; height: 37px; line-height: 37px; white-space: nowrap; }
.groupon-detail-list .pic { float: left; width: 28px; height: 28px; margin: 3px 0 0 14px; border: 1px solid #eee; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; }
.groupon-detail-list .pic img { width: 100%; height: 100%; }
.groupon-detail-list .name { margin-left: 53px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.groupon-detail-list .time { float: right; margin: 0 14px 0 10px; color: #999; }

.groupon-intro-tip { position: fixed; left: 5px; top: 230px; width: 50px; height: 50px; background: url("../images/groupon-intro.png") no-repeat; -webkit-background-size: contain; background-size: contain; }

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

.instruction-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; }
.instruction-close:after { font-size: 24px; font-family: "iconfont"; content: "\f00d"; }

.instruction-content { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

.order-detail-status { position: relative; height: 113px; padding: 0 113px 0 25px; background: #ed473c; margin-bottom: 10px; color: #fff; }
.order-detail-status h3 { font-size: 18px; padding: 30px 0 5px; }
.order-detail-status p { font-size: 12px; }
.order-detail-status .ico { position: absolute; width: 100px; height: 100px; top: 50%; right: 30px; margin-top: -50px; background: no-repeat center; -webkit-background-size: contain; background-size: contain; }
.order-detail-status .ico-status-progress { background-image: url(../images/ico-status-progress.png); }
.order-detail-status .ico-status-success { background-image: url(../images/ico-status-success.png); }

.activitylst { width: 100%; overflow: hidden; }
.activitylst li { background-color: #fff; border-bottom: 1px solid #eee; }
.activitylst li a { display: block; padding: 10px 70px 10px 10px; position: relative; }
.activitylst li h3 { font-size: 14px; }
.activitylst li p { line-height: 18px; color: #999; }
.activitylst li span { position: absolute; height: 18px; line-height: 16px; right: 10px; top: 50%; margin-top: -9px; display: block; color: #ff6611; }
.activitylst li span.state { color: #33cc66; }

.activitylst2 { width: 100%; overflow: hidden; }
.activitylst2 li { background-color: #fff; border-top: 1px solid #eee; }
.activitylst2 li a { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; padding: 10px 0; }
.activitylst2 li .activityname { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; padding: 0 10px; }
.activitylst2 li .activityname h3 { font-size: 14px; line-height: 21px; height: 21px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.activitylst2 li .post { width: 80px; text-align: center; line-height: 39px; }
.activitylst2 li .status { width: 80px; text-align: center; padding-right: 10px; line-height: 39px; color: #ff6611; }
.activitylst2 li .status.state { color: #33cc66; }

.signup_lst { width: 100%; overflow: hidden; background-color: #fff; }
.signup_lst li { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; line-height: 40px; float: left; border-top: 1px solid #eee; }
.signup_lst li p { width: 40px; padding: 0 10px; }
.signup_lst li p, .signup_lst li span, .signup_lst li em, .signup_lst li i { display: block; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.signup_lst li span { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; padding-right: 10px; }
.signup_lst li em { width: 68px; text-align: center; }
.signup_lst li i { width: 90px; font-style: normal; }
.signup_lst .fwbold { font-weight: bold; font-size: 14px; }

.atbtnbar { width: 100%; height: 51px; }

.atbtnbarfixed { width: 100%; position: fixed; bottom: 0; text-align: center; height: 50px; background: #ffffff; border-top: 1px solid #dfdfdf; }
.atbtnbarfixed ul { display: table; width: 100%; table-layout: fixed; height: 100%; }
.atbtnbarfixed li { display: table-cell; height: 100%; vertical-align: top; }
.atbtnbarfixed li a { display: block; height: 100%; text-align: center; color: #555a64; padding: 0 4px; }
.atbtnbarfixed .atbtn-text { display: block; font-size: 10px; white-space: nowrap; width: 100%; line-height: 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.atbtnbarfixed .atbtn-ico { position: relative; padding-top: 6px; display: block; width: 100%; height: 22px; line-height: 22px; overflow: hidden; }
.atbtnbarfixed .atbtn-ico:after { font-family: "iconfont"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 22px; display: inline-block; width: 22px; height: 22px; overflow: hidden; }
.atbtnbarfixed .atbtn-ico-edit:after { content: "\f044"; }
.atbtnbarfixed .atbtn-ico-view:after { content: "\f002"; }
.atbtnbarfixed .atbtn-ico-del:after { content: "\f1f8"; }
.atbtnbarfixed .atbtn-ico-release:after { content: "\f067"; }
.atbtnbarfixed .atbtn-ico-singup:after { content: "\f007"; }
.atbtnbarfixed .atbtn-ico-back:after { content: "\f104"; }
.atbtnbarfixed .atbtn-ico-other:after { content: "\f0c9"; }

.activity-info { padding: 10px; background: #ffffff; margin: 10px 0; }
.activity-info h2 { padding-bottom: 10px; }
.activity-info .ac-infom { border: 1px solid #dfdfdf; }
.activity-info .ac-infom .dt { border-bottom: 1px solid #dfdfdf; line-height: 40px; text-align: center; }
.activity-info .ac-infom .dd { min-height: 100px; position: relative; padding: 10px; }
.activity-info .ac-infom .dd .ddprompt { width: 100%; position: absolute; line-height: 20px; left: 0; top: 50%; margin-top: -10px; text-align: center; }
.activity-info p { padding: 10px 0; }

.enrollment-show { width: 12rem; font-size: 14px; position: fixed; left: 2rem; top: 30%; background: #ffffff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; z-index: 200; display: none; }
.enrollment-show h3 { line-height: 40px; border-bottom: 1px solid #dfdfdf; margin: 0 15px; }
.enrollment-show ul { overflow: hidden; padding: 15px; }
.enrollment-show li { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; padding: 5px 0; }
.enrollment-show li span { min-width: 40px; padding-right: 5px; display: block; line-height: 30px; }
.enrollment-show li p { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.enrollment-show li p input { width: 100%; -webkit-box-sizing: boder-box; -moz-box-sizing: boder-box; box-sizing: boder-box; font-size: 14px; line-height: 30px; height: 30px; padding: 0 5px; }
.enrollment-show .enrollment_btn { width: 100%; height: 40px; line-height: 40px; display: block; color: #FFFFFF; background: #e60000; text-align: center; border: none; outline: none; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }

.gift-message-wrap { position: relative; padding: 15px 10px; margin-bottom: 14px; background: #ff6611 url("../images/sawtooth.png") repeat-x bottom; -webkit-background-size: 10px 3px; background-size: 10px 3px; }
.gift-message-wrap .img-gift { position: absolute; width: 110px; height: 110px; right: 0; bottom: -15px; }
.gift-message-wrap .gift-message-box { background: #fff; padding: 8px 110px 8px 15px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.gift-message-box { position: relative; overflow: hidden; min-height: 76px; }
.gift-message-box .link { margin-top: 10px; float: right; color: #999; text-decoration: underline; }
.gift-message-box .sender { text-align: right; margin-top: 10px; }

.gift-message { line-height: 24px; font-size: 12px; min-height: 48px; }

.img-gift { width: 225px; height: 225px; margin: 5px auto; background: url("../images/gift.png") no-repeat; -webkit-background-size: contain; background-size: contain; }

.img-gift-open { width: 140px; height: 110px; background: url("../images/gift-open.png") no-repeat; -webkit-background-size: contain; background-size: contain; }

.img-gift-fly { width: 225px; height: 225px; margin: 5px auto; background: url("../images/gift-wings.png") no-repeat; -webkit-background-size: contain; background-size: contain; }

.gift-bar { margin: 0 0 7px; height: 38px; line-height: 38px; padding: 0 7px; color: #fff; background: #e53027; }
.gift-bar a { color: #fff; }
.gift-bar .l { overflow: hidden; }
.gift-bar .r { float: right; white-space: nowrap; margin-left: 10px; }

.icon-tel:after { content: '\f095'; }

.icon-location:after { content: '\f041'; }

/*gift-detail*/
.gift-detail-top { position: relative; padding: 10px 138px 10px 15px; margin: 0 0 15px; color: #fff; background: #ff6611 url("../images/sawtooth.png") repeat-x bottom; -webkit-background-size: 10px 3px; background-size: 10px 3px; }
.gift-detail-top .img-gift-open { position: absolute; right: 0; bottom: -10px; }

.gift-addr { margin-bottom: 10px; }
.gift-addr .formlist { padding-top: 0; margin-top: -10px; }
.gift-addr .formlist li { margin-bottom: 0; }

/**/
.gift-coupon-top { margin: -7px -7px 7px; color: #fff; height: 105px; overflow: hidden; position: relative; text-align: center; background: #e53027 url("../images/sawtooth.png") repeat-x bottom; -webkit-background-size: 10px 3px; background-size: 10px 3px; }
.gift-coupon-top h1 { font-size: 24px; padding: 25px 0 10px; }
.gift-coupon-top p { font-size: 12px; }
.gift-coupon-top.collected { background-color: #aaa; }
.gift-coupon-top.collected b { position: absolute; right: -15px; top: -25px; color: #6b6b6b; font-size: 24px; width: 90px; height: 90px; line-height: 90px; text-align: center; border: 5px solid #555; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); }

.gift-coupon-content { padding: 20px 0; text-align: center; }

/*storelist*/
.store-list { margin: 10px 0; background: #fff; }
.store-list li { border-top: 1px solid #dcdcdc; }
.store-list li:first-child { border: 0; }
.store-list .itemlink { color: #00aae6; padding: 8px; margin: 0; }

.store-item { padding: 8px; line-height: 16px; overflow: hidden; }
.store-item .con { overflow: hidden; }
.store-item .pic { float: left; width: 50px; height: 50px; }
.store-item .pic img { width: 100%; height: 100%; }
.store-item .name { font-size: 14px; color: #000; margin-top: 5px; margin-left: 60px; }
.store-item .tel { font-size: 12px; color: #6e6e6e; margin-top: 10px; margin-left: 60px; }
.store-item .addr { font-size: 12px; color: #6e6e6e; margin-top: 2px; margin-left: 60px; }
.store-item .ctrl { float: right; margin: 2px -4px 2px 7px; }
.store-item .ctrl .btn-action { display: block; width: 80px; clear: left; margin-top: 8px; }
.store-item .btnrow:after { display: block; clear: both; content: ""; }
.store-item .btnrow p { float: left; height: 30px; border-left: 1px solid #dcdcdc; }
.store-item .btnrow .ui-icon { width: 40px; height: 40px; margin: -5px 0; }
.store-item .btnrow .ui-icon:after { width: 40px; height: 40px; line-height: 40px; color: #ccc; font-size: 24px; }

.store-map { display: none; border-top: 1px solid #dcdcdc; height: 150px; }

.store-item-pic { float: left; width: 65px; height: 65px; margin-right: 5px; }

.in-header { position: relative; }

.in-announce { position: relative; overflow: hidden; padding: 8px 10px; background: #fff; margin-bottom: 10px; border-bottom: 1px solid #eee; line-height: 22px; }
.in-announce .m-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; font-size: 14px; }
.in-announce .m-text { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; white-space: nowrap; overflow: hidden; position: relative; }
.in-announce .m-text span { display: inline-block; }
.in-announce .m-icon { font-size: 20px; line-height: 20px; margin-right: 0.4em; }
.in-announce .m-icon:before { font-family: "iconfont"; content: "\f0a1"; color: #ff6611; }

.in-box { position: relative; padding: 8px 10px; background: #fff; margin-bottom: 10px; border-bottom: 1px solid #eee; line-height: 22px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.in-box .ico { font-size: 20px; line-height: 20px; margin-right: 0.4em; font-family: iconfont; color: #ff6611; }
.in-box .con { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }

.in-banner { position: relative; height: 7.5rem; overflow: hidden; background: url(../images/shopInShopBanner.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; }
.in-banner img { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.in-top-ad { width: 100%; max-height: 200px; overflow: hidden; margin-bottom: 7px; }

.in-showmore { text-align: center; margin: 7px 0; }
.in-showmore a { display: inline-block; padding: 0 13px; background: #eee; color: #999; line-height: 30px; border: 1px solid #d2d2d2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.sis-copyright { margin-top: 7px; line-height: 25px; text-align: center; background: #fff; color: #d2d2d2; font-size: 10px; }

.in-title { height: 22px; padding: 6px 0; margin-bottom: 10px; background: #fff url(../images/sis-title-icons.png) no-repeat; -webkit-background-size: 38px auto; background-size: 38px auto; }
.in-title h3 { border-left: 1px solid #dfdfdf; height: 22px; line-height: 22px; margin-left: 38px; padding: 0 15px; font-size: 16px; }

.in-title-new { background-position: 0 0; }

.in-title-recommend { background-position: 0 -34px; }

.in-title-hot { background-position: 0 -68px; }

/*prodlist*/
.in-prodlist { margin: 0 7px; }
.in-prodlist ul { overflow: hidden; }
.in-prodlist li { margin-bottom: 5px; }
.in-prodlist li > a { position: relative; display: block; border: 1px solid #eee; background: #fff; overflow: hidden; }
.in-prodlist li .pic { position: relative; overflow: hidden; }
.in-prodlist li .pic img { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; }
.in-prodlist li .price-real { display: inline-block; font-size: 12px; }
.in-prodlist li .price-real em { font-size: 16px; margin-left: 2px; }
.in-prodlist li .price-origin { display: inline-block; font-size: 9px; margin-left: 5px; }
.in-prodlist li .price-origin em { margin-left: 2px; font-size: 10px; }
.in-prodlist li .promotetag { vertical-align: top; float: left; line-height: 12px; padding: 5px; margin: 0; width: 24px; text-align: center; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; background-clip: padding-box; }
.in-prodlist:after { content: ''; display: block; clear: both; }

.in-prodlist-col1 { overflow: hidden; margin: 0; }
.in-prodlist-col1 li { position: relative; margin-bottom: 10px; background: #fff; overflow: hidden; }
.in-prodlist-col1 li > a { display: block; border: 0; margin: 0; }
.in-prodlist-col1 li .pic { position: relative; float: left; width: 10rem; height: 10rem; overflow: hidden; border-right: 1px solid #eee; }
.in-prodlist-col1 li .pic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.in-prodlist-col1 li .name { position: absolute; left: 0; bottom: 0; width: 10rem; background: rgba(255, 255, 255, 0.8); line-height: 18px; padding: 4px 8px; overflow: hidden; height: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #999; }
.in-prodlist-col1 li .info { margin-left: 10rem; height: 10rem; text-align: center; display: -webkit-box; -webkit-box-pack: center; }
.in-prodlist-col1 li .info .wrap { display: table-cell; width: 100%; height: 10rem; vertical-align: middle; text-align: center; }
.in-prodlist-col1 li .promotion { margin-bottom: 25px; overflow: hidden; font-size: 0; }
.in-prodlist-col1 li .promotetag { float: none; }
.in-prodlist-col1 li .price-real { font-size: 12px; color: #3c3c3c; display: block; line-height: 1; }
.in-prodlist-col1 li .price-real em { font-size: 18px; margin-left: 3px; }
.in-prodlist-col1 li .price-origin em { font-size: 11px; }
.in-prodlist-col1 li .count { color: #999; margin-top: 18px; }
.in-prodlist-col1 li .count-down { position: absolute; top: 0; width: 10rem; }

.in-prodlist-list li > a { height: 90px; }
.in-prodlist-list li .pic { float: left; width: 90px; height: 90px; border-right: 1px solid #eee; }
.in-prodlist-list li .intro, .in-prodlist-list li .promotion, .in-prodlist-list li .count-down { display: block; margin: 0 7px 0 98px; }
.in-prodlist-list li .name { font-size: 12px; line-height: 16px; margin-top: 8px; height: 32px; overflow: hidden; }
.in-prodlist-list li .price { padding: 4px 0; line-height: 1; border-top: 1px solid #eee; margin-top: 5px; }
.in-prodlist-list li .promotetag { width: auto; padding-top: 0; padding-bottom: 0; line-height: 20px; font-size: 12px; }

.in-prodlist-grid ul { margin: 0 -4px; }
.in-prodlist-grid li { float: left; width: 50%; }
.in-prodlist-grid li > a { width: 7.5rem; margin: auto; }
.in-prodlist-grid li .pic { height: 7.5rem; }
.in-prodlist-grid li .intro { margin: 0 6px; }
.in-prodlist-grid li .name { font-size: 12px; line-height: 16px; margin-top: 5px; height: 32px; overflow: hidden; }
.in-prodlist-grid li .price { padding: 5px 0; height: 18px; line-height: 18px; border-top: 1px solid #eee; margin-top: 4px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.in-prodlist-grid li .price-origin { /*display: none;*/ }
.in-prodlist-grid li .promotion { position: absolute; left: 0; top: 0; }
.in-prodlist-grid li .promotetag { float: left; }
.in-prodlist-grid li .count-down { position: absolute; left: 0; right: 0; bottom: 70px; width: auto; }

.in-prodlist-banner { margin: 0; }
.in-prodlist-banner li { margin: 0 0 10px; position: relative; }
.in-prodlist-banner li > a { border: 0; }
.in-prodlist-banner li .pic { height: 10.5rem; }
.in-prodlist-banner li .intro { height: 40px; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.85); border: solid #fff; border-width: 1px 0; padding: 0 10px; }
.in-prodlist-banner li .name { font-size: 12px; line-height: 16px; margin-top: 6px; height: 32px; overflow: hidden; margin-right: 134px; }
.in-prodlist-banner li .price { display: table; position: absolute; width: 129px; height: 40px; right: 10px; top: 0; }
.in-prodlist-banner li .price:before { content: ""; position: absolute; left: 0; top: 6px; width: 0; height: 30px; border-left: 1px solid #dfdfdf; }
.in-prodlist-banner li .price-real { display: table-cell; text-align: right; vertical-align: middle; font-size: 12px; color: #3c3c3c; }
.in-prodlist-banner li .price-real em { font-size: 18px; margin-left: 2px; }
.in-prodlist-banner li .price-origin { display: none; }
.in-prodlist-banner li .promotion { position: absolute; right: 0; top: 0; }
.in-prodlist-banner li .count-down { position: absolute; left: 0; top: 0; width: 165px; }

/*.ipl-type2{ ul{ margin-left: -6px;} li{ float: left; padding: 0; width: 50%; a{ height: 198px; margin-left: 6px; overflow: hidden;} } .pic{ width: 100%; height: 148px; border-bottom: 1px solid $color_border;} .name{ margin: 0 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px;} .price-real{ display: inline-block; margin-left: 7px; font-size: 14px; line-height: 16px; color: #ff4e00; font-weight: bold; em{ font-size: 16px;} } .price-origin{ display: inline-block; margin-left: 10px; line-height: 16px; font-size: 12px;} .ribbon{ position: absolute;top: 10px; left: -26px; font-size: 11px; width: 100px; text-align: center; height: 22px; background: #ff4e00; color: #fff; line-height: 22px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
}
.ipl-type3{ .pic{ width: 100%; height: 288px;} .name{ margin: 6px 0; line-height: 15px; font-size: 12px; color: #7a7a7a; max-height: 30px; overflow: hidden;} .price-real{ display: inline-block; font-size: 12px; line-height: 30px; color: #ff4e00; font-weight: bold; em{ font-size: 15px;} } .price-origin{ display: inline-block; margin-left: 10px; line-height: 30px; font-size: 10px;} .btn{ float: right; width: 100px; height: 30px; line-height: 30px; background: #ff4e00; color: #fff; font-size: 12px; text-align: center;}
}*/
/*qrcode*/
.promotion-store-top .picbox, .promotion-user-top .picbox { width: 65px; height: 65px; border: 4px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.promotion-store-top .picbox img, .promotion-user-top .picbox img { width: 100%; height: 100%; }

.promotion-store-top { position: relative; padding: 15px 0 20px; background: url("../images/promotion-store-bg.jpg") no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.promotion-store-top .wrap { position: relative; width: 320px; margin: auto; }
.promotion-store-top .name { margin: 0 59px; font-size: 18px; color: #fff; }
.promotion-store-top .pic { position: absolute; z-index: 1; right: 45px; bottom: 245px; }
.promotion-store-top .img { position: relative; z-index: 2; margin-top: 20px; height: 290px; background: url("../images/promotion-store-img.png") no-repeat; -webkit-background-size: contain; background-size: contain; }
.promotion-store-top .qrcode-box { position: absolute; bottom: 30px; left: 50%; margin-left: -69px; padding: 12px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.promotion-store-top .qrcode-box img { position: relative; z-index: 3; width: 114px; height: 114px; }

.promotion-share-foot { position: relative; margin: 0 10px 40px; }
.promotion-share-foot .t { text-align: center; line-height: 33px; font-size: 14px; }
.promotion-share-foot .t:before { font-family: "iconfont"; content: "\f103"; color: #e60000; font-size: 16px; margin-right: 5px; }
.promotion-share-foot input { width: 100%; height: 48px; }
.promotion-share-foot em { font-size: 14px; position: absolute; left: 20%; bottom: -30px; padding-right: 44px; height: 30px; line-height: 30px; background: url("../images/curve.png") no-repeat 100% 0; -webkit-background-size: 42px auto; background-size: 42px auto; }

.promotion-user-top { position: relative; padding-bottom: 340px; background: url("../images/promotion-user-bg.png") no-repeat bottom #ffb400; -webkit-background-size: 320px auto; background-size: 320px auto; }
.promotion-user-top .usertop { padding: 10px; overflow: hidden; }
.promotion-user-top .usertop .pic { float: left; }
.promotion-user-top .usertop .message { position: relative; margin-left: 88px; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; line-height: 24px; padding: 9px 14px; font-size: 14px; }
.promotion-user-top .usertop .message:before { position: absolute; content: ""; left: -11px; top: 14px; border: solid transparent; border-width: 10px 11px 4px 0; border-right-color: #fff; }
.promotion-user-top .qrcode-box { position: absolute; width: 144px; height: 144px; bottom: 82px; left: 50%; margin-left: -72px; }
.promotion-user-top .qrcode-box img { width: 100%; height: 100%; }

.qrcode-container { margin: 10px; padding: 10px; background: #fff; }
.qrcode-container .shop-info { padding-left: 74px; position: relative; overflow: hidden; line-height: 64px; font-size: 18px; white-space: nowrap; }
.qrcode-container .shop-info .pic { float: left; width: 62px; height: 62px; margin: 0 0 0 -74px; background: #f7f7f7; border: 1px solid rgba(255, 255, 255, 0.5); overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.qrcode-container .shop-info .pic img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.qrcode-container .qrcode-intro { text-align: center; font-size: 14px; line-height: 22px; }

.qrcode-foot { margin: 10px 10px 20px; font-size: 14px; }
.qrcode-foot h3 { line-height: 34px; padding-left: 4px; }
.qrcode-foot input { width: 100%; }
.qrcode-foot p { line-height: 30px; text-align: center; }

.qrcode-share { margin: -10px 10px 10px; padding: 12px 10px; background: #eee; border-top: 1px solid #dfdfdf; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.qrcode-share ul { display: table; width: 100%; }
.qrcode-share li { display: table-cell; }
.qrcode-share li a { display: block; text-align: center; margin: auto; }
.qrcode-share li a .ico { display: block; width: 50px; height: 50px; margin: auto; background: url("../images/login-icons.png") no-repeat; -webkit-background-size: auto 50px; background-size: auto 50px; }
.qrcode-share li a .ico-qq { background-position: -50px 0; }
.qrcode-share li a .ico-sina { background-position: -100px 0; }
.qrcode-share li a .ico-wechat { background-position: -150px 0; }

.qrcode-share-wx { margin: 15px 10px; text-align: center; }

/*decoration*/
.dec-top { position: relative; display: table; width: 100%; height: 7.5rem; background: url("../images/sis-decoration-top.jpg") no-repeat; -webkit-background-size: cover; background-size: cover; }
.dec-top .upload-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.dec-top .upload-link { display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; height: 150px; line-height: 150px; }
.dec-top .upload-link a { color: #fff; text-shadow: 0 0 10px #3c3c3c; }

.dec-user { position: relative; height: 38px; padding: 0 10px 0 90px; margin-bottom: 10px; }
.dec-user .userhead { position: absolute; left: 12px; top: -32px; }
.dec-user .userhead:before { display: none; }
.dec-user .userhead:after { border: 4px solid rgba(0, 0, 0, 0.1); top: -4px; left: -4px; }
.dec-user .name { font-size: 18px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 38px; }

.dec-edit-form { margin-top: 10px; }
.dec-edit-form li { position: relative; padding-left: 50px; line-height: 36px; }
.dec-edit-form li .ico { position: absolute; width: 50px; left: 0; top: 0; height: 50px; line-height: 50px; text-align: center; font-size: 24px; color: #999; }
.dec-edit-form li input[type=text] { height: 36px; }
.dec-edit-form li textarea { line-height: 36px; }
.dec-edit-form .itemlink { line-height: 38px; }
.dec-edit-form .link-showtype { padding-left: 0; }
.dec-edit-form .link-showtype .itemlink { background: url("../images/ico-showtype.png") no-repeat left; -webkit-background-size: 50px auto; background-size: 50px auto; padding-left: 64px; margin-left: 0; }

.ico-announce:before { content: "\f0a1"; }

.ico-preview { display: inline-block; vertical-align: middle; margin-right: 6px; width: 24px; height: 24px; background: url("../images/ico-eye.png") no-repeat center; -webkit-background-size: 24px auto; background-size: 24px auto; }

.dec-showtypes li { float: left; width: 50%; text-align: center; margin-bottom: 20px; }
.dec-showtypes .tit { font-size: 14px; line-height: 32px; }
.dec-showtypes .pic { display: block; height: 200px; overflow: hidden; margin: 0 10px 10px; }
.dec-showtypes .pic img { height: 100%; }

/*# sourceMappingURL=ecmmobile.css.map */