html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

body {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    cursor: default;
    -ms-content-zooming: none;
    -webkit-text-size-adjust: 100%
}

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

address, caption, cite, code, dfn, em, th, del, ins, mark, sup, sub, var {
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    background: 0;
    font-size: 100%;
    vertical-align: middle
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
;
    /* margin-top: 20px; */
}

ul,li, ol {
    padding-left: 0;
    list-style-type: none
}

input, select {
    vertical-align: middle;
    user-select: auto
}

input {
    word-break: normal
}

a {
    outline: 0;
    text-decoration: none
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

small {
    font-size: 80%
}

fieldset, img {
    border: 0
}

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

caption, th, td {
    font-weight: 400;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

body {
    background: #F6F6F6;
    font-family: YaHei, Helvetica, Tahoma, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    position: relative;
}

body#Goods {
    background: #fff;
}

h1, h2, h3, div, li, p, menu, button {
    font-size: 100%;
    -webkit-tap-highlight-color: transparent
}

a {
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.m-t10 {
    margin-top: 10px
}

.m-t15 {
    margin-top: 15px
}

.body {
    padding: 10px
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.center {
    margin: 0 auto;
    text-align: center
}

.red-font {
    color: red
}

.input-common {
    width: 98%;
    padding: 0 10px;
    margin: 6px 0;
    height: 46px;
    font-size: 16px;
    border-radius: 3px;
    border: 1px #ccc solid;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.input-textarea {
    width: 98%;
    padding: 0 10px;
    margin: 6px 0;
    height: 100px;
    font-size: 16px;
    border-radius: 3px;
    border: 1px #ccc solid;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.input-amount {
    width: 60px;
    height: 35px;
    /* margin: 0 5px; */
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #CCC;
    box-shadow: 0 1px 1px #EEE inset
;
    font-size: 16px;
}

.text-common {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 16px;
    margin: 6px 0;
    border-radius: 2px;
    border: 1px #CCC solid;
    background: #FAFAFA;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 10px
}

.msg-err, .msg-ok, .msg-tip {
    padding: 6px;
    margin: 10px 10px 7px;
    color: #D01E5E;
    background: #FFDCD7;
    text-align: center;
    border: 1px rgba(209, 30, 94, .3) solid;
    border-radius: 3px
}

.msg-ok {
    color: #509313;
    background: #CBE987;
    border: 1px #509313 solid
}

.msg-tip {
    color: #C97;
    background: rgba(238, 199, 116, .3);
    margin-bottom: 10px;
    border: 1px rgba(238, 199, 166, 1)
}

.msg-err {
    -webkit-animation-name: shake;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px)
    }
}

.icon {
    height: 18px;
    display: inline-block;
    background-image: url(i-all.png);
    background-size: 250px 150px;
    background-color: transparent;
    background-repeat: no-repeat
}

.icon-account {
    background-position: -33px 2px
}

.icon-category {
    background-position: 11px 2px
}

.icon-wsearch {
    background-position: -90px 2px
}

.icon-top {
    height: 30px;
    padding: 0 10px 0 25px;
    background-position: -192px -40px
}

.icon-city {
    height: 48px;
    background-position: -100px -33px
}

.icon-gsearch {
    width: 16px;
    height: 16px;
    background-position: -50px -50px
}

.icon-arrow {
    width: 12px;
    height: 15px;
    background-position: -1px -51px
}

.icon-back {
    display: block;
    background: url("") 0 0 no-repeat;
    background-size: auto 58px
}

.icon-back:active {
    background-position: 0 -29px
}

.btn {
    text-align: center;
    background-color: #FFF;
    border: 1px #CCC solid;
    cursor: pointer;
    padding: .5em 1.5em;
    color: #6C6C6C;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #FCFCFC, #F0F0F0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FCFCFC), to(#F0F0F0))
}

.btn-new {
    text-align: center;
    background-color: #FFF;
    border: 1px #CCC solid;
    cursor: pointer;
    padding: .5em 1.5em;
    color: #6C6C6C;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #FCFCFC, #F0F0F0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FCFCFC), to(#F0F0F0))
}

.btn-login {
    color: #FFF;
    border-color: #78883E;
    text-shadow: none;
    background: -moz-linear-gradient(top, #A6BF53, #9DB64A);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#A6BF53), to(#9DB64A))
}

.btn-top {
    width: 96px;
    padding: 0;
    display: inline-block;
    line-height: 30px
}

.btn-page {
    padding: 7px 27px
}

.btn:hover {
    background: -moz-linear-gradient(top, #F0F0F0, #FCFCFC);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#EFEFEF), to(#FCFCFC))
}

.btn-login:hover {
    background: #a6c04c
}

.btn-large {
    width: 98%;
    font-size: 20px;
    height: 46px;
    display: block;
    line-height: 44px;
    text-align: center;
    color: #FFF;
    background: #A6C04C;
    border-radius: 3px;
    border: 1px solid #91A351;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 1px 1px 4px #CCC;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 1px 1px 4px #CCC;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 1px 1px 4px #CCC
}

.btn-middle {
    display: inline-block;
    font-size: 14px;
    width: 134px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    background: #F49231;
    border: 1px solid #D5881B;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 1px 1px 4px #CCC;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 1px 1px 4px #CCC;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 1px 1px 4px #CCC
}

.btn-small {
    display: inline-block;
    font-size: 14px;
    width: 60px;
    height: 23px;
    line-height: 18px;
    border-radius: 0;
    position: absolute;
    right: 10px;
    bottom: 5px;
    cursor: pointer
}

.btn-link {
    color: #333;
    background: #F3F3F3;
    border: 1px solid #CCC
}

.btn-info {
    background: #52B3CC;
    border: 1px solid #4596AB
}

.btn-tip {
    background: #F49231;
    border: 1px solid #D5881B
}

.btn-disabled {
    background: #999;
    border: 1px solid #797979
}

.btn-sms {
    width: 32%;
    float: right;
    font-size: 12px;
    margin: 5px 0;
    line-height: 42px
}

.btn-mini {
    width: 24px;
    line-height: 24px;
    font-weight: 900;
    font-size: 18px;
    display: inline-block;
    color: #FFF;
    vertical-align: top;
    text-align: center;
    border-radius: 4px;
    box-shadow: 1px 0 1px #BBB;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#F7F7F7), to(#EBEBEB));
    -webkit-transform: rotate(90deg)
}

.btn-active {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3accfd), to(#39c3f2))
}

header {
    position: relative;
}

header h1 {
    font: 700 20px/50px Arial;
    width: 100%;
    margin: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.hd-logo {
    
    font-size: 20px
}

.hd-logo-text {
    display: block;
    padding: 0 12px
}

head, header a {
    color: #FFF;
}

.header-qq .hd-logo {
    line-height: 22px;
    width: 90px;
    text-align: center;
    font-size: 20px;
    overflow: hidden
}

.header-qq .hd-logo-text {
    font-size: 20px;
    padding-top: 8px
}

.header-qq .hd-logo sub {
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    float: left
}

.hd-city {
    float: left;
    padding: 19px 5px 10px;
    text-shadow: 0 1px 1px #348DA7
}

.hd-city:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    border: 4px solid transparent;
    border-top-color: #FFF
}

.hd-nav {
    float: right;
    font-size: 12px;
    margin: 6px 4px 0 0
}

.hd-nav a {
    padding: 22px 8px 0
}

.hd-nav .account {
    padding: 22px 2px 0
}

.left-box, .right-box {
    position: absolute;
    top: 10px
}

.right-box {
    right: 8px
}

.left-box {
    left: 8px
}

.hd-lbtn {
    position: relative;
    display: block
}

.hd-rbtn, .hd-lbtn span {

}

.hd-lbtn span {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    padding-top: 1px;
    padding: 0 10px;
    border-radius: 5px;
    background-position: top;
    background-image: url('bak.png');
    background-repeat: no-repeat;
    padding: 0 10px 0 5px;
    margin-left: 12px;
    position: relative;
    border-left: 0;
    border-radius: 2px 5px 5px 2px
}

header .right-box {
    position: absolute;
    right: 8px;
    top: 0
}

header .right-box a, header .right-box a label, header .right-box a span {
    display: block;
    
    background-size: auto 29px
}

header .right-box a {
    color: #FFF;
    height: 29px;
    font-size: 14px;
    margin: 11px 0 0;
    padding-left: 8px
}

header .right-box a label, header .right-box a span {
    height: 25px;
    padding: 4px 8px 0 0;
    margin-right: -5px;
    text-shadow: 0 0 1px #000;
    background-position: right 0;
    font-family: Test;
    font-size: 14px
}

header .right-box a:hover, header .right-box a:active, header .right-box a:hover label, header .right-box a:hover span, header .right-box a:active label, header .right-box a:active span {
    background-image: url(/bg-button-hover.png)
}

.ft-nav {
    z-index: 100;
    position: fixed;
    width: 100%;
    bottom: 0;
    
    background: -moz-linear-gradient(top, #f8f8f8, #FFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#FFF))
}

.ft-nav > ul {
    font-size: 0;
    text-align: center;
    overflow: hidden;
    border-top: 1px #FFF solid
}

.ft-nav li {
    margin-top: -15px;
    float: left;
    width: 25%;
    font-size: 12px;
    line-height: 30px;
    position: relative
}

.ft-nav a {
    color: #666;
    padding: 18px 8px 0;
    display: block
}

.ft-nav a:after {
    content: '-';
    height: 60px;
    width: 1px;
    background: #CCC;
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 0;
    text-indent: -9999px;
    background: -moz-linear-gradient(top, #FFF, #CCC, #FFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#FFF), color-stop(0.5, #CCC))
}

.ft-nav li:last-child a:after {
    width: 0
}

.ft-partner {
    padding: 0 8px;
    color: #999
}

.ft-partner > a {
    color: #999;
    margin: 0 5px 0 0
}

.ft-partner > strong, .ft-partner > ul, .ft-partner > ul > li {
    display: inline-block;
    font-size: 12px;
    font-weight: 400
}

.ft-copyright {
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #999;
    height: 30px
}

.ft-copyright-text {
    line-height: 23px;
    background: #FFF;
    padding: 0 6px;
    position: relative;
    top: -11px
}

.ft-copyright-text > a {
    color: #999
}

.ft-copyright:before {
    display: block;
    content: "";
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#b4b4b4), to(#efefef));
    background-image: -webkit-radial-gradient(circle, #b4b4b4, #efefef);
    background-image: -moz-radial-gradient(circle, #b4b4b4, #efefef);
    background-image: radial-gradient(circle, #b4b4b4, #efefef);
    background-repeat: no-repeat;
    height: 1px;
    overflow: hidden;
    margin-top: 12px
}

.ft-wrap {
    height: 68px;
    width: 100%;
    
}

.ft-wrap > div {
    line-height: 68px;}

.ft-user {
    float: left;
    padding: 0 0 0 10px
}

.ft-city {
    float: right;
    padding: 0 10px 0 0
}

.ft-user-exit {
    margin: 0 0 0 8px
}

.ft-city-change {
    padding: 0 0 0 14px;
    margin: 0 0 0 6px
}

.ft-quick-login {
    line-height: 48px;
    padding-left: 10px;
    text-align: left
}

.ft-quick-login a {
    font-size: 16px
}

.ft-account {
    float: left;
    padding: 0 0 0 10px
}

.pageinator {
    height: 48px;
    position: relative;
    padding: 0 8px;
    background: #f8f8f8;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #FFF
}

.pg-next, .pg-top {
    display: inline-block;
    line-height: 48px
}

.pg-next {
    float: left
}

.pg-next > span {
    margin-right: 10px
}

.pg-top {
    float: right
}

.shade {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    background: rgba(0, 0, 0, .8) center center no-repeat
}

.none {
    text-indent: -999em
}

.hide {
    display: none
}

.reset-spacing {
    margin: 0;
    padding: 0
}

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

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

.input-mini {
    width: 100%;
    padding: 0 10px;
    height: 30px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px #CCC solid;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.body h3 {
    font-size: 16px;
    line-height: 1.5
}

.bg-common {
    background: #F7F5F0
}

.items-common {
    background: #FFF;
    border: 1px solid #CCCAC6;
    border-radius: 3px;
    margin-bottom: 20px
}

.item-common {
    padding: 12px 10px 10px 4em;
    border-bottom: 1px #CCCAC6 solid;
    position: relative;
    min-height: 1.6em
}

.item-label {
    color: #aaa;
    display: inline-block;
    width: 5em;
    text-align: right;
    vertical-align: top;
    position: absolute;
    left: -12px;
    top: 12px
}

.item-content {
    display: inline-block;
    vertical-align: top
}

.item-common:last-child {
    border: 0
}

.highlight-price {
    color: #c30
}

.star {
    font-style: normal;
    font-family: Test;
    color: #f49231;
    font-size: 18px;
    line-height: 26px;
    float: left;
    margin-right: 5px
}

.star-empty {
    color: #e9e9e9
}

.star-half {
    color: #f49231;
    position: relative
}



.dl {
    display: block;
    min-height: 122px;
    position: relative;
    padding: 10px 0px 10px 140px;
    border-top: 1px #F1F1F1 solid
}

.dl > img {
    width: 122px;
    left: 8px;
    position: absolute;
    padding: 1px;
    border: 1px #DBE5E7 solid
}

.dl-new {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    line-height: 14px
}

.dl-new > i {
    float: right;
    font-size: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    border-width: 7px;
    border-style: solid;
    vertical-align: top;
    border-color: #AECD42 #AECD42 #AECD42 transparent
}

.dl-mark {
    width: 25px;
    background: #AECD42;
    float: right;
    padding: 0 4px 0 0;
    font-size: 11px;
    color: #FFF
}

.dl-brand {
    font-size: 14px;
    line-height: 15px;
    color: #000;
    font-weight: 700;
}

.dl-title {
    line-height: 16px;
    color: #999;
    font-size: 13px;
    margin-top: 4px;
    height: 25px
}

.dl-indent {
}

.dl-price {
    font-size: 12px;
    color: #AAA;
    position: relative
}

.dl-price > strong {
    font-size: 18px;
    color: #4AA1B7
}

.dl-price > del {
    text-decoration: line-through;
    margin-left: 5px
}

.dl-price > span {
    position: absolute;
    right: 0;
    bottom: 3px
}

@font-face {
    font-family: Test;
    src: url(/fonts/Regular.otf?v=1);
    font-weight: 400;
    font-style: normal
}

.box-style {
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin: 13px;
    padding: 8px 7px;
    box-shadow: 2px 2px 4px #ededed;
    -moz-box-shadow: 2px 2px 2px #ededed;
    -webkit-box-shadow: 2px 2px 4px #ededed
}

.box-style h2 {
    color: #333;
    font-size: 16px;
    padding: 0 5px 6px
}

.box-style > div {
    padding: 8px;
    margin-bottom: 8px;
    border-top: 1px dashed rgba(0, 0, 0, .1);
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.box-style .more {
    padding: 0 0 0 11px;
    color: #52B3CC;
    font-size: 14px;
    position: relative;
    display: block
}

.box-style a:hover {
    
    
}

.box-style .more:after {
    font-family: Test;
    content: 'F';
    position: absolute;
    right: 3px;
    top: 4px;
    width: 1em;
    margin-right: .4em;
    text-align: center;
    opacity: .7;
    line-height: 1em;
    font-size: 14px
}

.icon-fonts {
    font-family: Test;
    margin-right: .4em;
    text-align: center;
    opacity: .7;
    line-height: 1em;
    font-size: 19px
}

.dt-price {
    color: #999;
    font-style: normal;
    text-decoration: line-through;
    font-size: 13px;
    line-height: 19px;
    margin: 7px 0 0 5px
}

.discount-price {
    font-size: 28px;
    color: #52b3cc
}

.deal-pricetag {
    padding-bottom: 10px;
    border-top: 1px dashed #ccc
}

.deal-pricetag > div {
    width: 100%;
    display: inline-block;
    text-align: left
}

.deal-pricetag .btn-large {
    -webkit-box-flex: 1;
    width: 40%;
    height: 40px;
    line-height: 40px;
    float: right;
    display: inline-block
}

.deal {
    background: #EFEFEF;
    overflow: hidden
}

.deal-advice {
    padding-bottom: 0
}

.deal-advice > ul > li {
    border-top: 1px dashed #e7e7e7;
    position: relative
}

.advice-buy {
    color: #666
}

.advice-buy {
    padding: 12px 25px 12px 8px;
    display: block
}

.advice-buy:after {
    font-family: Test;
    content: 'F';
    position: absolute;
    right: 7px;
    top: 12px;
    color: #D5D5D5
}

.expire:after {
    top: 25px
}

.advice-buy .amount {
    padding-left: 2px;
    color: #F49231
}

.deal-terms > ul {
    border-top: 1px dashed #e5e5e5;
    padding: 9px 0 0 30px
}

.deal-terms > ul > li {
    list-style: disc outside;
    word-wrap: break-word
}

.deal-detail .tab-box {
    padding: 8px 0
}

.standard-table {
    margin-top: 5px;
    width: 100%
}

.standard-table .center {
    text-align: center
}

.standard-table .right {
    text-align: right
}

.standard-table th {
    padding: 3px 2px;
    background-color: #d2e8f9;
    color: #333;
    border: 1px solid #c0dcf3
}

.standard-table td {
    padding: 3px 2px;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #c0dcf3
}

.standard-table tr.comment {
    background-color: #edf6fd;
    color: #666;
    font-weight: 700
}

.standard-table tr.normal {
    background-color: #fff;
    color: #666
}

.standard-table tfoot td {
    background: 0;
    border: 0
}

.biz-info {
    overflow: hidden;
    margin: 0 auto
}

.biz-info .biz-detail {
    float: left;
    width: 80%;
    border-right: 1px solid #e5e5e5
}

.biz-info .call {
    width: 19%;
    float: left;
    color: #52B3CC;
    font-size: 28px;
    line-height: 47px;
    margin: 0
}

.biz-info .call > a {
    display: block;
    padding-left: 20px
}

.biz-detail > p {
    margin-bottom: 3px
}

.biz-detail .title {
    font-size: 15px;
    color: #333
}

.biz-detail .address {
    font-size: 13px;
    color: #999
}

.biz-detail .distance {
    font-size: 13px;
    color: #999;
    margin: 0
}

.distance .near {
    color: #FFF;
    background: #52B3CC;
    margin-left: 10px;
    padding: 4px;
    border-radius: 6px;
    font-size: 12px
}

.deal-intro {
    padding: 10px;
    background: #FFF;
    color: #333
}

.deal-album {
    height: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    height: 215px;
    width: 300px;
    z-index: 1
}

.deal-album img {
    height: 215px;
    width: 290px;
    display: inline-block;
    margin-right: -30px
}

.deal-album .left {
    display: inline-block;
    position: absolute;
    height: 215px;
    background: #fff;
    width: 30px;
    left: 0;
    top: 0;
    opacity: .6
}

.deal-album .right {
    display: inline-block;
    position: absolute;
    height: 215px;
    background: #fff;
    width: 30px;
    right: 0;
    top: 0;
    opacity: .6
}

.scroll {
    height: 100%;
    width: 1500px
}

.scroll ul {
    display: block;
    width: 100%;
    height: 100%;
    float: left
}

.scroll ul li {
    float: left;
    width: 290px;
    height: 215px;
    margin-right: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.scroll ul li img {
    margin-left: 40px
}

.deal-title {
    margin: 12px 2px;
    position: relative
}

.deal-title > h1 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 8px
}

.deal-title .explain {
    font-size: 15px
}

.discount-price > span {
    font-size: 14px;
    font-weight: 400
}

.deal-tips {
    overflow: hidden;
    padding-left: 25px
}

.deal-tips > li {
    float: left;
    width: 50%;
    font-size: 14px;
    text-align: left;
    color: #999;
    line-height: 27px
}

.deal-tips .yes {
    color: #a6c04c
}

.deal-comment > a {
    height: 26px;
    display: block;
    position: relative
}

.deal-comment .score-bg:before {
    content: "YYYYY";
    font-family: Test;
    position: absolute;
    color: #e9e9e9;
    font-style: normal;
    left: 0;
    top: -1px;
    letter-spacing: 5px
}

.deal-comment .score-bg {
    font-size: 18px;
    color: #f49231;
    display: inline-block;
    padding-left: 120px
}

.deal-comment .score-rl {
    position: absolute;
    left: 0;
    top: 0
}

.deal-comment .score-rl > span {
    margin-right: 5px;
    width: 19px
}

.deal-comment .comment-acount {
    padding-right: 27px;
    float: right;
    font-size: 14px;
    color: #999;
    position: relative;
    line-height: 26px
}

.deal-comment .comment-acount:after {
    font-family: Test;
    content: 'F';
    position: absolute;
    right: -1px;
    top: 7px;
    width: 1em;
    margin-right: .4em;
    text-align: center;
    opacity: .7;
    line-height: 1em;
    font-size: 14px;
    color: #D5D5D5
}

.buy-immediately {
    height: 50px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f2f2f2;
    z-index: 997;
    border-top: 1px solid #CCC;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 -1px 4px #CCC;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 -1px 4px #CCC;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 -1px 4px #CCC
}

.immediately {
    font-size: 26px;
    float: left;
    margin: 8px 0 0 30px
}

.soon {
    font-size: 15px;
    float: left;
    margin: 22px 0 0 13px
}

.end {
    float: left
}

.buy {
    width: 40%;
    float: right;
    margin: 8px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

.fix-position {
    width: 100%;
    position: fixed;
    z-index: 100
}

.biz-count {
    width: 96%;
    line-height: 36px;
    background: #ccc;
    color: #333;
    padding-left: 4%
}

.biz-list {
    margin: 20px 17px 0
}

.biz-list > div {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.biz-pageinator {
    background: #FFF;
    border: 0
}

.biz-address {
    background: #EFEFEF;
    overflow: auto
}

.biz-map a, .biz-map p {
    text-align: left;
    margin: 0 8px 8px 10px;
    display: block;
    font-size: 16px
}

.biz-address h1 {
    font-size: 19px;
    margin: 0 0 12px 10px
}

.biz-address img {
    display: block;
    margin: 16px auto;
    background: #f5f5f5;
    height: 196px;
    text-align: center;
    border-radius: 5px
}

.biz-address ul {
    padding: 9px 0 0 30px;
    border-top: 1px dashed #e5e5e5
}

.biz-address ul li {
    list-style: disc outside;
    word-wrap: break-word
}

.deal-collect #header-rbtn {
    color: #FFEFB6
}

.shadow {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 998;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    background: rgba(0, 0, 0, 1) center center no-repeat
}

.pop-layer {
    opacity: 0;
    position: absolute;
    top: 20px;
    left: 30px;
    min-width: 250px;
    min-height: 80px;
    background: #FFF;
    z-index: 998;
    border-radius: 3px
}

.pop-layer > h4 {
    background: #52B3CC;
    margin: 0;
    padding: 5px 0 5px 10px;
    color: #FFF;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.pop-layer .content {
    padding: 20px 15px;
    text-align: center
}

.pop-layer .content .phone {
    font-size: 14px;
    color: #FFF;
    background: #52B3CC;
    border: 1px solid #4596AB;
    padding: 4px;
    display: block;
    margin: 12px 0;
    height: 20px;
    width: 95%;
    line-height: 20px
}

.img-pop {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 250px;
    min-height: 80px;
    z-index: 998;
    border-radius: 3px;
    display: -webkit-box;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center
}

.img-show {
    width: 320px;
    z-index: 999;
    position: relative
}

.see-detail {
    overflow: hidden;
    border-top: 1px solid #E5E5E5;
    position: relative
}

.see-detail .show-detail {
    float: right;
    line-height: 52px;
    padding-right: 30px;
    color: #52B3CC
}

.see-detail .show-detail:after {
    font-family: Test;
    content: 'F';
    position: absolute;
    right: -5px;
    top: 20px;
    width: 1em;
    margin-right: .4em;
    text-align: center;
    opacity: .7;
    line-height: 1em;
    font-size: 14px
}

.search_form {
    overflow: hidden;
    margin: 0 13px 10px
}

.search_form > span {
    line-height: 35px
}

.search_form em {
    color: #4AA1B7;
    font-style: normal
}

.expire-recommend {
    overflow: hidden;
    position: relative
}

.expire-recommend > h2 {
    border-bottom: 1px dashed #E5E5E5;
    margin-bottom: 9px
}

.expire-recommend .recommend-scroller {
    margin: 0 auto;
    width: 278px;
    padding: 8px 0;
    border: 0
}

.expire-recommend .wrapper {
    overflow: hidden;
    height: 178px
}

.expire-recommend .sub-wrapper {
    float: left;
    height: 173px;
    width: 280px
}

.expire-recommend .sub-wrapper li {
    float: left;
    border: 1px solid #CCC;
    padding: 3px;
    border-radius: 3px;
    margin: 0 6px 5px 7px;
    width: 42%
}

.expire-recommend ul li img {
    width: 100%
}

.expire-recommend ul li h5 {
    margin: 0;
    padding: 0 0 0 3px;
    line-height: 25px;
    color: #666;
    font-size: 14px
}

.expire-recommend ul li p {
    color: #666;
    overflow: hidden;
    padding: 3px
}

.expire-recommend .price {
    float: left;
    width: 50%
}

.expire-recommend .price > em {
    font-size: 16px;
    color: #4AA1B7;
    font-style: normal;
    font-family: Arial
}

.expire-recommend .branch {
    float: right;
    line-height: 25px
}

.slide-lbtn {
    position: absolute;
    width: 36px;
    line-height: 36px;
    background: rgba(0, 0, 0, .5);
    color: #FFF;
    left: 8px;
    top: 100px;
    border-radius: 3px
}

.slide-rbtn {
    width: 36px;
    line-height: 36px;
    background: rgba(0, 0, 0, .5);
    color: #FFF;
    position: absolute;
    right: 0;
    top: 100px;
    border-radius: 3px
}

#deal-detail .submit {
    font-size: 14px;
    float: right
}

#addToHomeScreen {
    z-index: 9999;
    -webkit-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    touch-callout: none;
    width: 240px;
    font-size: 15px;
    padding: 12px 14px;
    text-align: left;
    font-family: helvetica;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(0.02, #eee), color-stop(0.98, #ccc), color-stop(1, #a3a3a3));
    border: 1px solid #505050;
    -webkit-border-radius: 8px;
    -webkit-background-clip: padding-box;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    line-height: 130%;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

#addToHomeScreen.addToHomeIpad {
    width: 268px;
    font-size: 18px;
    padding: 14px
}

#addToHomeScreen.addToHomeWide {
    width: 296px
}

#addToHomeScreen.addToHomeIpad.addToHomeWide {
    width: 320px;
    font-size: 18px;
    padding: 14px
}

#addToHomeScreen .addToHomeArrow {
    position: absolute;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(204, 204, 204, 0)), color-stop(0.4, rgba(204, 204, 204, 0)), color-stop(0.4, #ccc));
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #505050;
    width: 16px;
    height: 16px;
    -webkit-transform: rotateZ(45deg);
    bottom: -9px;
    left: 50%;
    margin-left: -8px;
    -webkit-box-shadow: inset -1px -1px 0 #a9a9a9;
    -webkit-border-bottom-right-radius: 2px
}

#addToHomeScreen.addToHomeIpad .addToHomeArrow {
    -webkit-transform: rotateZ(-135deg);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(238, 238, 238, 0)), color-stop(0.4, rgba(238, 238, 238, 0)), color-stop(0.4, #eee));
    -webkit-box-shadow: inset -1px -1px 0 #fff;
    top: -9px;
    bottom: auto;
    left: 50%
}

#addToHomeScreen .addToHomeClose {
    -webkit-box-sizing: border-box;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 18px;
    height: 18px;
    line-height: 14px;
    text-align: center;
    text-indent: 1px;
    -webkit-border-radius: 9px;
    background: rgba(0, 0, 0, .12);
    color: #707070;
    -webkit-box-shadow: 0 1px 0 #fff;
    font-size: 16px
}

#addToHomeScreen .addToHomePlus {
    font-weight: 700;
    font-size: 1.3em
}

#addToHomeScreen .addToHomeShare {
    display: inline-block;
    width: 18px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
    background-size: 18px 15px;
    text-indent: -9999em;
    overflow: hidden
}

#addToHomeScreen .addToHomeTouchIcon {
    display: block;
    float: left;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-repeat: no-repeat;
    width: 57px;
    height: 57px;
    -webkit-background-size: 57px 57px;
    background-size: 57px 57px;
    margin: 0 12px 0 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
    #addToHomeScreen .addToHomeShare {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC)
    }
}

.nav-bar .nav {
    top: 0;
    width: 100%;
    display: -webkit-box;
    background: -webkit-linear-gradient(top, #F7F7F7, #F4F4F3);
    border-bottom: 1px solid #eee;
    text-align: center;
    line-height: 40px;
    background: #FFF;
    float:left;
    
}

.dropdown-toggle {
    
    width: 20%;
    height: 40px;
    color: #666;
}

.dropdown-toggle a {
   color:#666;
}

.dropdown-toggle.active {
    background: -webkit-linear-gradient(top, #F4F4F3, #F7F7F7);
    margin: 0
}

.dropdown-toggle.category {
    border: 0
}

.dropdown-toggle > span {
    display: inline-block;
    text-overflow: ellipsis;
    width: 60%
}

.caret {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 5px solid #999;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 0;
    margin-left: 3px;
}

.active .caret {
    border-top: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 5px solid #52B3CC
}

.sub-nav {
    background: #FEFEFE;
    border-bottom: 1px solid #DDD;
    display: none
}

.biz .sub-nav {
    display: -webkit-box
}

.sub-nav li {
    -webkit-box-flex: 1;
    padding: 6px
}

.sub-nav span {
    border-radius: 8px;
    border: 0;
    display: block;
    width: 72px;
    margin: 0 auto;
    text-align: center
}

.sub-nav .active span {
    background: #CCC
}

.dropdown-wrapper {
    position: relative;
    height: 500px;
}

.dropdown-module {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s
}

.dropdown-wrapper .scroller-wrapper {
    display: -webkit-box
}

.scroller-wrapper .dropdown-scroller {
    -webkit-transition: width .3s;
    width: 100%;
    background: #F7F7F7
}

.scroller-wrapper .dropdown-scroller ul {
    width: 100%
}

.scroller-wrapper .dropdown-sub-scroller {
    -webkit-transform: translateX(0%);
    -webkit-box-flex: 1;
    background: #EEE;
    width: 100%;
    font-size: 12px
}

.category-wrapper, .biz-wrapper, .sort-wrapper {
    display: none
}

.category-wrapper.active, .biz-wrapper.active, .sort-wrapper.active {
    display: block
}

.dropdown-list {
    background: #FFF;
    width: 100%
}

.dropdown-list > li {
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #FCFCFC;
    line-height: 48px;
    display: -webkit-box;
    border-left: 3px solid #F7F7F7;
    position: relative;
    text-shadow: 0 1px 1px #FFF
}

.dropdown-sub-scroller .dropdown-list > li {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #EEE
}

.dropdown-sub-scroller .dropdown-list > li:active {
    background: rgba(0, 0, 0, .1);
    color: #FFF;
    text-shadow: none
}

.dropdown-list li.active {
    border-left: 3px solid #00A3CE;
    background: #EEE;
    border-top: 0;
    line-height: 40px
}

.dropdown-sub-scroller li.active {
    border-left: 0
}

.dropdown-list p {
    -webkit-box-flex: 1;
    text-align: left;
    
}

.dropdown-list .quantity {
    display: inline-block;
    text-align: right;
    margin-right: 14px;
    font-size: 12px;
    vertical-align: middle
}

.dropdown-sub-scroller .sub-quantity {
    color: #B4B4B4;
    margin-left: 7px
}

.dropdown-sub-scroller .dropdown-list > li:active .sub-quantity {
    color: #FFF
}

.dropdown-list .quantity > b {
    font-weight: 400;
    background: #DDD;
    border: 0;
    border-radius: 8px;
    padding: 1px 5px;
    color: #FFF;
    box-shadow: 0 0 3px #CCC inset;
    text-shadow: none;
    line-height: 16px;
    height: 16px;
    float: right
}

.right-arrow-point-right .quantity > b:after {
    content: '>';
    -webkit-transform: scale(0.8, 1.5);
    padding-left: 7px;
    float: right;
    font-family: simsun
}

.no-deals {
    height: 200px;
    margin-top: 100px;
    text-align: center
}

.no-deals > h5 {
    font-size: 16px
}

.loading {
    z-index: 1001;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.9) center center no-repeat
}

#floatingBarsG {
    position: relative;
    width: 48px;
    height: 60px;
    margin: 100px auto
}

.blockG {
    position: absolute;
    background-color: transparent;
    width: 8px;
    height: 19px;
    -webkit-border-radius: 7px 7px 0 0;
    -webkit-transform: scale(0.4);
    -webkit-animation-name: fadeG;
    -webkit-animation-duration: .64s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    border-radius: 7px 7px 0 0;
    transform: scale(0.4);
    animation-name: fadeG;
    animation-duration: .64s;
    animation-iteration-count: infinite;
    animation-direction: linear
}

#rotateG_01 {
    left: 0;
    top: 22px;
    -webkit-animation-delay: .24s;
    -webkit-transform: rotate(-90deg);
    animation-delay: .24s;
    transform: rotate(-90deg)
}

#rotateG_02 {
    left: 6px;
    top: 8px;
    -webkit-animation-delay: .32s;
    -webkit-transform: rotate(-45deg);
    animation-delay: .32s;
    transform: rotate(-45deg)
}

#rotateG_03 {
    left: 20px;
    top: 2px;
    -webkit-animation-delay: .4s;
    -webkit-transform: rotate(0deg);
    animation-delay: .4s;
    transform: rotate(0deg)
}

#rotateG_04 {
    right: 6px;
    top: 8px;
    -webkit-animation-delay: .48s;
    -webkit-transform: rotate(45deg);
    animation-delay: .48s;
    transform: rotate(45deg)
}

#rotateG_05 {
    right: 0;
    top: 22px;
    -webkit-animation-delay: .56s;
    -webkit-transform: rotate(90deg);
    animation-delay: .56s;
    transform: rotate(90deg)
}

#rotateG_06 {
    right: 6px;
    bottom: 5px;
    -webkit-animation-delay: .64s;
    -webkit-transform: rotate(135deg);
    animation-delay: .64s;
    transform: rotate(135deg)
}

#rotateG_07 {
    bottom: 0;
    left: 20px;
    -webkit-animation-delay: .72s;
    -webkit-transform: rotate(180deg);
    animation-delay: .72s;
    transform: rotate(180deg)
}

#rotateG_08 {
    left: 6px;
    bottom: 5px;
    -webkit-animation-delay: .8s;
    -webkit-transform: rotate(-135deg);
    animation-delay: .8s;
    transform: rotate(-135deg)
}

@-webkit-keyframes fadeG {
    0% {
        background-color: #00a3ce
    }
    100% {
        background-color: transparent
    }
}

@keyframes fadeG {
    0% {
        background-color: #00a3ce
    }
    100% {
        background-color: transparent
    }
}

.sub-item {
    padding: 12px 10px 10px;
    clear: both
}

.sub-item .item-label {
    float: left;
    width: auto
}

.sub-item .quantity-box {
    float: right
}

.my-account {
    display: block;
    height: 79px;
    width: 100%;
    
    background-size: 50%;
    /* border-bottom: 1px solid #c0bbb2
 */}

.my-account > img {
    float: right
}

.star_bg {
    width: 175px;
    height: 24px;
    background: url(/img/star-sprites.png) repeat-x;
    background-size: 35px 50px;
    position: relative;
    overflow: hidden
}

.score {
    position: absolute;
    clip: rect(0 0 0 0)
}

.r-star {
    height: 100%;
    width: 25px;
    position: absolute;
    z-index: 3
}

.star_1 {
    left: 0
}

.star_2 {
    left: 35px
}

.star_3 {
    left: 70px
}

.star_4 {
    left: 105px
}

.star_5 {
    left: 140px
}

.my-judge label {
    display: block;
    height: 100%;
    width: 100%;
    cursor: pointer
}

.score:checked + .r-star {
    background: url(/img/star-sprites.png) repeat-x 0 -25px;
    background-size: 35px 50px;
    left: 0;
    z-index: 1
}

.score_1:checked ~ .star_1 {
    width: 35px
}

.score_2:checked ~ .star_2 {
    width: 70px
}

.score_3:checked ~ .star_3 {
    width: 105px
}

.score_4:checked ~ .star_4 {
    width: 140px
}

.score_5:checked ~ .star_5 {
    width: 175px
}

.face_bg {
    width: 175px;
    height: 24px;
    background: url(/img/face-sprites.png) repeat-x;
    background-size: 35px 80px;
    position: relative;
    overflow: hidden
}

.face {
    position: absolute;
    clip: rect(0 0 0 0)
}

.r-face {
    height: 100%;
    width: 25px;
    position: absolute;
    z-index: 3
}

.face_6 {
    left: 0
}

.face_7 {
    left: 35px
}

.face_8 {
    left: 70px
}

.face_9 {
    left: 105px
}

.face_10 {
    left: 140px
}

.face:checked + .r-face {
    background: url(/img/face-sprites.png) repeat-x 0 -28px;
    background-size: 35px 80px;
    left: 0;
    z-index: 1
}

.face_1:checked + .face_6 {
    background: url(/img/face-sprites.png) repeat-x 0 -56px;
    background-size: 35px 80px;
    left: 0;
    z-index: 1
}

.face_2:checked + .face_7 {
    background: url(/img/face-sprites.png) repeat-x 0 -56px;
    background-size: 35px 80px;
    left: 0;
    z-index: 1
}

.face_1:checked ~ .face_6 {
    width: 35px
}

.face_2:checked ~ .face_7 {
    width: 70px
}

.face_3:checked ~ .face_8 {
    width: 105px
}

.face_4:checked ~ .face_9 {
    width: 140px
}

.face_5:checked ~ .face_10 {
    width: 175px
}

.choose {
    position: absolute;
    clip: rect(0 0 0 0)
}

.choose:checked + .input-diycheckbox.checked {
    background: #00a3ce;
    border-color: #028eb2
}

.input-diycheckbox {
    border: 1px solid #ccc;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    vertical-align: middle;
    background: #fff
}

.input-diycheckbox.checked:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
    border: 0 solid #fff;
    border-width: 0 0 3px 3px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 4px;
    left: 3px
}

.navArea a, .navArea a:visited {
    color: #666;
}

.navArea > div {
    border-bottom: 1px solid #6E0202;
    border-top: 1px solid #C23F3F;
    line-height: 40px;
    padding: 0px 5%;
    position: absolute;
    background: #fff

}

.icon-home {
    background-image: url(home.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-Pointer {
    background-image: url(Pointer.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-Shoucang {
    background-image: url(Shoucang.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-Account {
    background-image: url(Account.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-Buy {
    background-image: url(Buy.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-phone {
    background-image: url(phone.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-more {
    background-image: url(more.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-active {
    background: #069
}

.c-top {
    padding-top: 90px
}

.box-search {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 100px;
    box-shadow: 1px 1px 1px #FFFFFF;
    float: left;
    height: 30px;
    margin: 0 10px;
    padding: 0 35px 0 27px;
    position: relative;
    width: 50%;
}

#search-box input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 15px;
    outline-style: none;
    width: 100%;
}

#search-box button {
    float: left;
    height: 30px;
    margin-top: 2px;
    padding: 0;
    width: 20%;
}

.btn-login {
    background: -moz-linear-gradient(center top, #A6BF53, #9DB64A) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #78883E;
    color: #FFFFFF;
    text-shadow: none;
}

.icon {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("i-all.png");
    background-repeat: no-repeat;
    background-size: 250px 150px;
    display: inline-block;
    height: 18px;
}

#search-box {
    clear: both;
    height: 40px;
}

#loading {
    width: 80px;
    height: 80px;
    display: none;
    position: fixed;
    top: 50%;
    left: 40%;
    z-index: 1001;

}

#search-hot {
    margin: 10px 0;
    padding: 0 4px;
}

h3 {
    font-weight: 700;
    padding-left: 6px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#hot-link-list {
    text-align: center;
}

#hot-link-list li {
    display: -moz-box;
    width: 20%;
    float: left;
    margin-left: 8px;
    color:#fff;
}

#hot-link-list .hot-link {
    -moz-box-flex: 1;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 6px;
    width: 100%;
    float: left;
}

#hot-link-list .hot-link:hover 
{

    background-color:#ff5000;
    color:#fff
}

#hot-link-list .hot-link-active {
    -moz-box-flex: 1;
    background: none repeat scroll 0 0 #FF4D4D;
    border: 1px solid #FF4D4D;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 6px;
    width: 100%;
    float: left;
}

#Addresslist {
    text-align: center;
}

#Addresslist li {
    display: -moz-box;
    width: 110px;
    float: left;
    margin-left: 8px;
}

#Addresslist .hot-link {
    -moz-box-flex: 1;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 6px;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
}

#Addresslist .hot-link:hover {
    background: none repeat scroll 0 0 #EDEDED;
}

#CashCard {
    text-align: center;
}

#CashCard li {
    display: -moz-box;
    width: 110px;
    float: left;
    margin-left: 8px;
}

#CashCard .hot-link {
    -moz-box-flex: 1;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 6px;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
}

#CashCard .hot-link:hover {
    background: none repeat scroll 0 0 #EDEDED;
}

@-moz-document url-prefix("") {
    #search-hot .hot-link-list .hot-link {
        width: 50px !important;
    }
}

.icon-search {
    background-position: -45px -43px;
    border: 0 none;
    height: 30px;
    left: 5px;
    position: absolute;
    text-indent: -9999px;
    top: 1px;
    width: 30px;
}

.box-search .delete-button {
    background: url("i-all.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    border-radius: 13px;
    display: none;
    height: 19px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 19px;
}

.dl:hover {
    background: none repeat scroll 0 0 #F9F9F9;
}

/** 标识ico定位样式   **/
.item-ico {
    float: right;
    margin: -5px -10px 0 0;
    width: 36px;
}

.icon-freeres {
    background: url("icon_new3.png") no-repeat scroll 0 0 / 47px auto rgba(0, 0, 0, 0);
    display: block;
    height: 14px;
    width: 36px;
}

.icon-new {
    background: url("icon_new4.png") no-repeat scroll 0 0 / 47px auto rgba(0, 0, 0, 0);
    display: block;
    height: 14px;
    width: 36px;
}

.icon-freeres {
    background-position: -2px -15px;
    height: 36px;
    left: 4px;
    position: absolute;
    top: 6px;
    width: 45px;
}

.icon-new {
    background-position: -2px -15px;
    height: 36px;
    left: 4px;
    position: absolute;
    top: 6px;
    width: 45px;
}


.home-page {
     border-bottom: 0px solid #E5E5E5;
     margin: 0px auto 30px;
     overflow: hidden;
     padding: 40px 0px 20px;
     width: 640px;
}

.home-page .title-bar {
     margin-bottom: 20px;
     overflow: hidden;
     padding: 0px 10px;
}

.home-page .title-bar h2 {
     float: left;
}

.home-page .title-bar h2 em {
     float: left;
     height: 32px;
     margin: 6px 10px 0px 0px;
     overflow: hidden;
     width: 15px;
}

.home-page .title-bar h2 a {
     color: #000000;
     float: left;
     font-size: 36px;
     font-weight: 800;
}

.home-page .title-bar ins {
     color: #999999;
     float: left;
     font-size: 20px;
     line-height: 30px;
     margin: 10px 0px 0px 20px;
}

.home-page .title-bar .more {
     background: none repeat scroll 0% 0% #000000;
     color: #FFFFFF;
     float: right;
     height: 36px;
     line-height: 36px;
     margin: 0px;
     padding: 0px 20px;
}

.home-page .title-bar .more:active {
     background: none repeat scroll 0% 0% #666666;
}

.home-page .item-list {
     clear: both;
     margin-bottom: 20px;
     overflow: hidden;
}

.home-page .item-list li {
     float: left;
     height: 200px;
     margin: 0px 0px 10px 10px;
     overflow: hidden;
     position: relative;
     width: 200px;
}

.home-page .item-list li span {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
     bottom: 10px;
     display: inline-block;
     font-size: 20px;
     height: 36px;
     line-height: 36px;
     padding: 0px 10px;
     position: absolute;
     right: 10px;
}

.home-page .item-list li img {
     width: 200px;
}

.home-page .item-list li img:active {
     opacity: 0.5;
}

.home-page .item-tag {
     overflow: hidden;
}

.home-page .item-tag a {
     border: 1px solid #E5E5E5;
     float: left;
     height: 48px;
     line-height: 48px;
     margin: 0px 0px 20px 10px;
     min-width: 80px;
     padding: 0px 20px;
     text-align: center;
}

.home-page .item-tag a:active {
     background: none repeat scroll 0% 0% #999999;
     border-color: #999999;
}

.women-section .title-bar h2 a {
     color: #E3205E;
}

.women-section .title-bar h2 em {
     background: none repeat scroll 0% 0% #E3205E;
}

.men-section .title-bar h2 a {
     color: #649DC4;
}

.men-section .title-bar h2 em {
     background: none repeat scroll 0% 0% #649DC4;
}

.life-section .title-bar h2 a {
     color: #96AE08;
}

.life-section .title-bar h2 em {
     background: none repeat scroll 0% 0% #96AE08;
}

.life-section {
     border-bottom: 0px none;
}

.usercategory {
     overflow: hidden;
     padding-top: 58px;
}

.usercategory img {
     border-radius: 120px;
     height: 200px;
     width: 200px;
}

.usercategory .userblock {
     height: 400px;
     margin: 0px auto;
     width: 640px;
}

.usercategory .userblock .userimagecell {
     height: 200px;
     margin: 0px auto;
     overflow: hidden;
     vertical-align: bottom;
     width: 200px;
}

.usercategory .userblock .usernick {
     color: #666666;
     font-size: 36px;
     height: 56px;
     line-height: 32px;
     margin: 30px auto 0px;
     overflow: hidden;
     text-align: center;
     text-overflow: ellipsis;
     width: 336px;
}

.usercategory .userblock .userdescription {
     color: #999999;
     height: 64px;
     line-height: 32px;
     margin: 0px auto;
     overflow: hidden;
     text-align: center;
     text-overflow: ellipsis;
     width: 560px;
}

.listcategory {
     margin: 0px auto;
     overflow: hidden;
     width: 620px;
}

.listcategory .listhead {
     float: left;
     height: 40px;
     line-height: 40px;
     margin: 20px 5px;
     padding: 0px 10px;
     text-align: center;
}

.listcategory .listhead-active {
     background-color: #000000;
     color: #FFFFFF;
     float: left;
     height: 40px;
     line-height: 40px;
     margin: 20px 10px;
     padding: 0px 20px;
     text-align: center;
}

.listcategory .listhead-active:hover {
     color: #FFFFFF;
}

.content {
     margin: 0px auto;
     overflow: hidden;
     width: 640px;
}

.content .feedcell {
     float: left;
     height: 500px;
     width: 320px;
}

.content .feedcell .imageblock {
     height: 300px;
     overflow: hidden;
     padding: 10px;
     vertical-align: bottom;
     width: 300px;
}

.content .feedcell .imagelink {
     display: table-cell;
     height: 300px;
     vertical-align: bottom;
     width: 300px;
}

.content .feedcell .imagestyle {
     display: block;
     margin: 0px auto;
     max-height: 300px;
     vertical-align: bottom;
}

.content .feedcell .priceblock {
     height: 40px;
     text-align: center;
     width: 320px;
}

.content .feedcell .commentblock {
     color: #666666;
     height: 100px;
     line-height: 32px;
     overflow: hidden;
     padding: 0px 40px;
     text-align: center;
     text-overflow: ellipsis;
     width: 240px;
}

.content .controlblock {
     clear: both;
     height: 50px;
     text-align: center;
     width: 640px;
}

.content .controlblock .control {
     background-color: #000000;
     color: #FFFFFF;
     height: 40px;
     line-height: 40px;
     margin: 20px 10px;
     padding: 10px 20px;
     text-align: center;
}

.content .controlblock .control:hover {
     background-color: #999999;
     color: #FFFFFF;
}

.detail-page {
     margin: 0px auto;
     overflow: hidden;
     width: 100%;
}

.detail-page .goods-summary {
     border-bottom: 1px solid #EEEEEE;
     margin: 0px 0px 20px;
     overflow: hidden;
     padding-bottom: 30px;
}

.detail-page .goods-summary .pic {
     display: table;
     height: 450px;
     margin: 20px auto;
     overflow: hidden;
     text-align: center;
     width: 450px;
}

.detail-page .goods-summary .pic a {
     display: table-cell;
     vertical-align: middle;
}

.detail-page .goods-summary .pic img {
     display: block;
     margin: 0px auto;
     max-height: 450px;
}

.detail-page .goods-summary .title {
     font-size: 28px;
     margin: 0px 40px 30px;
     overflow: hidden;
}

.detail-page .goods-summary .title h2 {
     float: left;
     overflow: hidden;
     width: 400px;
}

.detail-page .goods-summary .title span {
     float: right;
     width: 100px;
}

.detail-page .goods-summary .action {
     clear: both;
     text-align: center;
}

.detail-page .goods-summary .buy {
     background: none repeat scroll 0% 0% #E3205E;
     color: #FFFFFF;
     display: inline-block;
     font-size: 28px;
     height: 80px;
     line-height: 80px;
     margin: 0px auto;
     padding: 0px 30px;
}

.detail-page .goods-summary .buy:active {
     background: none repeat scroll 0% 0% #C5003F;
}

.detail-page .goods-summary .buy ins {
     background: url("../images/widget.png") no-repeat scroll -280px -28px transparent;
     display: inline-block;
     height: 60px;
     margin: 0px 10px 0px 0px;
     overflow: hidden;
     vertical-align: middle;
     width: 60px;
}

.detail-page .goods-comment {
     margin: 0px 40px;
}

.detail-page .goods-comment h3 {
     color: #000000;
     font-size: 24px;
}

.detail-page .goods-comment p {
     color: #999999;
}

.detail-page .content-wrap {
     height:300px;
     width: 290px;
}



.header-section {
     margin: 0px auto;
     overflow: hidden;
     width: 640px;
}

.header-section .logo {
     float: left;
     margin: 15px 0px 0px 20px;
}

.header-section .down {
     background: url("../images/widget.png") no-repeat scroll -1px -138px #000000;
     color: #FFFFFF;
     float: right;
     font-size: 20px;
     height: 50px;
     line-height: 50px;
     margin: 24px 20px 0px 0px;
     overflow: hidden;
     padding: 0px 0px 0px 45px;
     text-align: left;
     width: 110px;
}

.header-section .down:active {
     background-color: #999999;
}

.title-section {
     background: url("../images/dot_1.png") repeat scroll 0px 0px transparent;
     border-bottom: 0px solid #F7F7F7;
     margin-bottom: 20px;
     padding: 25px 0px;
}

.title-section h2 {
     font-size: 36px;
     margin: 0px auto;
     text-align: left;
     width: 600px;
}

.title-section h2 ins {
     background: none repeat scroll 0% 0% #000000;
     display: inline-block;
     height: 34px;
     margin: 0px 10px 0px 0px;
     vertical-align: -4px;
     width: 14px;
}

.topic-section {
     margin: 0px auto;
     overflow: hidden;
     width: 640px;
}

.topic-main {
     margin-bottom: 20px;
     padding: 20px;
}

.topic-main h2 {
     color: #000000;
     font-size: 44px;
     line-height: 50px;
     margin: 0px 0px 20px;
}

.topic-main .summary {
     color: #999999;
}

.topic-main .summary em {
     margin: 0px 10px 0px 0px;
}

.topic-main .des {
     line-height: 30px;
     padding: 10px 0px 0px;
}

.topic-main .des img {
     margin: 10px 0px 20px;
     width: 600px;
}

.topic-main .des p {
     padding: 20px 0px;
}

.topic-list {
     padding: 10px 20px;
}

.topic-list h3 {
     border-bottom: 1px solid #CCCCCC;
     font-size: 28px;
     margin: 0px 0px 20px;
     padding: 0px 0px 10px;
}

.topic-list ul {
     margin-left: -40px;
}

.topic-list li {
     float: left;
     height: 350px;
     margin: 0px 0px 40px 40px;
     overflow: hidden;
     width: 280px;
}

.topic-list li .pic {
     height: 280px;
     overflow: hidden;
     width: 100%;
}

.topic-list li img {
     margin: 0px auto;
     width: 280px;
}

.topic-list li a {
     display: block;
}

.topic-list li p {
     line-height: 30px;
}

.topic-list li p a {
     padding-top: 10px;
}

.text-link {
     background: none repeat scroll 0% 0% #F2F2F2;
     color: #2964B5;
     display: block;
     font-size: 28px;
     line-height: 34px;
     margin: 10px 0px;
     padding: 16px 16px 16px 90px;
     position: relative;
}

.text-link:active {
     background: none repeat scroll 0% 0% #000000;
}

.text-link .ico-link {
     background: url("../images/ico_link2.png") no-repeat scroll 50% 50% #333333;
     display: inline-block;
     height: 100%;
     left: 0px;
     position: absolute;
     top: 0px;
     vertical-align: middle;
     width: 70px;
}

.http-link {
     height: 54px;
     line-height: 54px;
     overflow: hidden;
     padding: 5px 16px 5px 90px;
}

#slideform {
     background: none repeat scroll 0% 0% #FFFFFF;
     bottom: 0px;
     height: 335px;
     padding-left: 5px;
     position: fixed;
     width: 100%;
     z-index: 1000;
}

.hidebg {
     background: none no-repeat scroll center center rgba(0, 0, 0, 0.2);
     bottom: 0px;
     height: 100%;
     left: 0px;
     position: absolute;
     right: 0px;
     top: 0px;
     z-index: 999;
}

.input-common {
     -moz-box-sizing: border-box;
     background: none repeat scroll 0px 0px #FFFFFF;
     border-radius: 3px;
     border: 1px solid #CCCCCC;
     font-size: 16px;
     height: 46px;
     margin: 6px 0px;
     padding: 0px 10px;
     width: 100%;
}

.btn-large {
     background: none repeat scroll 0px 0px #A6C04C;
     border-radius: 3px;
     border: 1px solid #91A351;
     box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 1px 1px 4px #CCCCCC;
     color: #FFFFFF;
     display: block;
     font-size: 20px;
     height: 46px;
     line-height: 44px;
     text-align: center;
     width: 98%;
     margin-bottom:5px
}

.rbtn {
     background: -moz-linear-gradient(center top , #FCFCFC, #F0F0F0) repeat scroll 0px 0px transparent;
     border-radius: 3px;
     border: 1px solid #CCCCCC;
     box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 1px 1px 4px #CCCCCC;
     display: block;
     font-size: 20px;
     height: 46px;
     line-height: 44px;
     text-align: center;
     width: 98%;
}

.quick-tab {
     color: #333333;
     display: block;
     font-size: 16px;
     font-weight: 400;
     line-height: 48px;
     padding: 0px 5px;
     text-align: center;
}

#headerControl  {

     width:100%;
     height:40px;
     background-color: #FFBF00;
 
}

#headerControl h1  {

     color:#fff;
     float:left;
     line-height: 40px;
 
}

#headerControl a  {

    padding-left:10px
 
}


.catedownlist 
{
    margin-left:-6px
    }
    
.catedownlist a  
{
    
    display:block;
    float:left;
    width:20%;
    text-align:center;
    }  
    
#NavFrist1 a 
{
    color:#666666;display:block
    }
    
#NavFrist2 span {color:#666666;}
#NavFrist3 span {color:#666666;}

.brandlist {padding-left:10px}
.brandlist a {color:#666666;display:block}
.brandlist span {font-weight:bold}





.couponCss {width:100%;margin-top:10px;margin-bottom:10px;float:left}

.couponCss a {
    
}
.couponCss a:hover 
{
    background:#eee;
    display:block;
    }
    
.couponCssP1
{
    margin-left:20px;background:#fff;height:100px;width:50%;float:left;box-shadow: 3px 3px 3px;text-align:center
    
    }
    
.couponCss span {color:#666;font-size:20px}
    
.couponCssP2 {width:40%;float:left; height:100px;background:#FFD323;box-shadow: 3px 3px 3px;text-align:center;}

.couponCssP2 img {width:120px;margin-top:15px}
.couponCssP2 span {margin:20px;font-size:40px;font-weight:bold;color:#F10035}


.goodslist-page {
    background-color: #fff
}

.goodslist-page .swiper-container {
    width: 100%;
    height: 7.75rem
}

.goodslist-page .swiper-container img {
    height: 100%;
    width: 100%
}

.goodslist-page .swiper-container .swiper-pagination {
    bottom: 0;
    left: 0;
    width: 100%
}

.goodslist-page .swiper-container .swiper-pagination-bullet-active {
    background: #fff
}

.goodslist-page .banner-top-single {
    width: 100%;
    height: 5rem
}

.goodslist-page .banner-top-single img {
    display: block;
    height: 100%;
    width: 100%
}

.goodslist 
{
    z-index:10000;
    position:fixed;
    }


.goodslist .list-nav {
    border-top: 2px solid #fff;
    border-bottom: 1px solid #e6e6e6;
    background:#fff;
}

.goodslist .list-nav > li {
    float: left;
    width: 20%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.goodslist .list-nav a {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    height: 100%;
    color: #999
}

.goodslist .list-nav .active > a {
    color: #000;
    box-sizing: border-box
}

.goodslist .list-nav .active > .iconfont {
    color: #000
}

.goodslist .list-nav .active > .iconfont.cur {
    color: #000
}

.goodslist .list-nav .filter .iconfont {
    font-size: 12px;
    -moz-transition: -moz-transform ease-in;
    -o-transition: -o-transform ease-in;
    -webkit-transition: -webkit-transform ease-in;
    transition: transform ease-in
}

.goodslist .list-nav .filter.active .iconfont {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.goodslist-page .no-result {
    text-align: center;
    vertical-align: middle;
    color: #ccc;
    font-size: 1.2em;
    margin-top: 160px
}

.goodslist-page .goods-container {
    position: relative;
    
    padding-left: 0.375rem;
    padding-top: 0.2rem
}

.goodslisth2
{
    text-align:center;margin:10px;font-size:16px
    ;
    color: #666;
}
    
.goodslista
{
    position:absolute;right:15px;color:#000;margin-top:-30px
}    

.good-info {
    float: left;
    width: 6.85rem;
    height: 9.5rem;
    margin: 0 0.349rem 0.349rem
}

.good-info .tag-container {
    height: 0.7rem;
    width: 100%;
    overflow: hidden
}

.good-info .tag-container .good-tag {
    display: block;
    float: left;
    height: 0.7rem;
    font-size: 0.45rem;
    text-align: center;
    line-height: 0.7rem;
    box-sizing: border-box;
    margin-right: 0.1rem
}

.good-info .tag-container .good-tag:last-child {
    margin-right: 0
}

.good-info .tag-container .new-tag {
    width: 1.5rem;
    background-color: #78dc7e;
    color: #fff
}

.good-info .tag-container .renew-tag {
    width: 2.25rem;
    background-color: #78dc7e;
    color: #fff
}

.good-info .tag-container .sale-tag {
    width: 1.5rem;
    background-color: #ff575c;
    color: #fff
}

.good-info .tag-container .new-festival-tag {
    width: 2.25rem;
    background-color: #000;
    color: #fff
}

.good-info .tag-container .limit-tag {
    width: 2.5rem;
    border: 1px solid #000;
    color: #000
}

.good-detail-img {
    position: relative;
    
}

.good-detail-img .good-islike {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 0rem;
    right: 0rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
    text-align: center;
    color: #b0b0b0;
    text-decoration: none
}

.good-detail-img .good-like {
    color: #d72928
}

.good-detail-img img {
    display: block;
    width: 100%;
    height: 100%
}

.good-detail-img .few-tag {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.7rem;
    background: #ffac5b;
    font-size: 0.45rem;
    color: #fff;
    line-height: 0.7rem;
    text-align: center
}

.good-detail-text .name a {
    display: block;
    line-height: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    font-size: 0.55rem;
    color: #444
}

.good-detail-text .price {
    line-height: 0.55rem;
    font-size: 0.55rem
}

.good-detail-text .price .sale-price {
    color: #d62927
}

.good-detail-text .price .sale-price.no-price {
    color: #000
}

.good-detail-text .price .market-price {
    margin: 0 0 0 0.125rem;
    color: #b0b0b0;
    text-decoration: line-through
}

.filter-mask, .filter-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.filter-mask {
    
    display: none;
}

.filter-body {
    background: #fff;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    height: 440px
}

.filter-body .classify {
    width: 40%;
    height: 100%;
    background: #f8f8f8
}

.filter-body .classify > li {
    height: 55px;
    line-height: 55px
}

.filter-body .classify > li > * {
    box-sizing: border-box
}

.filter-body .classify > li.active {
    background: #fff;
}


.filter-body .classify > li .shower {
    padding-left: 20px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333
}

.filter-body .classify > li .default {
    color: #999
}

.filter-body .classify > li .title {
    float: left;
    color: #000
}

.filter-body .sub-classify {
    position: absolute;
    display: none;
    width: 60%;
    height: 440px;
    left: 40%;
    top: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.filter-body .sub-classify a {
    width:100%;
    display:block
}

.filter-body .sub-classify a:hover {
    width:100%;
    display:block;
    background:#eee;
}



.filter-body .sub-classify > li {
    height: 55px;
    line-height: 55px;
    padding-left: 15px;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.filter-body .sub-classify > li.highlight {
    background: #eee
}

.filter-body .sub-classify .chosed-icon {
    display: none
}

.filter-body .sub-classify .chosed .chosed-icon {
    display: inline
}

.filter-body .active > .sub-classify {
    display: block
}

.loading-mask {
    position: fixed;
    background: rgba(0, 0, 0, 0.1);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.loading-mask .loading {
    position: absolute;
    width: 2.5rem;
    height: 1rem;
    background: url('../assets/img/loading.gif?1447830131') no-repeat;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    margin-left: -1.25rem;
    margin-top: -0.5rem
}

.load-more-img {
    padding-left: 0;
    height: 5rem;
    border-top: 1px solid #ccc;
    overflow: hidden
}

.load-more-img img {
    display: block;
    width: 100%;
    height: 100%
}

.spinner {
    margin: 200px auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
            transform: scaleY(1.0);
            -webkit-transform: scaleY(1.0);
        }
}



.iosSlider {
     
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 100%;
    top:91px
}

.iosSlider .slider .slide {
     
     width: 100%;
}

.banner .slider img {
     display: block;
     height: auto;
     margin: 0px auto;
     
     width: 100%;
}

.sliderContainer .slideSelectors {
     bottom: 13px;
     height: 10px;
     left: 0px;
     margin: 0px auto;
     position: relative;
     width: 100px;
     z-index: 1;
}

.sliderContainer .slideSelectors .item {
     background: none repeat scroll 0% 0% #666;
     border-radius: 5px;
     float: left;
     height: 10px;
     margin: 0px 0px 0px 10px;
     opacity: 0.25;
     width: 10px;
}

.sliderContainer .slideSelectors .selected {
     background: none repeat scroll 0% 0% #d62927;
     opacity: 1;
}

.iosSliderFlash {
    
     left: 0px;
     overflow: hidden;
     position: relative;
     top: 0px;
     width: 100%;
    
}

.iosSliderFlash .sliderFlash {
     
     width: 100%;
}



.iosSliderFlash .sliderFlash .slideFlash {
     float: left;
     width: 100%;
}

.bannerFlash .sliderFlash img {    
     
}

.sliderContainerFlash .slideSelectorsFlash {
     bottom: 15px;
     height: 10px;
     left: 0px;
     margin: 0px auto;
     position: relative;
     width: 100px;
     z-index: 1;
}

.sliderContainerFlash .slideSelectorsFlash .item {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-radius: 5px;
     float: left;
     height: 10px;
     margin: 0px 0px 0px 10px;
     opacity: 0.25;
     width: 10px;
}

.sliderContainerFlash .slideSelectorsFlash .selected {
     background: none repeat scroll 0% 0% #FFFFFF;
     opacity: 1;
}


.confirmNote {z-index:10000;position: fixed;background: rgba(0, 0, 0, 0.1);top: 0;bottom: 0;right: 0;left: 0}

.confirmNoteA {margin: 200px auto;width: 80%;height: 110px;text-align: center;font-size: 10px;background:#fff;border-radius: 8px;}


.confirmNoteB {text-align:center;padding-top:10px;font-size:18px}

.confirmNoteC {float:left;border-radius: 4px;background-color: #d62927;color: white;width:40%;height:38px;margin:10px;margin-top:15px;line-height:38px}

.confirmNoteA a {color:#fff;font-size:15px}


.canot-topdiv {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.canot-topdiv .red-boxt {
    height: 3.5rem;
    background-color: #e54f37;
    line-height: 3.5rem;
    color: #fff;
    font-size: 1.58rem;
    text-align: center;
}

.canot-topdiv .bot-bor {
    display: block;
    height: 0.5rem;
    background-color: #000;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.otherLogin {padding-top:30px;padding-bottom:10px;text-align:center}

.otherLogin img {height:44px}

.otherLoginA {background-color: #666;background-repeat: no-repeat;background-size: 100% 100%;border-radius: 50%;display: inline-block;height: 44px;margin: 0 7px;width: 44px;}
.otherLoginB {margin-left:-42px;background-color: #666;background-repeat: no-repeat;background-size: 100% 100%;border-radius: 50%;display: inline-block;height: 44px;width: 44px;}


.choose-amount {
/* padding: 0.5rem 0.75rem; */
width: 100px;
height: 1.5rem;
line-height: 1.45rem;
border: 1px solid #bfbfbf;
/* margin-bottom: 1rem; */
float: left;
}

.choose-amount .a-minus {
float: left;
}

.choose-amount a {
display: block;
height: 1.5rem;
width: 1.4rem;
text-align: center;
background-color: #000;
color: #fff;
font-weight: bold;
font-size: 1.4rem;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}


.choose-amount p {
float: left;
text-align: center;
width: 55px;
}




.sett-pay {
padding: 1.3rem 3.90625% 0 3.90625%;
/* margin-top: 2rem; */
border-top: 2px solid #b2b2b2;
display: -webkit-box;
}


.sett-pay p {
width: 50%;
display: table;
height: 37px;
}

.sett-pay p b {
font-weight: normal;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}

.red-span {
color: #e44f3b;
}

.sett-pay a {
width: 50%;
display: block;
background: #A6C04C;
text-align: center;
color: #fff;
line-height: 40px;
border-radius: 5px;
font-size: 20px;
}

.process-main {
width: 100%;
margin: 0 auto;
padding-bottom: 1.2rem;
background:#fff;
/* float: left; */
}

.want-tobuy 
{
    width: 100%;
    
    }
    
.want-tobuy li {
margin-top: 1.1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #bfbfbf;
}

.want-tobuy li i.ibuy-choi {
background-position: -21px -229px;
}

.want-tobuy li .maick-kj {
position: relative;
padding-left: 112px;
min-height: 80px;
}


.want-tobuy li:last-child {
border: 0 none;
}

.want-tobuy li .wbug-my {
width: 80px;
height: 80px;
display: block;
overflow: hidden;
position: absolute;
left: 1rem;
top: 0;
}

.want-tobuy li .wbug-my img {
max-height: 100%;
max-width: 100%;
}

.want-tobuy li .wbuy-datas {
display: inline-block;
width: 100%;
}

.want-tobuy li .wbuy-datas a {
font-weight: normal;
max-height: 2.7rem;
overflow: hidden;
display: block;
}

.want-tobuy li .wbuy-datas p {
color: #bfbfbf;
padding-top: 5px;
}

.want-tobuy li .wbuy-datas .mun-spbox {
margin-top: 8px;
}

.want-tobuy li .wbuy-datas .mun-spbox .inp-sl {
/* border: 1px solid #adadad; */
height: 34px;
line-height: 34px;
width: 60px;
position: relative;
display: inline-block;
float: left;
margin-right: 10px;
}

.want-tobuy li .wbuy-datas .mun-spbox span {
position: relative;
top: 1px;
color: #e54d38;
}

.want-tobuy li .wbuy-datas .mun-spbox .inp-sl em {
display: inline-block;
width: 0;
height: 0;
position: absolute;
right: 7px;
bottom: 11px;
border: 5px solid #fff;
border-right-color: #666;
border-bottom-color: #666;
}

.want-tobuy li .wbuy-datas .mun-spbox .inp-sl select {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}



.note-bottomdiv {
    width: 100%;
    position: fixed;
    bottom: 0;
    /* margin-left: auto; */
    z-index: 9999;
    bottom: 50px;
    /* margin-right: auto; */
    /* text-align: center; */
    /* margin-left: auto; */
}

.note-bottomdiv .red-boxt {
    height: 3.5rem;
    background-color: #e54f37;
    line-height: 3.5rem;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 60%;
    opacity: 0.9;
    border-radius: 5px;
    margin: auto;
}

.note-bottomdiv .bot-bor {
    /* display: block; */
    /* height: 0.5rem; */
    /* background-color: #000; */
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    /* opacity: 0.4; */
}



.fLbuy-carmove {
    position: fixed;
    bottom: 30px;
    /* left: 10px; */
    z-index: 99999;
    width: 40px;
    height: 40px;
    display: block;
    right: 0;
}

.fLbuy-carmove .carm-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.fLbuy-carmove .carm-pic {
    width: 22px;
    height: 18px;
    margin: 0 auto;
    
    background-size: 60px;
    display: block;
    position: relative;
}

.fLbuy-carmove .car-mun {
    position: absolute;
    top: -9px;
    right: -9px;
    background-color: #e54f37;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.fLbuy-carmove .car-mun span {
    display: block;
    padding: 0 4px;
    min-width: 14px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.fLbuy-carmove .tipsa {
    color: #fff;
    white-space: nowrap;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 9px;
    padding: 6px 0 0 0;
}

.CateIcon  {  height:105px }
.CateIconDiv {width:90%;height:80px;margin:auto}
.CateIconDiv li {width:25%;height: 95px;float:left}
.CateImg {width:60px;height:60px;margin:10px;border:1px solid #eee;border-radius: 50%;}
.CateImg a {height:40px;width:40px;display:block;margin:10px}
.CateImg img {height:40px;width:40px;}
.CateWord {text-align:center;margin-top:-5px}


.note-bottomdiv-psw {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index:10001;
}

.note-bottomdiv-psw .red-boxt {
    height: 3rem;
    background-color: #fff;
    line-height: 3rem;
    color: #000;
    font-size: 18px;
    text-align: center;
    width: 90%;
    opacity: 0.9;
    border-radius: 5px;
    margin: auto;
    margin-top: 380px;
}


.cartNum {
    width:15px;height:15px;position:absolute;background:#ff0000;font-size:9px;line-height:15px;color:#fff;border-radius:50px;margin-top:-36px;margin-left:52px
    }

a.liSex.active {
color: red;
font-weight: bold;
}


a.liSize.active {
color: red;
font-weight: bold;
}

a.liPrice.active {
color: red;
font-weight: bold;
}

.SharePlan 
{
    
    }

.SharePlan h2 {padding-top:10px;font-size:17px;font-weight:bold}
.SharePlan p {font-size:15px;}
.SharePlan i {font-size:20px}
.btnShare {margin:auto;margin-top:20px;margin-bottom:20px}

.countdown {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	color: white;
}
.countdown li {
	display: inline-block;
	height:20px;
}
.countdown li span {
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	height:20px;
}
.countdown li.seperator {
	font-size: 13px;
	line-height: 20px;
	height:20px;
	
}
.countdown li p {
	color: #a7abb1;
	font-size: 14px;
}

.rightCart {width:50px;bottom:15%;position:fixed;right:3px;}
.rightCartBox {border:1px solid #eee;background:#fff;}
.rightCartP {font-size:13px;color:#999;text-align:center;height:16px;line-height:16px;margin-top:5px}
.rightCartToBasket {background:#ff0000;text-align:center;height:25px;line-height:25px;border:1px solid #ff0000;}
.rightCartToBasket a {font-size:13px;color:#fff}

.GroupBuyA {margin-top:10px;height:30px;width:49.5%;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;line-height:30px;font-size:16px;text-align:center;float:left}
.GroupBuyB {margin-top:10px;height:30px;width:50%;border-top:1px solid #d8d8d8;line-height:30px;font-size:16px;text-align:center;float:left;border-bottom:1px solid #d8d8d8;}