@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: 14px/1.5 sans-serif; *line-height: 1.5; }

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

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: #3c3c3c; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

legend { color: #000; }

fieldset, img { border: 0; }

button, input, select, textarea { font-size: 100%; font-family: "Microsoft YaHei", Helvetica, "STHeiti STXihei", Tohoma, Arial; }

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 { -webkit-text-size-adjust: none; color: #3c3c3c; font-family: "Microsoft YaHei", Helvetica, "STHeiti STXihei", Tohoma, Arial; }

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; }

.red { color: #d62c2e !important; }

.mt30 { margin-top: 30px; }

.mt24 { margin-top: 24px; }

.mb20 { margin-bottom: 20px; }

.mb10 { margin-bottom: 10px; }

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

.orange { color: #ff6611; }

.gray { color: #999; }

.black { color: #3c3c3c; }

.bggray { background: #f9f9f9; }

@font-face { font-family: 'iconfont'; src: url("font/iconfont.eot");
  /* IE9*/
src: url("font/iconfont.eot?#iefix") format("embedded-opentype"), url("font/iconfont.woff") format("woff"), url("font/iconfont.ttf") format("truetype"), url("font/iconfont.svg#iconfont") format("svg");
  /* iOS 4.1- */ }
.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; }
.ico:before { font-family: "iconfont"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@font-face { font-family: "hyfont"; src: url("newfont/iconfont.eot?t=1582079276629");
  /* IE9 */
src: url("newfont/iconfont.eot?t=1582079276629#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAycAAsAAAAAF5AAAAxPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFAgqfGJhmATYCJANECyQABCAFhFUHgV0bbxOjoo5yVoRkf1lguy2joEFRNOxpo9WWjMWMoIldIQyF/tOLpW/eUOj7w82NPfHolFFismi/3+yJvy8imEQS3vEQJTSqeKJEb4RE15LeRf53LnMIcuO86WM5ZIU+1/5AIenS5ICFnZeszIZnm/3jIQ6QBeDi0lgVLpNV4FUtmesyLqLSq3S/Uh7sb2/bLqEMAw2sizKIOIUvCcz/dtWOZxbICtQqdAEvQsf1PkgHaINuVgJbUlmQcxvv/0dXoH1RPUvWsCbhVIC+uLQeA/+7VtrJAVWNcEcppixMha1zSZbyZ5Zp9kp3nNkCk6w9WeFmyofkiihkXxUKayqE7bGc5mqKWOJEFdq91umBAE5HQ+K4fnxBeQLSCHZ6BCMoH4oQGSoxfqUZtkEvjMmH/GIIj/LH0896YQBGFtCMdu4rF50ufm6RIUbWirG5FIDTSAAHzEEQQJ828w51YU7qTqdLqqRK6s+ZisW32Hr7/Z90ysG5M2iQRaGqHR3lSAmjNbSl7w2CTzXENPz/PIrleEEiIysnB7QB6QGq/7TccjspAQmpIGAg1QQIUkuAQeoIcEg9e2SR/kBAQQwELMRIwEFMBDzEQiBAbAQSiJ1ABuIgkIUIAjko3gg0VOYfPoCwDckE1OlUX+9raI7ALUOXrq6tU6P47nteZELIN3PIyllZaYVSLuctHjipVUKhl8+Xkk69FGwrKcBOpdystUKMyBoNa1fHYTl5boKsOMeMw9KA1HMFAIccKT1PtwVQiMYRM6SheuYRby5sPsj3KEdUKzfPMY5DQmj8bBFOiRKFYef77j1YigV3LMJGTMIGD8CuINxmRrPGkcMWd8NmojzfT+RW7Nm7GnXi/ZL407dAIW+uz/rinQTN8YVUpToctuxC39AAZ0prsRAAEH74yZsyMPQWY2jJkKbcgPg1jLh0j6wf5msLyeHh2iz8LLcF13gCNRyCtC0wq+5LOEIWGApwj/aKRpikHo76izBqw26qcsg76GD0jRMZlBINVivhPseZX6YMQVV0lujqs2zNRG7J00wh7cy+IW/d9/TdofgGxDjPpGwdvMXSrLEq2QnSysTIfxx3/5bbQ+XKWBt/cp0DZUJ7xN33UKWGM+qy2Kxfdi7WJy3eP+3o6HpGPKHbzQzYQ6VRxA4omaalu8XKPwtSsP8Oob3S1hLBVfm+6U2+6RcctURb/w77oJwdHNpacPsCtELK6mE1sk1BIyAatSFcYwelpOaJ6aeIdnTVjMVFJFa03ZsbGtTWV8lDIaQuzIkHnZufN4yiMu4VoQlMgOS7NC3J/RW6ENgz93x+rIMbhfHqhW8L2WG4r6N+Mu88SZPiNlqvZKXyYzOX+ZCOXc+sBzCNg8NmtYeFijhEBE7Zg0qEGAc2c0d8lt8oUsOy56fTAMksws9ztXA8m0RPbnAia+MqMHYE7NQTefavZr8dpIS+z04Oiropc89IiNZhBu1irCw5+OcgCdwUDZl/aEidraelv2cX8ZvQfAghTbXiuQAkswJHeuKc4uHJISC2E2Dx03f39lyw+lF7n7fjT4fKvxJgX4s/rkw9nBnHj1pzDMO8AIxfhdBTQCTd/fmnIQLfDDfZrMWZXUj6MUF6jlsPHJ13ZkleZcAShBgIfRvY6EA1sYE82pOfVmHZpZMo7pt2WnZ/aY4w/oPgW56cKqxnt/ldn2ynfVlRyVkj6FeQ6X569Y9oBPYaQOhXx7A8JFRR0Uu/bGCbBrhWhkUZ31vjWPN/NCXZR8JsNmS+bjtTkKLpr8fSZpkDUKZgmgVnNsrOEsfoY8SBqp1TtZ6NubXvG0f7HaQOUxMSpdKkCeQRav3Ws/P6yI7Y7t9ylrM/Oc20a9ruXIlGZWjIq33XIKwacz2HBw7SItVVCFO11dUZpKra361KGJaADB6MgEg4BhMApgDgSKGPx26RWEpQ01H6KCHkd/1tXD+GaXRBjaMN7xoKAlq3FS9v0TR+qBnToA9taFiw90DvDVvPaEDQbRut8iVigS+UWofvrhb1j0adg0hbaNFBC0Rggd1jVvztkJSI0Ah7C/Tf5yFxj9iK3gUpe9p+m+rD1nPt5mQF359XJH+UEDjR1N+cS/M+MWuPlpkeczPqxTM6YDuc4Z31JgdwKTrO4TvssQk5/Ls4+2zdUfoYfnjnp8+ISMfhQw2fZHglbmtOJ7bR24h0WkTejcd2K/4Ofle9qle+gMGDVOqZTH2fuz2tPRiIoH4HwXVMZOivq4dI2ZLVu6eAwUt8185Wh6hwSb157e6kXXavXjJkic/B0vFnfTgwNVsc/NNThfiApUNAsLF/zemtskPyxlDDdZUSUapuhOkLsUPkjR+1J8KzqUNkcJ+aPm69D9tmhhrq3imh8m39wfX/97j+f+LftbndOKiubRA41lNaWHbjbWnPNfvBz38ZgFB1h+zFagFZFPELlTAl4O3iCAGRvZD1yRw4VYj9NibARMwd7f9cGztwaqYSZg9r4c/kenkqX62lJqE5krnhFsvcsFxsxpOJnJltFYeWylv2722VWxxb160BQao95HUC37vPfvVJ+bfZl2njcZy8TN6YjaTUG7+zZZxGlP+Ar6VZ8cfMUpO74aVivNOA5qaBznPw5Nlz09iiYja1d13l8WpFbZ9jlcpqb8J9Va/+lZv1AErBi2Wu828H8HCci9YPGndsMaGY8vlBo7dT3gBIX3JZaR5Fu47Hdodd6x/Dw/JZM6ogUHgSLAfp3bR/8qbo24JA2dK626frbKnOmG91fN7OCrz4huqmTdHBcrh7TqgO8MkNu/MV1eMcBvU+t0ZKfu3lWDy/sxTFdOjU6VCHHAOI8A0EBQS2IQIUKmChKJ6HlVfqN1NWaprM6vK/n0b9T23Mf0lZna3hpQzSrub58Qn++WogtQJznnyfp9qTTkBVsK+Alu6Tqt1P7ytQe+z3UEdkBtuPqZedCTBtlyp/f74qkypNvfPlyxcBNHWGKQnD507lRhHX2etErc1l5xkJAz7Jp9DjcgsyNSMZxWNAhdeqXSVJBZkzJf/p2SUeU7C05DsDp3i6lLJhnM2x3YdgFDuZ26dczO6XN+RblhmdP0xrMAVmsrvLSfMzVY8fH4Coh7jH2RyOuq6OMXUcczwdnusWGGf1vixjpvy2wJ4oRBD5hdJnAmLp3FK6dM+eqKi1cLJy0jXiOvGaPI5fncguYf+wx9hr5B+d7bFcwj2wu7r/agas6IFFc2ZmKXOdEc+cEWIQsx3MgFih9uQpkRFPOeIFyOkZzZgqf0Vey6v7rto94NAV+SqsWcMr7A6U6NDLEoKQMPUyQXj88VHz9CPBytSdOlptDE2HY2C3Ho4Whl4/GgHR7Y7HPqYktrhPZqbVGD9TuuRAj2U/m7fE0pPen+E/boFPairXxKxSNicHeqXuWJFi3xvJKi3JcgRyZBDKLvEFSq6zuLTzJ192hIhyQtFzPgXyoWyomxybCzhMiuFEWchugHIDySbw6NPiIuvWhfInAHKtYUIPVwIdsvBxSW6eqXxAMLu1oG+IRAcGh8mDghSEW+IEsnCuMAAYrCsAWI+UGWVk018GaG16eBn+1vR6NfwsWQagJEBtaBw8U0QNR9GmP8vg26avC1DH/vceof7hysdNV56g4U1Xn6NhaFNg2N75S90O3lE7bs1m9jcj++99x9OGk377knVTd43i28FgcHL+LjsLniaebhTN9/3UUUeDLXkfyBQDl58P+20uFPx16ysX5hxUyHnCjNbEnDJAonoKS94CKOxbAezMOhnZK/KkUFsAM+YOJsETZjI+MBd8IlH9jaWKT6wE/9g58j9ObyJ2ixcaiAEX98dYOEpSUjJFPhbbPwGzAdEBJ3/QG+hYKIm7C0uRnhuQoKsOEA9YzxiKqVYhvj7PDIJA4UgrDxzT4sZE++3FY92ALUeFqGiTBgjDl3VhfeP1BYci0Xaj6BTcoe9/AhgrQOjnEY993wAtJp53x7paOpnoRpcFjtq1HBtgeo92g8KUwo5KCLuulgIB7lSwSH8/D3AYLbxCe2Rfe3c2WlRvTcoXmrcPBncM9ILzwYiTIEmKNBmy5MhToIQylKUc5amAwkUEJdyqrjuQ9S2R5QhErCSbcCYXxiLmymYaVSLfM8SYJCccYPLVmItISApyJIhkGVdMuCgy0BG2g5x2mABEM3+i7NA6HLI7f+EQbmZrzY4hJ8zN9JlyIcPSTYQA") format("woff2"), url("newfont/iconfont.woff?t=1582079276629") format("woff"), url("newfont/iconfont.ttf?t=1582079276629") format("truetype"), url("newfont/iconfont.svg?t=1582079276629#hyfont") format("svg");
  /* iOS 4.1- */ }
.hyfont { font-family: "hyfont" !important; font-size: 22px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#page { margin: auto; min-height: 100%; position: relative; overflow: hidden; background: #f7f7f7; }

#page.bgwhite { background-color: #FFFFFF; }

#page.bgservice { background-color: #6ba734; }

.formlist li:after { display: block; clear: both; content: ""; height: 0; }

/*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-appearance: none; -moz-appearance: none; appearance: none; -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; }
.input-wrap input[type=text], .input-wrap input[type=password], .input-wrap input[type=number], .input-wrap input[type=email] { padding-right: 40px; }
.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; }

.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: #6ba734; }
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::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

.itemlink:before, .btn-fav:before, .number-minus:after, .number-plus:after, .prop-list li.active:after, .order-address address:before, .order-address address:after, .delete:after, .ico-close:before, .vouchers-top:before, .sort-asc .ui-btn-text:after, .sort-desc .ui-btn-text:after, .sort-none .ui-btn-text:after, .togglebtn:before, .toggled .togglebtn:before, .store-contact li span.address:before, .store-contact li span.tell:before, .groupbuy-countdown span:before { font-family: "iconfont"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.itemlink:after, .addresslist li:after, .order-btn:after { display: block; clear: both; content: ""; height: 0; }

.mc-info-list li, .mc-user-list li, .tbviewlist li > a, .btngroup, .btngroup .ui-btn { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }

.mc-info-list ul, .mc-user-list ul, .tbviewlist li, .filterbar, .btngroup { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }

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

.mainbtnbar { width: 100%; position: fixed; z-index: 999; bottom: 0; height: 44px; line-height: 44px; text-align: center; }
.mainbtnbar .address_btn { width: 100%; height: 44px; line-height: 44px; display: block; color: #FFF; background: #6ba734; }

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

.itemlink { position: relative; display: block; line-height: 30px; padding-right: 30px !important; color: #999; 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 .c span { padding-left: 18px; }
.itemlink .c em { padding-left: 10px; }
.itemlink .c span, .itemlink .c em { color: #3c3c3c; }
.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.noborder { border-bottom: none; }
.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 { margin-bottom: 10px; }
.toptip.mb0 { margin-bottom: 0; }
.toptip.mb0 > div { padding: 5px 10px; }
.toptip > div { position: relative; line-height: 22px; padding: 10px 30px 10px 15px; background: #faaf7a; 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; }

.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-edit, .ico-movetop, .ico-movedown, .icon-shelves { position: relative; width: 32px; height: 32px; text-align: center; display: inline-block; vertical-align: middle; }
.ico-delete:before, .ico-edit:before, .ico-movetop:before, .ico-movedown:before, .icon-shelves: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-edit:before { content: "\f044"; }

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

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

.icon-shelves:before { content: "\f05c"; }

/*forms*/
.checklist li { position: relative; padding-left: 36px !important; }
.checklist input[type="checkbox"], .checklist input[type="radio"] { position: absolute; left: 8px; top: 23px; }

.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 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: #eeeeee; }

.cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

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

.display-flex { display: -webkit-box; display: -moz-box; display: box; }

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

.indexBanner { width: 100%; height: 11.85rem; background: url("../images/indexBanner.png") top center no-repeat; background-size: cover; margin-bottom: 10px; }

.indexBanner a { width: 100%; height: 100%; display: block; overflow: hidden; }

.indexMenu { width: 100%; overflow: hidden; }

.indexMenu img { width: 100%; display: block; margin: auto; }

.indexProd { width: 100%; padding-top: 5px; }

.indexProd .title { position: relative; margin: auto; width: 140px; font-size: 14px; color: #7a7a7a; line-height: 45px; text-align: center; }

.indexProd .title:before, .indexProd .title:after { content: ""; position: absolute; height: 1px; background: #7a7a7a; margin-top: 22px; }

.indexProd .title:before { left: -24px; right: 132px; }

.indexProd .title:after { right: -24px; left: 132px; }

.indexProd ul { width: 100%; overflow: hidden; }

.indexProd li { width: 7.4rem; float: left; margin: 0 0 10px 0.4rem; border: 1px solid #dfdfdf; }

.indexProd li a { width: 100%; height: 100%; overflow: hidden; display: block; }

.indexProd li .img { width: calc(7.4rem - 2px); height: calc(7.4rem - 2px); background-color: #FFFFFF; }

.indexProd li .name { padding: 0 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; height: 40px; margin: 4px 0; }

.indexProd li .price { padding: 0 10px; overflow: hidden; height: 28px; line-height: 28px; }

.indexProd li .price span { float: right; font-size: 11px; color: #999999; text-decoration: line-through; display: block; }

.indexProd li .price em { color: #d62c2e; }

.xmjs { width: 100%; }
.xmjs img { width: 100%; display: block; margin: auto; }

.mui-bar { background: #6ba734; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.mui-bar.mui-bar-shopcart { background: #eeeeee; }
.mui-bar.mui-bar-shopcart a.mui-icon { color: #6ba734; }

.mui-title { color: #fff; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }

.mui-bar-fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 30; }

a.mui-icon { color: #fff; }

.mui-bar-fixed ~ .mui-content { padding-top: 44px; }

/*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 #d62c2e; color: #d62c2e; 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 #d62c2e; -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 #d62c2e; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ui-dialog-btns .ui-btn-2 { background: #d62c2e !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; 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.selected { border-bottom: 2px solid #6ba734; margin-bottom: -2px; color: #6ba734; }

.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; }

/*tabbar*/
.tabbar, .tabbar2 { height: 42px; }
.tabbar ul, .tabbar2 ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.tabbar li, .tabbar2 li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; width: 100%; text-align: center; }
.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%; max-width: 640px; }

.tabbar ul { background: #fff; }
.tabbar li { height: 42px; line-height: 42px; border-bottom: 1px solid #eeeeee; }
.tabbar li a { font-size: 14px; }
.tabbar li.selected { border-bottom: 2px solid #6ba734; height: 42px; 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-wrap { overflow: hidden; padding-top: 10px; }
.edit-wrap label { position: relative !important; width: auto !important; display: block; float: left; margin-top: 3px !important; }

.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: 9998; background: rgba(0, 0, 0, 0.8); opacity: 0; left: 0; top: 0; bottom: 0; right: 0; }

.actionsheet { position: absolute; z-index: 9999; top: 100%; width: 100%; }
.actionsheet .wrap { max-width: 640px; 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: 9998; width: 100%; height: 100%; left: 0; top: 0; }

.tipBox { position: fixed; opacity: 0; z-index: 9999; 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: 25px 40px; background-size: 25px 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; color: #3c3c3c; }
.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: #eeeeee; }
.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: #1a1a1a; min-width: 75px; padding: 0 10px 0 0; font-size: 14px; }
.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=email], .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; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 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 .input-wrap .delete { right: 5px; }
.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-order .hd { min-width: 80px; padding: 0; font-size: 16px; color: #3c3c3c; }
.tbviewlist-order input[type=text] { font-size: 16px; }

.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 { min-width: 100px; }

/*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%; }

.review-starbig { display: inline-block; width: 125px; height: 20px; vertical-align: middle; background: url(../images/star.png) repeat-x 0 0; line-height: 1; -webkit-background-size: 25px auto; background-size: 25px auto; text-align: left; }
.review-starbig b { display: inline-block; height: 20px; background: url(../images/star.png) repeat-x 0 -20px; -webkit-background-size: 25px auto; background-size: 25px auto; }

.review-starbig-1 b { width: 10%; }

.review-starbig-2 b { width: 20%; }

.review-starbig-3 b { width: 30%; }

.review-starbig-4 b { width: 40%; }

.review-starbig-5 b { width: 50%; }

.review-starbig-6 b { width: 60%; }

.review-starbig-7 b { width: 70%; }

.review-starbig-8 b { width: 80%; }

.review-starbig-9 b { width: 90%; }

.review-starbig-10 b { width: 100%; }

.input-wrap { position: relative; }

/*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; display: inline-block; text-align: center; padding: 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: inline-block; text-align: center; padding: 0 5px; }
.count-down .c em { margin: 0 2px; }
.count-down .c i { font-style: normal; margin: 0 2px; }

.end { margin-bottom: 5px; }
.end .promotetag { display: inline-block; background-color: #ff6d6d; vertical-align: top; margin: 0 2px; padding: 0 3px; line-height: 17px; font-size: 11px; color: #FFF; border: 1px solid #ff6d6d; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.qgseconds { width: 32px; display: inline-block; margin: 0 !important; text-align: center; }

/*switch-btn*/
.switch-btn-input { position: absolute; left: -9999px; visibility: hidden; display: none; }
.switch-btn-input:checked + .switch-btn { background: #d62c2e; }
.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: 52px; 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:after { content: ''; position: absolute; top: -6px; right: 10px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(34, 41, 44, 0.9); }
.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; }

/*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; }

.reportloadding { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999; }

.spinnerwrap { width: 120px; height: 130px; position: fixed; top: 50%; left: 50%; margin: -65px 0 0 -60px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.spinnerwrap p { text-align: center; margin: 0; color: #fff; }

.spinner8 { margin: 20px auto; width: 60px; height: 60px; position: relative; }

.container1 > div, .container2 > div, .container3 > div { width: 16px; height: 16px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; -moz-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); }
  40% { -webkit-transform: scale(1); } }
@-moz-keyframes bouncedelay { 0%, 80%, 100% { -moz-transform: scale(0); }
  40% { -moz-transform: scale(1); } }
@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); }
  40% { transform: scale(1); -webkit-transform: scale(1); } }
/*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: 999; 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; } }
.loginform { margin-top: 15px; }
.loginform ul { overflow: hidden; }
.loginform li { line-height: 30px; padding: 7px 15px; border-top: 1px solid #eeeeee; font-size: 16px; background: #FFF; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.loginform li .hd { min-width: 80px; }
.loginform li .bd { padding: 7px 0; margin: -7px 0; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.loginform input[type=text], .loginform input[type=password], .loginform input[type=number] { border: 0; width: 100%; margin: -7px -15px; padding: 7px 15px; vertical-align: top; height: 30px; line-height: 30px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-size: 16px; background: none; color: #3c3c3c; }

.verification-code li .hd { max-width: 100px; margin-left: 20px; }
.verification-code li .hd img { width: 100%; }
.verification-code .btn-action { width: 100px; background: #148cdc; color: #fff; display: inline-block; height: 34px; line-height: 34px; text-align: center; font-size: 14px; }

.confirm-login { margin-top: 0; }
.confirm-login li { border-top: none; }
.confirm-login input[type=text], .confirm-login input[type=password] { background: #f7f7f7; margin: 0; border: 1px solid #eeeeee; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 44px; line-height: 44px; }
.confirm-login .btn-action { height: 44px; line-height: 44px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.bindnumber { padding: 7px 15px 7px 40px; background: url(../images/prompt_icon.png) 15px center no-repeat; background-size: 18px auto; margin-top: 7px; }

.loginbtnbar { margin: 25px 10px 0; overflow: hidden; }
.loginbtnbar p { line-height: 35px; text-align: center; margin-top: 10px; font-size: 14px; }

.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: 132px; }
.partylogin h3:after { right: -79px; left: 132px; }
.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; }

.welcome { padding: 50px 36px 30px; font-size: 20px; color: #6ba734; }

.loginframe { padding: 10px 30px 0; }

.loginframe.p0 { padding: 0; }

.loginframe ul { overflow: hidden; }

.loginframe li { line-height: 30px; padding: 10px 0; border-bottom: 1px solid #EEEEEE; font-size: 14px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }

.loginframe li:after { display: block; clear: both; content: ""; height: 0; }

.loginframe li .input-wrap { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }

.loginframe li .r { margin-left: 10px; }

.loginframe li .toobtain { height: 30px; display: block; width: 100px; text-align: center; border-left: 1px solid #EEEEEE; color: #6ba734; padding-left: 10px; }

.loginframe li .toobtain.disabled { color: #999999; }

.loginframe li .code { max-width: 100px; margin-left: 10px; }

.loginframe li .code img { width: 100%; }

.loginframe input[type=text], .loginframe input[type=password], .loginframe input[type=number], .loginframe input[type=tel] { border: 0; padding: 9px 30px 9px 0; margin: -9px -30px -9px 0; vertical-align: top; height: 48px; line-height: 30px; font-size: 14px; background: none; }

.newbtnbar { margin: 25px 30px 0; overflow: hidden; }

.br20 { border-radius: 20px; }

/*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 #dfdfdf; 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; color: #3c3c3c; }
.prd-list-grid li .price { height: 28px; line-height: 28px; 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 { float: left; font-size: 12px; }
.prd-list-grid li .price-real em { font-size: 16px; }
.prd-list-grid li .price-origin { float: right; font-size: 9px; text-decoration: line-through; }
.prd-list-grid li .price-origin em { font-size: 10px; }
.prd-list-grid:after { content: ''; display: block; clear: both; }

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

.prd-list-storetitle { background: #fbfbfb; line-height: 20px; border-bottom: none; color: #3c3c3c; }
.prd-list-storetitle .ico-promote-solid { width: 20px; height: 20px; background: url(../images/yh_title_icon.png) center no-repeat #148cdc; background-size: 12px auto; }

.prd-list { background: #fff; }
.prd-list li { position: relative; padding: 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 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 h3 > span { background: #e60000; display: inline-block; color: #fff; padding: 0 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 3px; }
.prd-list h3 a { color: #3c3c3c; }
.prd-list p { margin-bottom: 4px; padding: 0; margin-left: 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 { margin-left: 10px; }
.prd-list .price-real { font-size: 12px; }
.prd-list .price-real em { font-size: 16px; }
.prd-list .price-browse { color: #3c3c3c; font-size: 16px; }
.prd-list .price-browse em { font-size: 12px; }
.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: #d62c2e; }
.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 .hd { padding-bottom: 7px; }
.prd-list .hd .r { color: #7a7a7a; }
.prd-list .ft { clear: both; border-top: 1px solid #eee; margin-top: 7px; line-height: 28px; padding-top: 7px; }
.prd-list .ft .r span { margin-right: 10px; }
.prd-list .r { float: right; }
.prd-list .price-origin-cart { text-decoration: line-through; color: #999; margin-left: 95px; height: 21px; line-height: 21px; }
.prd-list .purchasing { margin-left: 95px; text-align: right; color: #ff6611; clear: both; }
.prd-list .information { clear: both; border-top: 1px dashed #cccccc; padding-top: 8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.prd-list .information .content { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; margin-right: 10px; }
.prd-list .information .content span { line-height: 18px; height: 18px; display: block; float: left; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; padding: 0 5px; font-size: 12px; }
.prd-list .information .content span.fullreduction { background-color: #77bd3f; }
.prd-list .information .content span.keepfolding { background-color: #ffbb00; }
.prd-list .information .content span.hidegift { background-color: #9773e0; }
.prd-list .information .content p { margin-left: 44px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.prd-list .information .modify { display: block; padding-left: 10px; border-left: 1px solid #b6b6b6; height: 18px; line-height: 18px; }

.browse-lst .pic { width: 60px; height: 60px; }
.browse-lst h3 { color: #3c3c3c; margin-left: 75px; }
.browse-lst p { margin: 8px 0 8px 75px; }
.browse-lst .source { margin-left: 75px; color: #999; display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; overflow: hidden; }
.browse-lst .source > p { margin: 0 20px 0 0; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; line-height: 28px; }
.browse-lst .source > em { padding: 0 8px; border: 1px solid #6ba734; background-color: #fff; height: 28px; line-height: 28px; text-align: center; display: block; color: #6ba734; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.browse-lst .source > em.disabled { border: 1px solid #999; background-color: #999; color: #fff; }
.browse-lst .source > em.cancelcollection { border: 1px solid #ccc; background-color: #fff; color: #3c3c3c; }
.browse-lst .source > em a { color: #6ba734; display: block; padding: 0 8px; margin: 0 -8px; }
.browse-lst .wdsource { font-size: 11px; clear: both; margin: 0; padding-top: 3px; }

.prize-lst .clearbox { overflow: hidden; }
.prize-lst h3 { height: 18px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.prize-lst .num { line-height: 20px; margin-left: 75px; display: block; color: #3c3c3c; }
.prize-lst .source { margin-top: 14px; }
.prize-lst .comments-text { width: 100%; padding: 10px 0 5px; color: #3c3c3c; }
.prize-lst .comments-time { padding-bottom: 10px; margin: 0; }
.prize-lst .comments-img { overflow: hidden; }
.prize-lst .comments-img .imgItems { width: 4rem; height: 4rem; float: left; position: relative; overflow: hidden; margin: 0 0.3rem 0.3rem 0; }
.prize-lst .comments-img .imgItems img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; }
.prize-lst .answer { position: relative; background: #f2f1f1; margin-top: 7px; padding: 7px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; color: #3c3c3c; }
.prize-lst .answer:before { content: ""; position: absolute; width: 0; height: 0; left: 25px; top: -14px; border: 7px solid transparent; border-bottom-color: #f2f1f1; }
.prize-lst .additional { padding: 10px 10px 5px; color: #ff6611; }

.stores-lst li { position: relative; padding: 7px 10px; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; background-color: #fff; }
.stores-lst li:after { content: ""; display: block; height: 0; clear: both; }
.stores-lst h3 { line-height: 30px; margin-bottom: 4px; font-size: 16px; font-weight: normal; color: #3c3c3c; }
.stores-lst h3 a { color: #3c3c3c; }
.stores-lst .source { color: #999; display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; overflow: hidden; padding-bottom: 10px; }
.stores-lst .source .info { margin: 0 20px 0 0; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.stores-lst .source .info p { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.stores-lst .source .info p i { min-width: 35px; display: block; font-style: normal; padding-right: 5px; }
.stores-lst .source .info p em { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.stores-lst .source .cancelcollection { padding: 0 8px; border: 1px solid #ccc; background-color: #fff; color: #3c3c3c; height: 28px; line-height: 28px; text-align: center; display: block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.stores-lst dl { padding: 10px 0 3px 0; border-top: 1px solid #dfdfdf; overflow: hidden; }
.stores-lst dl dt, .stores-lst dl dd { width: 50%; float: left; height: 24px; line-height: 24px; border-left: 1px solid #dfdfdf; margin-left: -1px; text-align: center; }
.stores-lst dl dt a, .stores-lst dl dd a { display: block; color: #3c3c3c; }
.stores-lst .ico { display: inline-block; height: 24px; line-height: 24px; margin-right: 10px; vertical-align: -2px; }
.stores-lst .ico-store:before { content: "\e603"; }
.stores-lst .ico-tel:before { content: "\f095"; }

.browse-title { padding: 0 10px; line-height: 32px; border-bottom: 1px solid #dfdfdf; }

.order-prd-list .info { margin: 0 -10px 4px -10px; background: #f9f9f9; padding: 6px 0; }
.order-prd-list h3 { overflow: hidden; margin: 0 16px 0 85px; margin-bottom: 6px; font-size: 12px; color: #3c3c3c; }
.order-prd-list p { margin-left: 85px; }
.order-prd-list .pic { width: 60px; height: 60px; margin: 0 0 8px 10px; }
.order-prd-list .price { float: right; margin-left: 0; margin-bottom: 0; padding: 0 20px 0 20px; }
.order-prd-list .price .price-real { color: #3c3c3c; margin-right: 0; font-size: 12px; }
.order-prd-list .price .price-real em { font-size: 14px; }
.order-prd-list .count { clear: right; padding-left: 20px; }
.order-prd-list .ft { display: block; text-align: right; margin: -7px 0; line-height: 30px; padding-bottom: 7px; border-top: none; color: #3c3c3c; }
.order-prd-list .ft span { color: #e60000; font-size: 16px; }
.order-prd-list .cz { border-top: 1px solid #eee; padding-top: 7px; margin: 0 -10px; text-align: right; }
.order-prd-list .cz .mui-btn { margin-right: 10px; color: #999; }
.order-prd-list .cz .mui-btn-danger { color: #6ba734; border: 1px solid #6ba734; }

.sure-prd-list li { padding: 7px 10px 0; border-bottom: none; }
.sure-prd-list .info .itemsinfo a { display: block; }
.sure-prd-list .hd .c { color: #3c3c3c; }
.sure-prd-list .aftersales { clear: both; text-align: right; padding-right: 6px; }
.sure-prd-list .information { margin: 0 10px; }

.cart-list label { position: absolute; left: 0; top: 0; height: 100%; width: 36px; }

/*goods-manage*/
.goods-manage-list .prd-list label { position: absolute; left: 0; top: 0; height: 100%; width: 36px; }
.goods-manage-list .prd-list .pic { width: 60px; height: 60px; }
.goods-manage-list .prd-list h3 { margin-bottom: 8px; color: #000; margin-left: 70px; }
.goods-manage-list .prd-list .price { margin-left: 70px; }
.goods-manage-list .prd-list .price * { vertical-align: baseline; }
.goods-manage-list .prd-list .price .orange { color: #ff6611; }
.goods-manage-list .prd-list p { overflow: hidden; margin-left: 70px; }
.goods-manage-list .prd-list .price-real { margin-right: 20px; color: #000; min-width: 100px; }
.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: #eeeeee; 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 .prd-list .commission { color: #ff6611; line-height: 30px; font-size: 12px; }
.goods-manage-list .prd-list .commission em { font-size: 16px; }
.goods-manage-list .prd-list .btn-action { float: right; line-height: 28px; display: block; border: 1px solid #e91930; color: #e91930; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0 8px; }
.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; border-top: 1px solid #eee; margin-top: 13px; height: 36px; }
.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; }

#slider.mui-fullscreen { top: 93px; }

.mui-scroll-navwrapper { width: 4.25rem; border-right: 1px solid #eee; top: 0; bottom: 0; position: absolute; background: #FFF; }

.categorynav { width: 100%; }
.categorynav li { width: 100%; line-height: 44px; border-bottom: 1px solid #eee; font-size: 13px; }
.categorynav li.selected a { background: #f5f5f5; color: #6ba734; border-right: 1px solid #f5f5f5; margin-right: -1px; }
.categorynav li a { padding-left: 0.5rem; display: block; color: #3c3c3c; height: 44px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.mui-rightpro { position: absolute; top: 0; left: 4.65rem; right: 0; bottom: 0; }
.mui-rightpro.prolist { left: 0; }

.prouctsList { overflow: hidden; }
.prouctsList .pimg { margin: 12px 0; width: 11rem; }
.prouctsList ul { width: 100%; overflow: hidden; }
.prouctsList li { width: 5.3rem; margin: 0 0.375rem 0.375rem 0; background: #fff; float: left; }
.prouctsList li a { display: block; }
.prouctsList .pic { width: 5.3rem; height: 5.3rem; overflow: hidden; position: relative; }
.prouctsList .pic img { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; }
.prouctsList .intro { margin: 0 6px; }
.prouctsList .name { font-size: 11px; line-height: 16px; margin-top: 5px; height: 48px; overflow: hidden; color: #3c3c3c; }
.prouctsList .price { height: 28px; line-height: 28px; margin-top: 4px; color: #d62c2e; }

.prouctsListclass { margin: 0 7px; }
.prouctsListclass .pimg { margin: 12px 0; width: 100%; }
.prouctsListclass li { width: 50%; margin: 0 0 5px 0; background: none; }
.prouctsListclass li > a { position: relative; width: 7.5rem; margin: auto; display: block; background: #fff; overflow: hidden; }
.prouctsListclass .pic { position: relative; overflow: hidden; width: 7.5rem; height: 7.5rem; }

.store-list li a { display: block; margin: -10px; padding: 10px; overflow: hidden; }
.store-list li a h3 { color: #000; }
.store-list .price .price-origin { text-decoration: line-through; }

.snapup-list .pic { width: 90px; height: 90px; }
.snapup-list h3, .snapup-list .price { margin-left: 105px; }
.snapup-list .countdown { display: block; margin: 4px 0 0 105px; height: 26px; border: 1px solid #e9192f; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; color: #3c3c3c; padding-left: 7px; line-height: 26px; font-size: 12px; overflow: hidden; }
.snapup-list .countdown .t { float: right; background: #d62c2e; color: #fff; padding: 0 12px; height: 26px; }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-slide .pic { width: 100%; height: 100%; position: relative; overflow: hidden; }
.swiper-slide .pic img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; right: 10px; width: 35px; height: 35px; line-height: 35px; background: #c9c9c9; color: #FFF; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }

.swiper-lazy-preloader { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; z-index: 10; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url(../images/loading.gif); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; }

.picslider { height: 16rem; background: #FFF; }

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

.sku-intro { position: relative; margin-bottom: 10px; }

.sku-name { width: 100%; line-height: 22px; overflow: hidden; font-size: 16px; color: #3c3c3c; }

.sku-custom-attr { color: #999; line-height: 22px; padding-top: 5px; }

.sku-price { margin-bottom: 5px; overflow: hidden; }
.sku-price .price-real { color: #e8182f; font-size: 12px; line-height: 20px; margin-bottom: 5px; }
.sku-price .price-real strong { font-size: 18px; margin-left: 2px; }
.sku-price .price-real .promotetag { display: inline-block; background-color: #ff6d6d; vertical-align: top; margin: 0 2px; padding: 0 3px; line-height: 17px; font-size: 11px; color: #FFF; border: 1px solid #ff6d6d; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.sku-price .price-origin { text-decoration: line-through; display: inline-block; color: #999; margin: 0 2px; }
.sku-price .sku-sale-count { float: right; font-size: 12px; color: #999; }

.count-down-detail { margin-bottom: 5px; clear: both; }

.sku-rebate { line-height: 18px; margin: 0 0 10px 0; background: #FFF; }
.sku-rebate li { padding: 9px 10px; border-bottom: 1px solid #eee; overflow: hidden; }
.sku-rebate p { color: #999; 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; }

.promotion { position: relative; background: #fafafa; overflow: hidden; padding: 0 30px 6px 46px; margin: -10px 0 10px; }
.promotion .title { position: absolute; left: 11px; top: 0; height: 32px; line-height: 32px; color: #999999; }
.promotion dl { width: 100%; border-bottom: 1px dotted #cccccc; overflow: hidden; padding: 7px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.promotion dl:last-child { border-bottom: none; }
.promotion dl dt { line-height: 18px; height: 18px; display: block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; padding: 0 5px; font-size: 12px; }
.promotion dl dt.fullreduction { background-color: #77bd3f; }
.promotion dl dt.keepfolding { background-color: #ffbb00; }
.promotion dl dt.hidegift { background-color: #9773e0; }
.promotion dl dd { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; padding-left: 12px; line-height: 18px; font-size: 12px; color: #3c3c3c; text-align: justify; }

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

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

.sku-coupon { padding: 7px 10px 0; margin-bottom: 10px; background: #fff; }
.sku-coupon .title { line-height: 30px; font-size: 14px; color: #999; }
.sku-coupon .title:after { display: block; clear: both; content: ""; height: 0; }
.sku-coupon .coupon-list { margin: 0 -10px; }
.sku-coupon .coupon-list ul { overflow: hidden; }
.sku-coupon .coupon-list li { width: 7.4rem; height: 3.5rem; float: left; background: #148cdc; color: #fff; margin: 0 0 0.4rem 0.4rem; overflow: hidden; position: relative; }
.sku-coupon .coupon-list li:before, .sku-coupon .coupon-list li:after { content: ''; width: 0.625rem; background: #fff; height: 0.625rem; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; left: 5rem; }
.sku-coupon .coupon-list li:before { top: -0.4rem; }
.sku-coupon .coupon-list li:after { bottom: -0.4rem; }
.sku-coupon .coupon-list li .hd { width: 5.3rem; height: 100%; float: left; border-right: 1px solid #fff; text-align: center; position: relative; }
.sku-coupon .coupon-list li .hd em { position: absolute; left: 0.25rem; top: 0.3rem; font-size: 10px; }
.sku-coupon .coupon-list li .hd p { font-size: 30px; color: #fff; line-height: 2.1rem; padding-top: 0.45rem; }
.sku-coupon .coupon-list li .hd span { display: block; line-height: 14px; font-size: 12px; }
.sku-coupon .coupon-list li .bd { margin-left: 5.3rem; height: 3.5rem; text-align: center; display: -webkit-box; -webkit-box-pack: center; background: url(../images/icon_get.png) center no-repeat; background-size: 1.2rem; }

.prop-list { overflow: hidden; }
.prop-list li { display: inline-block; position: relative; padding: 5px 12px; line-height: 18px; height: auto; color: #3c3c3c; ackground-color: #fff; border: solid 1px #d2d2d2; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 2px 8px; }
.prop-list li.disabled { color: #999; border: 1px dashed #dfdfdf; }
.prop-list li.active { border: 1px solid #e60000; }
.prop-list li.active:before { height: 0; width: 0; content: ""; border: 0px solid transparent; border-width: 11px 11px 0 0; border-right-color: #e60000; position: absolute; right: 0; bottom: 0; }
.prop-list li.active:after { content: "\f00c"; bottom: -1px; right: -2px; font-weight: bold; line-height: 1; text-indent: 0; font-size: 8px; color: #fff; position: absolute; }

.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.disabled:after, .number-plus.disabled:after { color: #eeeeee; }

.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; }

.number-widget-cart { float: right; border: 0; padding: 0 24px; }
.number-widget-cart .number-text { line-height: 24px; border: 0; height: 24px; width: 35px; }
.number-widget-cart .number-minus, .number-widget-cart .number-plus { width: 22px; height: 22px; line-height: 20px; border: 1px solid #dfdfdf; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.number-widget-cart .number-minus:after, .number-widget-cart .number-plus:after { font-size: 12px; }

.goods-numbox { padding: 15px 10px; }

.goods-num { line-height: 32px; color: #3c3c3c; margin-right: 20px; display: inline-block; }

.goods-xg { line-height: 32px; float: right; color: #ff6611; }

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

.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; }

/*review*/
.review-list { overflow: hidden; background: #fff; padding: 7px 10px; margin-bottom: 10px; }
.review-list .title { line-height: 30px; }
.review-list .rating { color: #3c3c3c; overflow: hidden; margin-bottom: 5px; padding: 0 10px; }
.review-list .rating .review-star { display: inline-block; margin-top: -2px; 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-list .rating .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-list .rating .review-star-1 b { width: 20%; }
.review-list .rating .review-star-2 b { width: 40%; }
.review-list .rating .review-star-3 b { width: 60%; }
.review-list .rating .review-star-4 b { width: 80%; }
.review-list .rating .review-star-5 b { width: 100%; }
.review-list .rating .number { float: right; margin-right: 32px; color: #999; }
.review-list .review-item { margin: 0 -10px; overflow: hidden; }
.review-list .review-item li { border-top: 1px solid #dfdfdf; padding: 11px 0; margin-top: -1px; overflow: hidden; }
.review-list .review-item li.more { border-top: none; text-align: center; }
.review-list .review-item li.more a { line-height: 24px; display: inline-block; border: 1px solid #ccc; color: #999; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0 12px; }
.review-list .review-item li .hd { float: left; margin-left: 10px; width: 42px; height: 42px; padding: 2px; border: 1px solid #efefef; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-background-clip: content-box; background-clip: content-box; background-repeat: no-repeat; background-position: center; background-size: cover; }
.review-list .review-item li .bd { margin: 0 10px 0 77px; }
.review-list .review-item li .bd h3 { overflow: hidden; }
.review-list .review-item li .bd p { margin-top: 5px; max-height: 40px; line-height: 20px; overflow: hidden; color: #3c3c3c; width: 100%; text-align: justify; }

.reviewitem { margin: 0 -10px; overflow: hidden; }
.reviewitem li { border-top: 1px solid #dfdfdf; padding: 11px 0; margin-top: -1px; overflow: hidden; }
.reviewitem .clearbox { overflow: hidden; }
.reviewitem .clearbox .hd { float: left; margin-left: 10px; width: 42px; height: 42px; padding: 2px; border: 1px solid #efefef; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-background-clip: content-box; background-clip: content-box; background-repeat: no-repeat; background-position: center; background-size: cover; }
.reviewitem .clearbox .bd { margin: 0 10px 0 77px; }
.reviewitem .clearbox .bd h3 { overflow: hidden; color: #3c3c3c; }
.reviewitem .clearbox .bd p { overflow: hidden; }
.reviewitem .comments-text { padding: 10px; color: #3c3c3c; }
.reviewitem .comments-img { overflow: hidden; padding: 0 10px; }
.reviewitem .comments-img .imgItems { width: 4rem; height: 4rem; float: left; position: relative; overflow: hidden; margin: 0 0.3rem 0.3rem 0; }
.reviewitem .comments-img .imgItems img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; }
.reviewitem .answer { position: relative; background: #f2f1f1; margin: 7px 10px 0; padding: 7px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; color: #3c3c3c; }
.reviewitem .answer:before { content: ""; position: absolute; width: 0; height: 0; left: 25px; top: -14px; border: 7px solid transparent; border-bottom-color: #f2f1f1; }
.reviewitem .additional { padding: 10px 10px 5px; color: #ff6611; }

.sku-detail-content { background: #fff; overflow: hidden; }
.sku-detail-content .title { line-height: 30px; padding: 7px 10px; }

.ftbtnbar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; width: 100%; position: fixed; z-index: 999; bottom: 0; height: 44px; line-height: 44px; 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: #3c3c3c; }
.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: 54px; white-space: nowrap; display: table-cell; vertical-align: middle; text-align: right; }
.ftbtnbar .content-wrap-in .main-info { font-size: 12px; }
.ftbtnbar .content-wrap-in .main-info span { color: #d62c2e; 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; }
.ftbtnbar .button-wrap.button-wrap-expand { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.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 .button:first-child { border-left: 0 !important; }
.ftbtnbar .button-wrap .button:nth-last-of-type(2) { background: rgba(0, 0, 0, 0.2); }
.ftbtnbar .button-wrap .button:nth-last-of-type(3) { background: rgba(0, 0, 0, 0.4); }
.ftbtnbar .button-wrap .button.btn-buy { background: #6ba734; }
.ftbtnbar .button-wrap .button.sales-btn { background: #6ba734; }
.ftbtnbar .button-wrap .button.btn-addcart { background: #009966; }
.ftbtnbar .button-wrap .button.btn-grey { border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; }
.ftbtnbar .button-l { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; background: #ffffff; height: 44px; }
.ftbtnbar .button-l a { display: block; width: 67px; line-height: 1; position: relative; }
.ftbtnbar .button-l a i { display: block; height: 30px; line-height: 30px; }
.ftbtnbar .button-l a span { display: block; font-size: 10px; }
.ftbtnbar .button-l a em { display: block; position: absolute; top: 2px; left: 35px; height: 18px; font-style: normal; min-width: 8px; overflow: hidden; padding: 0 5px; font-size: 14px; line-height: 18px; text-align: center; color: #fff; background: #ff6464; -webkit-border-radius: 9px; border-radius: 9px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ftbtnbar .button-wrap-disabled { background: #aaaaaa; }
.ftbtnbar .button { 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: 14px; }
.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.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 { min-width: 100px; }
.ftbtnbar .edit-buttons { display: none; }
.ftbtnbar .edit-buttons .button { background: #fe700c !important; }
.ftbtnbar .edit-buttons .button.button-wrap-disabled { background: #999 !important; color: #fff; }

.sku-action { display: block; width: 67px; line-height: 1; }
.sku-action a { position: relative; width: 67px; height: 14px; text-align: center; padding: 30px 0 0; color: #999; font-size: 10px; }
.sku-action a:before { position: absolute; top: 0; left: 0; width: 100%; line-height: 30px; font-size: 26px; }

.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.2); }
  100% { -webkit-transform: scale(1.2); } }
@keyframes favAnim { 50% { transform: scale(1.2); }
  100% { transform: scale(1.2); } }
.fbbwrap { height: 44px; }
.fbbwrap.nofixed { height: auto; }
.fbbwrap.nofixed .ftbtnbar { position: static; }

.fbbwrap-total { height: 54px; }
.fbbwrap-total .ftbtnbar { height: 54px; line-height: 54px; -webkit-box-shadow: 0 -3px 5px rgba(11, 3, 6, 0.1); box-shadow: 0 -3px 5px rgba(11, 3, 6, 0.1); }
.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 { height: 54px; line-height: 54px; background: #6ba734; }
.fbbwrap-total .ftbtnbar .button.button-wrap-disabled { background: #999; }

/*actionsheet-spec*/
.actionsheet-spec { display: none; position: fixed; width: 100%; top: 100%; z-index: 9999; background: #fff; }
.actionsheet-spec .close { position: absolute; top: 0; right: 0; 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 { padding: 10px 40px 10px 8px; border-bottom: 1px solid #eee; height: 60px; overflow: hidden; }
.actionsheet-spec .prod-info .pic { float: left; width: 40px; height: 40px; }
.actionsheet-spec .prod-info .pic img { width: 100%; height: 100%; }
.actionsheet-spec .prod-info .name { margin-left: 48px; line-height: 20px; font-size: 14px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.actionsheet-spec .prod-info .price { margin-left: 48px; margin-top: 4px; font-size: 18px; line-height: 1; }
.actionsheet-spec .prod-info .price em { font-size: 20px; }
.actionsheet-spec .prod-info .title { text-align: center; color: #3c3c3c; line-height: 39px; text-indent: 40px; font-size: 16px; }
.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 .sku-stock-count { margin-left: 5px; display: inline-block; }
.actionsheet-spec .spec-list { min-height: 200px; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; }

.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"; }

.ui-hidden { display: none; }

.groupbuy { background: #fff; }

.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-price .promotetag { display: inline-block; background-color: #ff6d6d; vertical-align: top; margin: 0 2px; padding: 0 3px; line-height: 17px; font-size: 11px; color: #FFF; border: 1px solid #ff6d6d; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.groupbuy-price .price-origin { font-size: 12px; color: #999; text-decoration: line-through; white-space: nowrap; vertical-align: middle; }

.groupbuy-countdown { overflow: hidden; padding: 0 10px; background: #fff5d5; border-top: 1px solid #ffdbb5; border-bottom: 1px solid #ffdbb5; line-height: 27px; font-size: 10px; text-align: center; color: #3c3c3c; }
.groupbuy-countdown strong { float: left; font-size: 14px; line-height: 28px; }
.groupbuy-countdown span { float: right; }
.groupbuy-countdown em { font-size: 16px; }
.groupbuy-countdown span:before { content: "\f017"; color: #f9c574; font-size: 16px; margin-right: 5px; vertical-align: middle; }
.groupbuy-countdown i { font-style: normal; }

/*infopage*/
.iconinfo { position: relative; margin: 20px auto 40px; width: 280px; text-align: center; }
.iconinfo strong { font-size: 15px; font-weight: normal; display: block; line-height: 22px; color: #3c3c3c; }
.iconinfo strong em { font-size: 25px; color: #d1271a; padding: 0 10px; }
.iconinfo p { color: #999; margin: 5px 0 0; font-size: 14px; }
.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-info-b { width: 110px; height: 110px; background-image: url(../images/ico-info-big.png); }
.iconinfo .ico-info { width: 80px; height: 96px; background-image: url(../images/ico-info.png); }
.iconinfo .ico-success { background-image: url(../images/ico-success.png); }
.iconinfo .ico-error { background-image: url(../images/ico-error.png); }
.iconinfo .ico-shopcart { width: 100px; height: 100px; background-image: url(../images/shopcart.png); }
.iconinfo .ico-addempty { width: 100px; height: 100px; background-image: url(../images/addempty.png); }

.between { padding: 5px 10px 0; font-size: 16px; color: #3c3c3c; }

.paytypes input[type=checkbox], .paytypes input[type=radio] { float: right; margin: 6px 0 0 5px; }
.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 0; display: block; width: 100%; }
.paytypes .c { font-size: 14px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color: #999; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.paytypes .c em { color: #999; margin-left: 5px; font-weight: normal; }
.paytypes .c p { display: inline-block; overflow: hidden; line-height: 15px; vertical-align: middle; font-size: 12px; }
.paytypes .l { color: #999; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.paytypes .l .lable { line-height: 18px; height: 18px; display: block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; padding: 0 5px; font-size: 12px; margin-top: 7px; }
.paytypes .l .lable.fullreduction { background-color: #77bd3f; }
.paytypes .l .lable.keepfolding { background-color: #ffbb00; }
.paytypes .l .lable.hidegift { background-color: #9773e0; }
.paytypes .l .prompt { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; padding: 6px 12px; line-height: 18px; font-size: 12px; text-align: justify; }
.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-envelope { background-position: 0 0; }

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

.payico-integral { 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; }

.payico-vouchers { background-position: 0 -240px; }

.iconinfo .btnbar { margin: 20px 0 30px; padding: 0; height: auto; }
.iconinfo .btnbar .button { width: 200px; display: block; margin: 0 auto 10px; line-height: 44px; font-size: 15px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; height: 44px; border: 1px solid #6ba734; background-color: #6ba734; color: #fff; }

.infolist { text-align: center; padding: 15px 0; color: #3c3c3c; }
.infolist h3 { font-size: 30px; color: #d62c2e; }

.orderinfo { color: #3c3c3c; padding: 15px 0; }
.orderinfo p { text-align: center; line-height: 24px; }
.orderinfo a { color: #ff6611; text-decoration: underline; }

.forger { text-align: right; color: #3c3c3c; }
.forger a { color: #ff6611; text-decoration: underline; }

.pwd-box { width: 284px; position: relative; border: 1px solid #dfdfdf; overflow: hidden; margin: 0 auto 30px auto; background: #FFF; }

.pwd-box input[type="tel"] { width: 100%; height: 48px; color: transparent; position: absolute; top: 0; left: 0; border: none; font-size: 18px; opacity: 0; z-index: 1; letter-spacing: 35px; padding: 0; margin: 0; }

.fake-box input { width: 47px; height: 48px; line-height: 48px; border: none; border-right: 1px solid #dfdfdf; text-align: center; font-size: 30px; float: left; }

.fake-box input:nth-last-child(1) { border: none; }

.pwd-box .pwd-input:focus { left: -1000px; top: -100px; }

/*address*/
.addresslist li { position: relative; background: #fff; padding: 7px 10px; margin-bottom: 10px; }
.addresslist label { position: absolute; z-index: 2; left: 0; top: 0; height: 100%; width: 36px; }
.addresslist .selectText { display: block; float: left; height: 20px; line-height: 20px; background-color: #6ba734; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0 10px; font-size: 12px; margin-top: 3px; }
.addresslist .addr-item { margin: -7px -10px; border-bottom: 1px solid #eee; color: #3c3c3c; overflow: hidden; }

.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: #d62c2e; 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: #d62c2e; font-size: 12px; }
.addr-item .name { float: left; margin-bottom: 6px; color: #999; }
.addr-item .phone { float: right; margin-bottom: 6px; }
.addr-item address { position: relative; }
.addr-item address i { color: #d62c2e; font-style: normal; }
.addr-item address, .addr-item p { clear: both; color: #3c3c3c; line-height: 24px; text-align: justify; }

.addr-item-empty a { display: block; margin: -16px -28px -16px -40px; padding: 16px 28px 16px 40px; }
.addr-item-empty address { min-height: 18px; position: relative; }
.addr-item-empty address:before { position: absolute; content: "" !important; left: -30px; top: 0 !important; color: #ff6611 !important; font-size: 22px; }

.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*/
.list-title { line-height: 20px; padding: 7px 10px; 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; }

.order-address { padding: 16px 28px 16px 40px; color: #3c3c3c; background: url("../images/ribbon.png") left bottom repeat-x #fff; -webkit-background-size: auto 4px; background-size: auto 4px; margin-bottom: 10px; }
.order-address address:after { position: absolute; content: "\f054"; width: 13px; height: 16px; line-height: 16px; text-align: center; right: -20px; top: 50%; margin-top: -8px; color: #ccc; font-size: 13px; }
.order-address address:before { position: absolute; content: "\f041"; left: -30px; top: 2px; color: #ccc; font-size: 22px; }

.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; }

.order-info { padding: 10px; background: #fff; overflow: hidden; }
.order-info li { width: 100%; line-height: 20px; float: left; display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; color: #3c3c3c; }
.order-info li p { min-width: 70px; color: #999; }
.order-info li span { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.order-info li em, .order-info li em a { color: #6ba734; margin-left: 10px; }

.payment-info { padding: 10px; color: #3c3c3c; }
.payment-info h3 { line-height: 35px; font-size: 16px; }
.payment-info p { overflow: hidden; padding: 3px 0; }

.orderdetailbtn { padding: 0 20px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 10px; border: 1px solid #6ba734; color: #6ba734; display: inline-block; line-height: 28px; background: #fff; }
.orderdetailbtn.view { border: 1px solid #999; color: #999; }

.orderstatus { background-color: #f5f5f5; padding: 20px 0; text-align: center; }

.steps { display: inline-block; }
.steps:after { content: ""; display: block; height: 0; clear: both; }
.steps li { float: left; padding-right: 1.45rem; position: relative; text-align: center; }
.steps li.step-last { padding-right: 0; }

.stepind { position: relative; width: 3.25rem; height: 3.25rem; text-align: center; font-size: 9px; color: #999999; background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #999999; padding-top: 1.95rem; background-repeat: no-repeat; background-size: cover; }
.stepind.step1 { background-image: url(../images/step1.png); }
.stepind.step2 { background-image: url(../images/step2.png); }
.stepind.step3 { background-image: url(../images/step3.png); }

.stepline { position: absolute; left: 0; top: 1.64rem; width: 100%; height: 3px; background: #999999; }

.step-active .stepind { border-color: #148cdc; color: #148cdc; background-position: 0 100%; }
.step-active .stepline { background: #148cdc; }

.orderService { width: 100%; height: 4.2rem; background: url("../images/orderService.png") no-repeat; background-size: cover; overflow: hidden; margin-bottom: 10px; }
.orderService i { width: 2.5rem; height: 2.5rem; display: block; float: left; background: url("../images/ico_cart.png") no-repeat; background-size: 2.5rem; margin: 0.8rem 0 0 0.5rem; }
.orderService span { width: 3.5rem; float: right; margin: 0.2rem 0.3rem 0 0; display: block; }
.orderService span img { width: 3rem; display: block; }
.orderService span em { text-align: center; font-size: 0.3rem; display: block; width: 3rem; color: #d62c2e; }
.orderService h3 { margin: 0.8rem 3.9rem 0 3.2rem; }
.orderService h3 p { height: 1.1rem; color: #d62c2e; font-size: 0.6rem; line-height: 1.1rem; }
.orderService h3 em { display: block; line-height: 1.4rem; }
.orderService h3 b { font-size: 0.95rem; color: #282828; }

.orderGoTo { position: fixed; z-index: 10; right: 10px; bottom: 160px; overflow: hidden; width: 50px; }
.orderGoTo li { width: 50px; height: 50px; float: left; margin-top: 15px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.3); text-align: center; color: #fff; position: relative; }
.orderGoTo li a { color: #fff; width: 100%; height: 100%; display: block; overflow: hidden; padding-top: 30px; }
.orderGoTo li .goHome { width: 50px; display: block; position: absolute; top: 0; left: 0; }
.orderGoTo li .goHome:before { font-size: 24px; font-family: "hyfont" !important; -webkit-font-smoothing: antialiased; content: '\e7d4'; }
.orderGoTo li .goPerson { width: 50px; display: block; position: absolute; top: 0; left: 0; }
.orderGoTo li .goPerson:before { font-size: 24px; font-family: "hyfont" !important; -webkit-font-smoothing: antialiased; content: '\e7d5'; }
.orderGoTo p { line-height: 16px; font-size: 11px; }

/*userhead*/
.personTop { width: 100%; height: 160px; background: url("../images/personTop.png") no-repeat; background-size: cover; margin-bottom: 10px; }
.personTop .backBar { height: 44px; line-height: 44px; overflow: hidden; }
.personTop .mui-icon { width: 44px; height: 44px; display: block; float: left; display: block; text-align: center; }
.personTop .info { height: 116px; padding: 16px 0 0 22px; }
.personTop .info p { margin-left: 92px; height: 76px; line-height: 76px; color: #FFFFFF; font-size: 18px; }
.personTop .userhead { float: left; border: 3px solid rgba(255, 255, 255, 0.3); }

.personFooterIco { display: inline-block; vertical-align: top; width: 30px; height: 30px; font-style: normal; color: #999999; }

.personFooterIco:before { font-family: "hyfont"; font-size: 24px; }

.personFooterIco.ico_address:before { content: "\e7f8"; }

.userhead { width: 76px; height: 76px; border: 3px solid rgba(143, 199, 236, 0.5); 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; overflow: hidden; }

.mc-toolbar { background: none; position: absolute; top: 0; left: 0; right: 0; -webkit-box-shadow: none; box-shadow: none; }

.mc-infobox { padding: 0; }

.mc-info-link { border-bottom: 1px solid #eee; position: relative; padding: 7px 10px; height: 44px; line-height: 44px; }
.mc-info-link .r { float: right; font-size: 12px; }
.mc-info-link .r .code { width: 30px; height: 30px; text-align: right; }
.mc-info-link .r .code:before { font-family: "iconfont"; color: #999; font-size: 26px; content: "\f029"; }
.mc-info-link .r .userhead { width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; border: none; }
.mc-info-link .r .userhead .upload-wrap { width: 100%; height: 100%; }
.mc-info-link .c { font-size: 16px; color: #000; }
.mc-info-link .c span { color: #cccccc; padding-left: 10px; }
.mc-info-link.heightauto { height: auto; }
.mc-info-link.heightauto .c { line-height: 60px; }
.mc-info-link.invoiceh { height: auto; }
.mc-info-link.invoiceh .itemlink:before { margin-top: 0; top: 14px; }
.mc-info-link.invoiceh .name { margin-bottom: 0; }
.mc-info-link.invoiceh .phone { color: #999; margin-bottom: 0; }
.mc-info-link .order-address { padding: 0; background: none; }
.mc-info-link .order-address address { color: #999; }
.mc-info-link .order-address address:before, .mc-info-link .order-address address:after { content: ''; }

.mc-info-list { border-bottom: 1px solid #eee; }
.mc-info-list li { text-align: center; line-height: 18px; position: relative; }
.mc-info-list li a { padding: 10px 0; display: block; }
.mc-info-list li b { color: #999; display: block; width: 35px; margin: auto; line-height: 35px; height: 35px; position: relative; }
.mc-info-list .c { color: #000; display: block; }

.personMenu { width: 100%; }
.personMenu ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; }
.personMenu li { text-align: center; line-height: 18px; position: relative; display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.personMenu li .badge { position: absolute; top: 10px; margin-left: 6px; background-color: #ff6464; min-width: 18px; }
.personMenu li a { padding: 10px 0; display: block; }
.personMenu li b { color: #999; display: block; width: 35px; margin: auto; line-height: 35px; height: 35px; position: relative; }
.personMenu li b:before { display: inline-block; width: 35px; height: 35px; font-family: "hyfont"; text-align: center; line-height: 35px; font-size: 28px; -webkit-font-smoothing: antialiased; font-weight: normal; vertical-align: middle; color: #131123; }
.personMenu .ico-forpayment:before { content: "\e68d"; }
.personMenu .ico-sendgoods:before { content: "\e68b"; }
.personMenu .ico-forgoods:before { content: "\e68e"; }
.personMenu .ico-complete:before { content: "\e68f"; }
.personMenu .c { color: #000; display: block; }

.mc-user-list li { text-align: center; border-left: 1px solid #eee; line-height: 20px; margin-top: 17px; position: relative; }
.mc-user-list li a { display: block; }
.mc-user-list li:first-child { border: 0; }
.mc-user-list .t { color: #666666; display: block; }
.mc-user-list .c { color: #000; display: block; font-size: 18px; }
.mc-user-list .c span { color: #ff6900; }
.mc-user-list .info { background: #ff6900; color: #fff; line-height: 16px; font-size: 12px; position: absolute; top: -17px; padding: 0 5px; right: 1.55rem; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.mc-user-list .info:after { content: ''; width: 10px; height: 8px; background: url(../images/icon_mcuserinfo.png) no-repeat; background-size: 10px 8px; position: absolute; bottom: -8px; right: 9px; }

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

.mc-info-list .badge { position: absolute; top: 10px; margin-left: 10px; }

.mc-info-list 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-forpayment:before { content: "\e60a"; }

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

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

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

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

.balance-top { position: relative; height: 100px; padding: 10px 15px; background-repeat: no-repeat; background-position: top center; background-size: cover; color: #fff; }
.balance-top.hbHeight { height: 155px; }
.balance-top.withdrawal-bg { background-color: #f75e54; }
.balance-top.withdrawal-bg .btn { line-height: 26px; padding: 0 15px; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #bb453e; display: inline-block; position: absolute; right: 13px; bottom: 22px; }
.balance-top h3 { line-height: 30px; }
.balance-top h3 span { font-size: 12px; padding-left: 5px; }
.balance-top p { line-height: 50px; font-size: 30px; color: #fff; }
.balance-top .withdrawalBtn { margin-top: 5px; height: 44px; line-height: 44px; background: #FFF; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 18px; color: #d62c2e; display: block; }
.balance-top .withdrawalBtn.returnBtn { color: #68ac35; }

.vouchers-top { height: 100px; padding: 10px 15px; background-color: #3c3c3c; }
.vouchers-top:before { position: absolute; content: "\f054"; width: 13px; height: 16px; line-height: 16px; text-align: center; right: 15px; top: 22px; color: #ccc; font-size: 13px; }
.vouchers-top a { color: #fff; display: block; padding: 10px 15px; margin: -10px -15px; }

.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 .default { color: #C0C0C0; font-size: 15px; }
.balance-list p { clear: both; font-size: 12px; color: #999; }

.points-top { position: relative; padding: 15px; background-color: #f5f5f5; color: #6ba734; overflow: hidden; }
.points-top .points-userhead { width: 70px; height: 70px; background-color: #59b7f5; border: 5px solid #59b7f5; float: left; 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; overflow: hidden; }
.points-top .info { margin-left: 80px; }
.points-top .info h3 { line-height: 24px; padding-top: 10px; }
.points-top .info p { line-height: 22px; font-size: 22px; font-weight: bold; }
.points-top .points-sign { width: 41px; height: 55px; display: block; background-image: url(../images/icon_sign.png); background-position: 0 0; background-repeat: no-repeat; background-size: 41px auto; text-indent: -9999px; float: right; margin-top: -15px; }
.points-top .points-sign.active { background-position: 0 100%; }

/*coupon*/
.couponlist { padding: 8px 13px 0; }
.couponlist li { height: 122px; margin: 0 auto 8px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 122px; color: #fff; }
.couponlist li.threshold01 { background-image: url(../images/threshold01.png); }
.couponlist li.threshold02 { background-image: url(../images/threshold02.png); }
.couponlist li.threshold03 { background-image: url(../images/threshold03.png); }
.couponlist li.disabled { background-image: url(../images/threshold04.png); }
.couponlist .hd { width: 100%; height: 92px; }
.couponlist .hd .price { width: 5.5rem; height: 100%; float: left; text-align: center; }
.couponlist .hd .price p { line-height: 38px; padding-top: 16px; font-size: 18px; }
.couponlist .hd .price p em { font-size: 36px; }
.couponlist .hd .price span { display: block; line-height: 24px; }
.couponlist .hd .info { margin: 0 9px 0 6.25rem; overflow: hidden; font-size: 12px; }
.couponlist .hd .info h3 { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin: 7px 0 17px; font-size: 16px; }
.couponlist .hd .info span { line-height: 17px; display: block; }
.couponlist .hd .info p { height: 30px; line-height: 15px; overflow: hidden; font-size: 12px; }
.couponlist .ft { width: 100%; height: 30px; font-size: 12px; line-height: 30px; }
.couponlist .ft .status { width: 5.5rem; text-align: center; float: left; }
.couponlist .ft .time { margin-left: 6.25rem; }

.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; }

.withdrawal-history .c { color: #3c3c3c; width: 100%; }
.withdrawal-history .c p { height: 30px; padding: 0; }
.withdrawal-history .c span { display: block; color: #999; font-size: 11px; }

#page.page-openshop { background-color: #ffce00; }

.openshop { width: 100%; background: url(../images/openshop_bg.png) top center no-repeat #ffce00; padding-top: 10rem; background-size: 100% auto; overflow: hidden; }
.openshop p { text-align: center; color: #852c00; font-size: 12px; }
.openshop ul { padding: 15px; }
.openshop li { margin-bottom: 10px; width: 100%; }
.openshop li input { height: 42px; padding: 0 10px; background: #FFF; border: 1px solid #eee; color: #999; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.openshop li select { height: 42px; padding: 0 10px; background: #FFF; border: 1px solid #eee; color: #999; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.openshop li a.next { height: 44px; line-height: 44px; text-align: center; background: #e60000; color: #FFF; font-size: 16px; display: block; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.return { padding: 0 15px; }
.return h3 { padding: 16px 0; color: #3c3c3c; line-height: 26px; }
.return h3.border { border-bottom: 1px solid #dfdfdf; }
.return h3 p { margin-left: 10px; }
.return h3 button { border: 0; }
.return .return-type { overflow: hidden; padding-bottom: 15px; }
.return .return-type li { height: 28px; float: left; line-height: 28px; padding: 0 15px; display: block; border: 1px solid #cccccc; color: #3c3c3c; margin-right: 10px; -webkit-border-radius: 5px; border-radius: 5px; }
.return .return-type li.selected { border: 1px solid #6ba734; color: #6ba734; }
.return .return-type li.disabled { color: #999; border: 1px dashed #dfdfdf; }
.return .whether { width: 100%; padding-bottom: 15px; color: #3c3c3c; }
.return .whether p { display: inline-block; margin-right: 40px; }
.return .instructions textarea { border: 0; padding: 10px 0; }

.comment { padding-bottom: 15px; color: #3c3c3c; overflow: hidden; }
.comment li { width: 100%; margin: 15px 0; }
.comment li em { display: inline-block; line-height: 26px; margin-right: 12px; }
.comment li button { border: 0; }

.procomment { padding-bottom: 0; }
.procomment li { overflow: hidden; }
.procomment .fr { line-height: 27px; }
.procomment i { display: inline-block; margin-left: 10px; color: #d62c2e; vertical-align: middle; font-style: normal; font-size: 18px; }

.commentWrap { position: absolute; top: 150px; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 2; }

.commentNav { overflow: hidden; }

.uploadimg { background: #FFF; padding: 30px 0 20px 0; }

.uploadimg:after { display: block; clear: both; content: ""; height: 0; }

.uploadimg li { width: 2.4rem; height: 2.4rem; position: relative; border: 1px dashed #dfdfdf; margin: 0 1.2rem 15px 0; float: left; background: url(../images/icon_camera.png) center no-repeat; background-size: 27px auto; }

.uploadimg li .upload-wrap { width: 100%; height: 100%; overflow: hidden; }

.uploadimg li .pic { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; overflow: hidden; }

.uploadimg li .pic img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; }

.uploadimg li .delete { position: absolute; top: -8px; right: -8px; width: 28px; height: 28px; background: #e8182f; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #FFF; display: block; color: #FFF; z-index: 10; text-align: center; line-height: 28px; }

.uploadimg li .delete:after { content: '\f068'; font-size: 18px; }

.uploadimg li:last-child { width: auto; line-height: 2.4rem; color: #999999; background: none; border: none; }

.noticelist { width: 100%; overflow: hidden; background: #fff; }
.noticelist li { padding: 10px; border-top: 1px solid #eee; margin-top: -1px; }
.noticelist li a { display: block; padding: 10px; margin: -10px; }
.noticelist li h3 { height: 24px; line-height: 24px; color: #3c3c3c; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.noticelist li p { height: 20px; line-height: 20px; font-size: 12px; }

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

.redemption { margin: 60px 10px 20px; background: #fff; position: relative; padding-top: 50px; color: #3c3c3c; -webkit-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; }
.redemption .userhead { position: absolute; top: -30px; left: 50%; margin-left: -38px; }
.redemption .name { text-align: center; font-size: 16px; }
.redemption .content { padding: 20px; text-align: center; }
.redemption .content h3 { font-size: 20px; }
.redemption .content span { display: block; }
.redemption .info { padding-bottom: 20px; }
.redemption .info h3 { border-top: 1px dashed #eee; border-bottom: 1px dashed #eee; padding: 0 10px; line-height: 35px; }
.redemption .info ul { overflow: hidden; padding-top: 10px; }
.redemption .info ul li { width: 100%; line-height: 28px; padding: 0 10px; float: left; }
.redemption .info ul li p { width: 60px; float: left; color: #999; }
.redemption .info ul li span { display: block; margin-left: 70px; }

.complete { margin: 30px 0; text-align: center; }
.complete .info { display: inline-block; text-align: left; padding-left: 65px; background: url(../images/ico-success.png) left top no-repeat; background-size: 50px; color: #3c3c3c; }
.complete .info h3 { font-size: 16px; margin-bottom: 5px; }
.complete .info span { color: #d62c2e; font-weight: bold; }

.completebtn { width: 80%; margin: 30px auto; overflow: hidden; }
.completebtn .mui-btn-block { width: 48%; line-height: 1; font-size: 14px; }

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

.center-order { background-position: 0 0; }

.center-menber { background-position: 0 -30px; }

.center-wallet { background-position: 0 -60px; }

.center-prize { background-position: 0 -90px; }

.center-coupon { background-position: 0 -120px; }

.center-evaluate { background-position: 0 -150px; }

.center-collection { background-position: 0 -180px; }

.center-history { background-position: 0 -210px; }

.center-development { background-position: 0 -240px; }

.center-ranking { background-position: 0 -270px; }

.center-shoporder { background-position: 0 -300px; }

.center-customer { background-position: 0 -330px; }

.center-shopranking { background-position: 0 -360px; }

.center-promote { background-position: 0 -390px; }

.center-announcement { background-position: 0 -420px; }

.center-shopcoupons { background-position: 0 -450px; }

.subordinateData { width: 100%; background-color: #6ba734; color: #FFFFFF; padding-bottom: 12px; }
.subordinateData .hd { text-align: center; }
.subordinateData .hd h3 { line-height: 33px; padding: 3px 0; font-size: 18px; }
.subordinateData .hd h3 span { font-size: 13px; }
.subordinateData .hd p { line-height: 33px; font-size: 24px; font-weight: bold; }
.subordinateData .bd { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; padding-top: 30px; }
.subordinateData .bd li { width: 100%; position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: center; }
.subordinateData .bd li:before { content: ''; width: 1px; height: 25px; background-color: rgba(40, 40, 40, 0.1); position: absolute; left: 0; top: 14px; }
.subordinateData .bd li:first-child:before { background-color: transparent; }
.subordinateData .bd li p { line-height: 20px; height: 20px; }
.subordinateData .bd li span { display: block; height: 28px; line-height: 28px; font-size: 18px; }

.subordinateDate { width: 100%; overflow: hidden; background-color: #ffffff; margin-bottom: 10px; }
.subordinateDate li { width: 50%; float: left; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; height: 45px; line-height: 44px; text-align: center; font-size: 16px; }
.subordinateDate li.selected { color: #6ba734; }
.subordinateDate li:nth-child(2n+1) { border-left: none; }
.subordinateDate li:last-child { width: 100%; border-left: none; }

.subordinateListTitle { width: 100%; background: url("../images/subordinateListTitle.png") 13px center no-repeat #FFFFFF; line-height: 44px; border-bottom: 1px solid #eeeeee; padding-left: 40px; background-size: 18px auto; font-size: 16px; }
.subordinateListTitle .more { display: block; float: right; height: 44px; padding-left: 10px; color: #999999; font-size: 12px; }
.subordinateListTitle .more:after { content: "\f054"; font-size: 13px; font-family: iconfont; display: inline-block; margin: 0 5px; }

.subordinateList { width: 100%; overflow: hidden; }
.subordinateList li { width: 100%; float: left; overflow: hidden; background-color: #FFFFFF; padding: 12px 15px; border-bottom: 1px solid #eeeeee; }
.subordinateList li .img { width: 50px; height: 50px; float: left; }
.subordinateList li .info { margin-left: 65px; height: 50px; }
.subordinateList li .info h3 { height: 27px; line-height: 27px; font-size: 16px; }
.subordinateList li .info p { height: 23px; line-height: 23px; color: #999999; font-size: 12px; }

.contactservice { width: 100%; text-align: center; padding: 18px 0.75rem; }
.contactservice .csLogo { height: 28px; background: url(../images/cs_logo.png) left center no-repeat; background-size: auto 28px; }
.contactservice .img { width: 100%; border: 1px solid #FFFFFF; position: relative; border-radius: 8px; margin-top: 43px; color: #FFFFFF; }
.contactservice .img h3 { text-align: center; font-size: 24px; font-weight: bold; width: 174px; height: 30px; line-height: 30px; background-color: #6ba734; margin: -16px auto 22px; }
.contactservice .img img { width: 11rem; display: block; margin: auto; }
.contactservice .img span { width: 2.5rem; height: 2.5rem; margin: 15px auto 18px auto; display: block; background: url(../images//ico_zw.png) no-repeat; background-size: cover; }
.contactservice .img p { text-align: center; width: 174px; height: 30px; line-height: 30px; background-color: #6ba734; margin: 0 auto -15px; }

.serviceCode { width: 100%; text-align: center; padding: 20px 0; }
.serviceCode .img { width: 11rem; margin: auto; }
.serviceCode .img img { width: 100%; display: block; margin: auto; }
.serviceCode p { padding: 10px 0; color: #999999; font-size: 13px; }

.seller-headwrap { padding-bottom: 17px; background: url(../images/seller-headwrap.png) top center no-repeat #FFF; background-size: 100% auto; overflow: hidden; }
.seller-headwrap .mc-head { height: 90px; margin-top: 0; }
.seller-headwrap .mc-head .namewrap .name { background: #ff6900; }
.seller-headwrap .userhead { border: 3px solid rgba(229, 67, 26, 0.5); }
.seller-headwrap .seller-earnings { text-align: center; color: #666; line-height: 31px; position: relative; }
.seller-headwrap .seller-earnings span { display: block; font-size: 30px; color: #ff6900; }
.seller-headwrap .seller-earnings a.eyes { width: 21px; height: 13px; position: absolute; background: url(../images/icon_eyes.png) no-repeat; bottom: 8px; right: 18px; background-size: 21px auto; display: block; }

.btnbar { padding: 10px 0 0 8px; height: 46px; margin: 0; }
.btnbar a.btn-action { margin-right: 8px; display: block; height: 28px; line-height: 28px; padding: 0 15px; text-align: center; font-size: 12px; background: rgba(0, 0, 0, 0.2); color: #fff; -webkit-border-radius: 4px; border-radius: 4px; }

.seller-grid-four { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 0.400rem; overflow: hidden; }
.seller-grid-four li { position: relative; float: left; width: 25%; overflow: hidden; margin-top: 0.400rem; text-align: center; }
.seller-grid-four li img { width: 2.5rem; margin: auto; display: block; }
.seller-grid-four li p { padding-top: 6px; color: #666666; }

.seller-grid-four-onb { border-top: none; }

.storeTitle { padding: 0 17px; background: #fff; border-bottom: 1px solid #eee; height: 32px; line-height: 32px; }

.client { background: #fff; overflow: hidden; }
.client li { padding: 16px 0 28px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; border-bottom: 1px solid #eee; }
.client li .num { line-height: 50px; text-align: center; width: 42px; }
.client li .head { width: 50px; height: 50px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.client li .info { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; padding: 0 17px; margin: -8px 0; height: 66px; line-height: 22px; }
.client li .info.nomargin { margin: 0; height: 50px; }
.client li .info.nomargin p { line-height: 28px; height: 28px; }
.client li .info.nomargin span { color: #ff6900; }
.client li .info h3 { height: 22px; white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color: #3c3c3c; }
.client li .info p { color: #999; }
.client li .info span { color: #3c3c3c; }
.client li .info em { color: #ff6611; }

.wallet li { padding: 16px 0 16px 42px; }

.dec-top { position: relative; margin-bottom: 15px; display: table; width: 100%; height: 4rem; 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; height: 4rem; }
.dec-top .upload-link a { height: 34px; line-height: 34px; width: 130px; background-color: rgba(0, 0, 0, 0.6); color: #FFF; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.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; }

.store-orderList { background: #fff; overflow: hidden; }
.store-orderList li { padding: 10px 15px; border-bottom: 1px solid #eee; }
.store-orderList .hd { padding-bottom: 10px; overflow: hidden; }
.store-orderList .hd .pic { width: 50px; height: 50px; position: relative; border: 1px solid #dfdfdf; float: left; }
.store-orderList .hd .pic img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-height: 100%; }
.store-orderList .hd .pic i { height: 18px; font-style: normal; min-width: 10px; overflow: hidden; padding: 0 5px; font-size: 14px; line-height: 18px; text-align: center; color: #fff; background: #ff6900; -webkit-border-radius: 11px; border-radius: 11px; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; display: block; right: -8px; bottom: -2px; }
.store-orderList .hd .info { margin-left: 67px; }
.store-orderList .hd .info span { display: inline-block; padding: 0 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; color: #FFF; height: 18px; line-height: 18px; font-size: 12px; }
.store-orderList .hd .info span.complete { background-color: #64c8ff; margin: 0; }
.store-orderList .hd .info span.failure { background-color: #cccccc; }
.store-orderList .hd .info span.stay { background-color: #7cca52; }
.store-orderList .bd { overflow: hidden; }
.store-orderList .bd .clinch p, .store-orderList .bd .commission p { font-size: 12px; }
.store-orderList .bd .clinch span, .store-orderList .bd .commission span { display: block; font-size: 16px; color: #3c3c3c; }
.store-orderList .bd .clinch { width: 7.65rem; float: left; }
.store-orderList .bd .commission { float: left; }

.shelves-search { background: #fff; margin-bottom: 10px; padding: 7px; }
.shelves-search h3 { border-bottom: 1px solid #eee; line-height: 32px; font-size: 16px; margin: 0 -7px 7px -7px; padding-left: 7px; }

.category-search { width: 100%; position: relative; }
.category-search input { height: 34px; border: 0; border-radius: 6px; background-color: rgba(0, 0, 0, 0.1); padding-right: 30px; font-size: 14px; }
.category-search button { position: absolute; right: 0; height: 34px; width: 30px; top: 0; background: none; border: 0; color: #999999; font-size: 0; outline: none; }
.category-search button:before { font-family: "iconfont"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; position: absolute; content: "\f002"; font-size: 20px; left: 0; top: 0; line-height: 34px; width: 30px; }

.shelves-search-list { margin-bottom: 0; border-bottom: 1px solid #eee; }

.earnings { width: 100%; }
.earnings li { width: 100%; overflow: hidden; margin-bottom: 10px; background-color: #fff; }
.earnings li.colororange { background-color: #ff8c0a; }
.earnings li.colorpink { background-color: #f0797e; }
.earnings li.colordeepblue { background-color: #7597de; }
.earnings li.colorlightblue { background-color: #00c8c8; }
.earnings .hd { height: 100px; color: #fff; position: relative; }
.earnings .hd .bg { width: 75px; height: 75px; background-position: top center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 12px; right: 1.2rem; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; background-clip: padding-box; }
.earnings .hd .jt { width: 24px; height: 24px; background: url(../images/icon-jt.png) 0 0 no-repeat; background-size: 24px auto; position: absolute; top: 12px; right: 0.5rem; }
.earnings .hd .jt.selecter { background-position: 100% 100%; }
.earnings .hd h3 { padding: 12px 0 0 16px; font-size: 16px; }
.earnings .hd h3 span { font-size: 12px; }
.earnings .hd p { font-size: 30px; padding: 0 0 0 16px; }
.earnings .ft { overflow: hidden; background: #fff; }
.earnings .ft .list { padding: 10px 18px 5px 18px; border-top: 1px solid #eee; margin-top: -1px; }
.earnings .ft .list h3 { height: 24px; line-height: 24px; color: #3c3c3c; }
.earnings .ft .list p { height: 20px; line-height: 20px; }

.sis-qrcode { width: 10.75rem; margin: auto; padding: 50px 0 30px 0; }
.sis-qrcode img { width: 100%; }

.sis-qrcode-info { text-align: center; padding-bottom: 30px; line-height: 33px; }
.sis-qrcode-info .pic { width: 60px; height: 60px; overflow: hidden; -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; display: inline-block; }
.sis-qrcode-info h3 { color: #3c3c3c; font-size: 16px; }

/*vipcard*/
.vipcard .card-box { position: relative; width: 13.5rem; height: 8.2rem; 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; color: #fff; }
.vipcard .text { position: absolute; left: 0; right: 0; top: 2.875rem; text-align: center; }
.vipcard .viplevel { position: absolute; left: 0; right: 0; top: 4rem; text-align: center; font-size: 24px; }
.vipcard .number { position: absolute; left: 12px; bottom: 9px; font-size: 14px; }

.viplatinos { background: #fff; color: #999; }
.viplatinos h3 { padding: 0 15px; line-height: 32px; border-bottom: 1px solid #dfdfdf; }
.viplatinos .info { padding: 15px; }

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

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

.bwbox .bwwrap { -webkit-background-size: 100% auto; background-size: 100% auto; overflow: hidden; background-repeat: no-repeat; padding-bottom: 70px; }
.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%; }

.bwawardwrap { width: 80%; margin: auto; }
.bwawardwrap h3 { position: relative; margin: auto; width: 140px; font-size: 16px; color: #fff; line-height: 45px; text-align: center; }
.bwawardwrap h3:before, .bwawardwrap h3:after { content: ""; position: absolute; height: 1px; background: #fff; margin-top: 22px; }
.bwawardwrap h3:before { left: -79px; right: 132px; }
.bwawardwrap h3:after { right: -79px; left: 132px; }

.bwaward { height: 5rem; overflow: auto; color: #fff; font-size: 0.6rem; line-height: 1rem; }
.bwaward p { margin: 0; height: 1rem; overflow: hidden; text-align: center; }
.bwaward span { margin-right: 0.25rem; display: inline-block; }
.bwaward .awprize { margin: 0; }

.bigrules { width: 90%; padding: 20px 0; margin: auto; }

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

.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: 100px; 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%); }

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