html {
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 312.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    overflow-x: hidden;
    height: 100%;
    margin: 0;
    color: #181A1C;
    font-size: .24rem;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

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

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

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

[hidden], template {
    display: none
}

svg:not(:root) {
    overflow: hidden
}

a {
    color: #555;
    text-decoration: none;
    background: 0 0;
    -webkit-tap-highlight-color: transparent
}

li, ul {
    list-style: none outside none;
    padding: 0;
    margin: 0
}

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

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=text], select {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none
}

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

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield
}

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

fieldset {
    margin: 0 .04rem;
    padding: .35em .625em .75em;
    border: .02rem solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

optgroup {
    font-weight: 700
}

td, th {
    padding: 0
}

button, html, input, select, textarea {
    font-family: 'Helvetica Neue', Helvetica, 'microsoft yahei', Arial, sans-serif
}

blockquote, figure, form, h1, h2, h3, h4, h5, h6, p {
    margin: 0
}

dd, dl, li, ol, ul {
    margin: 0;
    padding: 0
}

ol, ul {
    list-style: none outside none
}

h1, h2, h3 {
    font-size: .28rem;
    color: #404040
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc
}

.clearfix {
    zoom: 1;
    clear: both
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.fl {
    float: left
}

.fr {
    float: right
}

.p-relative {
    position: relative
}

.p-absolute {
    position: absolute
}

.c-red {
    color: #e80080
}

.c-grey {
    color: #a0a0a0
}

.c-white {
    color: #fff
}

.c-dark {
    color: #303030
}

.c-yellow {
    color: #eba602
}

.c-blue {
    color: #36C
}

.t-underline {
    text-decoration: underline
}

.bg-blue {
    background-color: #3d425a
}

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

.bg-default {
    background-color: #e8e8e8
}

.pd-t5 {
    padding-top: .1rem
}

.pd-l5 {
    padding-left: .1rem
}

.pd-mid10 {
    padding-left: .2rem;
    padding-right: .2rem
}

.mr-l5 {
    margin-left: .1rem
}

.mr-l10 {
    margin-left: .2rem
}

.mr-l15 {
    margin-left: .3rem
}

.mr-r10 {
    margin-right: .2rem
}

.mr-t5 {
    margin-top: .1rem
}

.mr-t10 {
    margin-top: .2rem
}

.mr-t15 {
    margin-top: .3rem
}

.mr-t20 {
    margin-top: .4rem
}

.mr-t30 {
    margin-top: .6rem
}

.mr-b10 {
    margin-bottom: .2rem
}

.e-border-b:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #d8d8d8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.space5 {
    height: .1rem;
    clear: both
}

.space10 {
    height: .2rem;
    clear: both
}

.space15 {
    height: .3rem;
    clear: both
}

.space20 {
    height: .4rem;
    clear: both
}

.space30 {
    height: .6rem;
    clear: both
}

.w33 {
    width: 33%
}

.w38 {
    width: 38%
}

.w90 {
    width: 90%
}

.w100 {
    width: 100%
}

.w320 {
    width: 6.4rem;
    margin: 0 auto
}

.fblod {
    font-weight: 700
}

.font16 {
    font-size: .32rem !important;
    color: #f9339b;
    font-weight: 700
}

.font16w {
    font-size: .32rem
}

.font14 {
    font-size: .28rem
}

.font10 {
    font-size: .2rem
}

.font11 {
    font-size: .22rem
}

.fontstyle {
    text-decoration: line-through
}

.alignc {
    text-align: center
}

.m0a {
    margin: 0 auto
}

.hide {
    display: none
}

.compadding, .p14 {
    padding: 0 .16rem
}

.prf05 {
    padding: 0 .1rem
}

.pb5 {
    padding-bottom: .1rem
}

.font12 {
    font-size: .24rem
}

.bg_blue {
    background-color: #2682e0;
    padding: .06rem .1rem;
    color: #fff;
    border-radius: .04rem
}

.bg_dark {
    background-color: #000;
    padding: 0 5px;
    color: #fff;
    border-radius: 2px;
    margin: 0 5px
}

.bg_white {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001
}

.u-icon {
    display: inline-block;
    background: url(../images/common/5f6a7cb265.icon_sprite.png?20150527) no-repeat;
    background-size: 4.5rem
}

.u-icon-px {
    display: inline-block;
    background: url(../images/common/5f6a7cb265.icon_sprite.png?20150527) no-repeat;
    background-size: 225px
}

.u-d-icon {
    width: 2.8rem;
    height: 2.8rem;
    background: url(../images/common/e63d21140e.default_sprite.png) no-repeat;
    background-size: 2.8rem
}

.row {
    margin-left: -10px;
    *zoom: 1
}

.row:after, .row:before {
    display: table;
    line-height: 0;
    content: ""
}

.row:after {
    clear: both
}

.row-fluid {
    width: 100%;
    *zoom: 1
}

.row-fluid:after, .row-fluid:before {
    display: table;
    line-height: 0;
    content: ""
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid .span4 {
    width: 33.33333%
}

.row-fluid .span5 {
    width: 50%
}

.row-fluid .span6 {
    width: 54.53125%
}

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

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

.container:after {
    clear: both
}

[class*=" icon-"], [class*=" i-icon-"], [class^=i-icon-], [class^=icon-] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 0;
    margin-right: 5px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../images/common/cb31f4d425.flowicon.png?20140919);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 200px
}

[class*=" i-icon-"], [class^=i-icon-] {
    background-image: url(../images/common/bab99448c4.indexicon.png?20141027);
    background-size: 225px
}

.icon-radio {
    width: 15px;
    height: 15px;
    background-position: 0 -120px
}

.icon-radio-active, .icon-radio.active {
    background-position: 0 -100px
}

.icon-check {
    width: 18px;
    height: 18px;
    background-position: 0 -140px
}

.icon-check-active, .icon-check.active {
    background-position: 0 -160px
}

.icon-pay {
    background-position: 0 -50px
}

.icon-money {
    background-position: 0 -76px
}

.icon-seleted {
    background-position: -15px 0
}

.icon-square {
    background-position: -120px -178px
}

.i-icon-cart {
    background-position: -115px -120px
}

.i-icon-cart-black {
    width: 18px;
    height: 18px;
    background-position: -2px -120px
}

.i-clock-white {
    width: .24rem;
    height: .24rem;
    background-position: -2.6rem -1rem
}

.i-icon-clock {
    background-position: -115px -95px
}

.i-icon-clock-red {
    background-position: -132px -94px
}

.i-icon-tips {
    width: 22px;
    height: 22px;
    margin: -2px 10px 0 0;
    border-radius: 50%;
    background-position: -30px -93px;
    background-color: #F1519E
}

.i-icon-arrow-right {
    background-position: -82px -65px
}

.i-icon-arrow-down {
    width: 16px;
    background-position: -96px -62px
}

.i-icon-arrow-up {
    background-position: -96px -80px
}

.i-icon-check-ok {
    background-position: 0 0
}

.i-icon-check-ok.active {
    background-position: 0 -25px
}

.i-icon-remove {
    background-position: -26px -140px
}

.i-icon-return {
    width: 17px;
    background-position: -20px -175px
}

[class*=" ico-"], [class*=" ico-pay-"], [class^=ico-], [class^=ico-pay-] {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin-top: 0;
    margin-right: .1rem;
    *margin-right: .3rem;
    line-height: .46rem;
    vertical-align: text-top;
    background: url(../images/common/5f6a7cb265.icon_sprite.png?20150527) no-repeat;
    background-size: 225px
}

[class*=" ico-pay-"], [class^=ico-pay-] {
    width: .46rem;
    height: .46rem
}

.ico-pay-cmb, .ico-pay-icbc {
    background-image: url(../images/common/eee2eceb1c.payicon.png?20140815);
    background-size: 200px
}

.ico-radio {
    background-position: 0 -3.1rem
}

.available .ico-radio, .ico-radio.active {
    background-position: -.4rem -3.1rem
}

.ico-check {
    width: .36rem;
    height: .36rem;
    background-position: -.8rem -3.1rem
}

.ico-check-active, .ico-check.active {
    background-position: -1.2rem -3.1rem
}

.ico-pay-walleticon {
    width: .49rem;
    background-position: -4rem -2rem
}

.ico-pay-cash {
    background-position: -4rem -1rem
}

.ico-pay-pos {
    background-position: -4rem 0
}

.ico-pay-zfbapp {
    background-position: -4rem -.5rem
}

.ico-pay-bankcard {
    margin-top: .02rem;
    background-position: -4rem -1.5rem;
    width: .48rem;
    height: .36rem
}

.ico-pay-weixin {
    background-position: -4rem -2.5rem
}

.ico-pay-ccblogo {
    background-position: -4rem -3rem
}

.ico-pay-zfbwap {
    background-position: 0 -160px
}

.ico-pay-cmb {
    background-position: -48px -99px;
    width: 74px
}

.ico-pay-icbc {
    background-position: -50px -68px;
    width: 98px
}

.ico-pay-h5pay {
    background-position: -3.5rem 0
}

.ico-pay-qqwallet {
    width: .48rem;
    height: .48rem;
    background-position: -3.5rem -1rem
}

.ico-pay-weixinapp {
    width: .46rem;
    height: .46rem;
    background-position: -4rem -2.5rem
}

.i-d-success {
    display: block;
    width: .98rem;
    height: .98rem;
    background-position: 0 -3rem
}

.i-d-fail {
    display: block;
    width: .86rem;
    height: .86rem;
    margin-top: .08rem;
    background-position: 0 -7rem
}

.i-d-hourglass {
    display: block;
    width: .56rem;
    height: .78rem;
    margin-top: .14rem;
    background-position: -2rem -3rem
}

.i-vip {
    width: 41px;
    height: 41px;
    background-position: -100px -175px
}

.i-arrow-right-gray {
    width: .12rem;
    height: .2rem;
    background-position: -1.63rem -2rem
}

.i-delete-text {
    position: absolute;
    display: block;
    right: 3px;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
    z-index: 10;
    padding: 10px;
    width: 16px
}

.i-delete-text .i-icon-remove {
    width: 16px;
    height: 16px
}

.form .uneditable-input, .form input[type=color], .form input[type=date], .form input[type=datetime-local], .form input[type=datetime], .form input[type=email], .form input[type=month], .form input[type=number], .form input[type=password], .form input[type=search], .form input[type=tel], .form input[type=text], .form input[type=time], .form input[type=url], .form input[type=week], .form select, .form textarea {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.form input, .form textarea, .uneditable-input {
    width: 206px
}

.form textarea {
    height: auto
}

.form .uneditable-input, .form input[type=color], .form input[type=date], .form input[type=datetime-local], .form input[type=datetime], .form input[type=email], .form input[type=month], .form input[type=number], .form input[type=password], .form input[type=search], .form input[type=tel], .form input[type=text], .form input[type=time], .form input[type=url], .form input[type=week], .form textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form .uneditable-input:focus, .form input[type=color]:focus, .form input[type=date]:focus, .form input[type=datetime-local]:focus, .form input[type=datetime]:focus, .form input[type=email]:focus, .form input[type=month]:focus, .form input[type=number]:focus, .form input[type=password]:focus, .form input[type=search]:focus, .form input[type=tel]:focus, .form input[type=text]:focus, .form input[type=time]:focus, .form input[type=url]:focus, .form input[type=week]:focus, .form textarea:focus {
    border-color: rgba(240, 35, 135, .8);
    outline: 0
}

.form input[type=checkbox], .form input[type=radio] {
    margin: 2px 0 0;
    *margin-top: 0;
    line-height: normal
}

.form input[type=button], .form input[type=checkbox], .form input[type=file], .form input[type=image], .form input[type=radio], .form input[type=reset], .form input[type=submit] {
    width: auto
}

.form input[type=file], .form select {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px
}

.form select {
    width: 220px;
    background-color: #fff;
    border: 1px solid #ccc
}

.form select[multiple], .form select[size] {
    height: auto
}

.form input[type=checkbox]:focus, .form input[type=file]:focus, .form input[type=radio]:focus, .form select:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.form .uneditable-input, .form .uneditable-textarea {
    color: #999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025)
}

.form .uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.form .uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

.checkbox, .radio {
    min-height: 20px;
    padding-left: 20px
}

.checkbox input[type=checkbox], .radio input[type=radio] {
    float: left;
    margin-left: -20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.controls > .checkbox:first-child, .controls > .radio:first-child {
    padding-top: 5px
}

.checkbox.inline, .radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.checkbox.inline + .checkbox.inline, .radio.inline + .radio.inline {
    margin-left: 10px
}

.input-append, .input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle
}

.input-append .dropdown-menu, .input-append .popover, .input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .dropdown-menu, .input-prepend .popover, .input-prepend .uneditable-input, .input-prepend input, .input-prepend select {
    font-size: 14px
}

.input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .uneditable-input, .input-prepend input, .input-prepend select {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-append .uneditable-input:focus, .input-append input:focus, .input-append select:focus, .input-prepend .uneditable-input:focus, .input-prepend input:focus, .input-prepend select:focus {
    z-index: 2
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc
}

.input-append .add-on, .input-append .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .btn-group > .dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-append .active, .input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546
}

.input-prepend .add-on, .input-prepend .btn {
    margin-right: -1px
}

.input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .add-on:first-child, .input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append .uneditable-input + .btn-group .btn:last-child, .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
    margin-left: -1px
}

.input-append .add-on:last-child, .input-append .btn-group:last-child > .dropdown-toggle, .input-append .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .uneditable-input, .input-prepend.input-append input, .input-prepend.input-append select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend.input-append .uneditable-input + .btn-group .btn, .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%
}

.table td, .table th {
    padding: 5px 0;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table th {
    font-weight: 700
}

.table thead th {
    vertical-align: bottom
}

.table caption + thead tr:first-child td, .table caption + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child td, .table thead:first-child tr:first-child th {
    border-top: 0
}

.table tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table-bordered td, .table-bordered th {
    border-left: 1px solid #ddd
}

.table-bordered caption + tbody tr:first-child td, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + thead tr:first-child th, .table-bordered tbody:first-child tr:first-child td, .table-bordered tbody:first-child tr:first-child th, .table-bordered thead:first-child tr:first-child th {
    border-top: 0;
    background-color: #f0f0f0
}

.table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered thead:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered thead:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px
}

.table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child, .table-bordered thead:last-child tr:last-child > th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px
}

.table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child, .table-bordered thead:last-child tr:last-child > th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0
}

.table-bordered caption + tbody tr:first-child td:first-child, .table-bordered caption + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered caption + tbody tr:first-child td:last-child, .table-bordered caption + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px
}

.navbar {
    position: relative;
    z-index: 1000;
    min-height: .88rem;
    margin-bottom: 20px
}

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

.navbar:after {
    clear: both
}

.navbar-header:after, .navbar-header:before {
    display: table;
    content: " "
}

.navbar-header:after {
    clear: both
}

.navbar-default {
    position: relative;
    background-color: rgba(255, 255, 255, .95)
}

.navbar-default:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #a7a7aa;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    border-width: 0 0 1px
}

.navbar-fixed-top {
    top: 0;
    z-index: 1030
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0
}

.navbar-brand {
    float: right;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
    position: relative
}

.navbar-mask {
    display: inline-block;
    *display: inline;
    width: 100%;
    height: 30px;
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    padding: 10px 0 0;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: rgba(255, 255, 255, .4);
    *background-color: #efefef;
    vertical-align: middle
}

.nav-current-box {
    padding: 10px
}

.nav-current-box .navbar-header {
    float: left
}

.nav {
    margin-left: 0;
    list-style: none
}

.nav > li > a {
    display: block
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none
}

.nav > li > a > img {
    max-width: none
}

.nav > .pull-right {
    float: right
}

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    text-transform: uppercase
}

.nav li + .nav-header {
    margin-top: 9px
}

.nav-group {
    padding-left: 0;
    margin-bottom: 20px
}

.nav-group-list {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #fff
}

.nav-group-list:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.nav-group-list:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.nav-group-list > .badge {
    float: right
}

.nav-group-list > .badge + .badge {
    margin-right: 5px
}

.nav-list-sidenav {
    padding: 0
}

.nav-list-sidenav > li {
    margin: 0;
    padding: 15px 10px;
    font-size: 14px
}

.nav-list-sidenav > li > [class^=icon-] {
    margin-top: 2px;
    float: left
}

.nav-list-sidenav > li > [class^=icon-pay-] {
    margin-top: -4px;
    float: left
}

.nav-list-sidenav > li > .i-icon-arrow-down {
    float: right;
    margin-right: 0
}

.nav-list-sidenav > li > .pull-right {
    float: right
}

.nav-list {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0
}

.nav-list > li {
    margin-right: -15px;
    margin-left: -15px;
    padding: 8px 15px
}

.nav-list > .active > a, .nav-list > .active > a:focus, .nav-list > .active > a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #08c
}

.nav-list [class*=" icon-"], .nav-list [class^=icon-] {
    margin-right: 2px
}

.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
    color: #b94a48
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #b94a48
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #ff7ac0
}

.control-group.error .input-append .add-on, .control-group.error .input-prepend .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.reg-mobile-box .error {
    font-size: .24rem
}

.form-horizontal .help-inline, .form-horizontal .input-append, .form-horizontal .input-prepend, .form-horizontal .uneditable-input, .form-horizontal input, .form-horizontal select, .form-horizontal textarea, .form-inline .help-inline, .form-inline .input-append, .form-inline .input-prepend, .form-inline .uneditable-input, .form-inline input, .form-inline select, .form-inline textarea, .form-search .help-inline, .form-search .input-append, .form-search .input-prepend, .form-search .uneditable-input, .form-search input, .form-search select, .form-search textarea {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom: 1
}

.form-horizontal .control-group {
    margin-bottom: 5px;
    *zoom: 1
}

.form-horizontal .control-group:after, .form-horizontal .control-group:before {
    display: table;
    line-height: 0;
    content: ""
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 70px;
    padding-top: 7px;
    text-align: right
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 80px;
    *margin-left: 0
}

.form-horizontal .controls:first-child {
    *padding-left: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal .input-append + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
    margin-top: 10px
}

.form-horizontal .form-actions {
    padding-left: 180px
}

.panel {
    margin: 0 0 10px;
    background-color: #fff;
    border: 1px solid transparent;
    overflow: hidden
}

.panel-heading {
    padding: 7px 10px;
    border-bottom: 1px solid transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f3f3f3');
    background: -ms-linear-gradient(top, #f8f8f8, #f3f3f3);
    background: -moz-linear-gradient(top, #f8f8f8, #f3f3f3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f3f3f3))
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .28rem;
    color: #333
}

.panel-title > a {
    color: inherit
}

.panel-title .tips {
    float: right;
    font-size: .24rem;
    color: #e4007f
}

.panel-body:after, .panel-body:before {
    display: table;
    content: " "
}

.panel-body:after {
    clear: both
}

.panel-default {
    border-color: #E5E5E5
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #E5E5E5
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd
}

.panel-forms {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: 0 0
}

.panel-forms > .panel-heading {
    padding: 10px 15px;
    border: none;
    background: 0 0
}

.panel-forms .panel-title {
    line-height: 15px;
    text-indent: 4px;
    border-left: #f02387 2px solid
}

.panel-forms > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #428bca
}

.panel-forms > .panel-heading .badge {
    color: #428bca;
    background-color: #fff
}

.panel-forms > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #428bca
}

.panel-forms .uneditable-input, .panel-forms input[type=color], .panel-forms input[type=date], .panel-forms input[type=datetime-local], .panel-forms input[type=datetime], .panel-forms input[type=email], .panel-forms input[type=month], .panel-forms input[type=number], .panel-forms input[type=password], .panel-forms input[type=search], .panel-forms input[type=tel], .panel-forms input[type=text], .panel-forms input[type=time], .panel-forms input[type=url], .panel-forms input[type=week], .panel-forms select, .panel-forms textarea {
    width: 100%;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    background: 0 0
}

.panel-forms .nav-list li {
    position: relative;
    margin-bottom: 0;
    padding: 8px 15px;
    font-size: 14px;
    cursor: pointer
}

.panel-forms .nav-list .control-text {
    background: 0 0;
    border: none;
    cursor: default
}

.panel-forms .control-label {
    width: 60px;
    text-align: left;
    padding-top: 4px;
}

.panel-forms .controls {
    margin-left: 60px
}

.panel-group {
    margin: 0 0 10px;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.panel-group .panel-heading {
    padding: 10px 5px;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: 0 0
}

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

.Origin span, .Qicon, .btn_story span, .cart_heart span, .carticon, .check_arrow, .clockicon, .clockicon2, .clockicon3, .condition_delete, .down_arrow, .down_arrow_v, .fav_num i, .freegclock span.count, .i_add, .i_clock, .i_hook, .i_quality, .icon_addr, .icon_msg, .icon_p, .icon_up_more, .in_close, .input_reset, .layer_close span i, .predown:before, .recommend .content .discount:after, .rightrow, .s_links a em.s_qua, .s_links a em.s_sev, .s_links a em.s_tel, .s_links a span, .sercon li em, .suppliers_send span, .t_links li a span, .ui-modal-fade, .up_arrow, .up_arrow_v, em.s_mes, em.s_show, em.sm, span.hj {
    background: url(../images/common/bab99448c4.indexicon.png?20141027) no-repeat;
    background-size: 225px
}

.a_coll, .addr_ope a span, .b_coll, .bb_top_tip, .booked em, .changeaddr, .check-box, .check-selted, .checktit span, .dateheart, .drop_cate li.active span.u-select, .in_return i.seleted, .introduce span, .moreimg, .nonsupport span, .pretit:before, .r_b_notice:before, .radio-box, .s_onsale, .sbooked, .selected_addr span.sele_addr, .selted_size span, .userhead, .viphead, a.add-collect .addBtn, a.add-collect .reduceBtn {
    background: url(../images/common/cb31f4d425.flowicon.png?20140919) no-repeat;
    background-position: 0 0;
    background-size: 200px
}

.u-header {
    position: relative;
    z-index: 110;
    width: 100%;
    height: 44px;
    padding: 0;
    font-size: 18px;
    line-height: 44px;
    color: #555;
    text-align: center;
    background: #fbfbfa
}

.u-header:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #dedede;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-hd-logolocation {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -49.5px;
    height: 44px
}

.u-hd-logo {
    margin: 14px 5px 0 15px
}

.u-hd-location {
    float: left;
    height: 44px;
    font-size: 14px
}

.u-hd-location a {
    display: inline-block;
    margin-top: 18px;
    line-height: 1
}

.u-hd-location span {
    margin-left: 3px
}

.u-hd-left a, .u-hd-right a {
    display: block;
    padding: 0 10px 10px
}

.u-hd-right a {
    position: relative
}

.u-hd-left a em, .u-hd-right a em {
    position: absolute;
    width: .24rem;
    height: .24rem;
    right: 4px;
    top: -2px;
    border-radius: .12rem;
    background-color: #e60085;
    color: #fff;
    text-align: center;
    line-height: .24rem;
    font-size: .2rem;
    font-style: normal
}

.u-hd-tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .88rem;
    text-align: center;
    pointer-events: none
}

.u-hd-nav, .u-hd-tit span {
    display: inline-block;
    width: 4.4rem;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.e-hd-fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.i-hd-back, .i-hd-cart, .i-hd-history, .i-hd-home, .i-hd-logn, .i-hd-reddot, .i-hd-search {
    display: block
}

.i-hd-logn {
    position: relative;
    width: 21px;
    height: 20px;
    margin-top: 13px;
    background-position: 0 0
}

.i-hd-reddot {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 8px;
    height: 8px;
    background-position: -100px -25px
}

.i-hd-cart {
    width: 22px;
    height: 21px;
    margin-top: 11.5px;
    background-position: 0 -25px
}

.i-hd-back {
    width: 11px;
    height: 19px;
    margin-top: 14px;
    background-position: -75px -25px
}

.i-hd-home {
    width: 23px;
    height: 22px;
    margin-top: 11px;
    background-position: -125px 0
}

.i-hd-history {
    width: 24px;
    height: 21px;
    margin-top: 11.5px;
    background-position: -50px -25px
}

.i-hd-search {
    width: 23.5px;
    height: 20px;
    margin-top: 13px;
    background-position: -25px 0
}

.i-logo {
    display: block;
    width: 69px;
    height: 19px;
    background-position: -50px 0
}

.i-arrow-up {
    display: inline-block;
    width: 8.5px;
    height: 5px;
    background-position: -25px -35px
}

.i-arrow-down {
    display: inline-block;
    width: 8.5px;
    height: 5px;
    background-position: -25px -25px
}

.i-arrow-right {
    width: 10px;
    height: 16px;
    background-position: -87.5px -100px
}

.e-channel-header {
    position: relative;
    padding: 5px 0;
    color: #555;
    background: #fff
}

.e-channel-location {
    max-width: 640px;
    margin: 0 auto;
    text-indent: 15px
}

.u-hd-nav .search_nav {
    width: 160px;
    height: 28px;
    margin: 7px auto;
    border: 1px solid #222;
    border-radius: 3px;
    overflow: hidden
}

.u-hd-nav .search_nav li {
    float: left;
    width: 80px;
    line-height: 28px;
    font-size: 14px
}

.u-hd-nav .search_nav li a {
    display: block;
    color: #222;
    background-color: #fbfbfa
}

.u-hd-nav .search_nav li.active a {
    color: #fff;
    background-color: #222
}

.u-nav {
    width: 100%;
    background: #39424a
}

.u-nav ul {
    padding: 7px 0;
    width: 100%;
    font-size: 0;
    text-align: center;
    display: block
}

.u-nav ul li {
    position: relative;
    width: 16%;
    display: inline-block;
    text-align: center
}

.u-nav ul li.num08 {
    width: 12.5%
}

.u-nav ul li.num07 {
    width: 14.2%
}

.u-nav ul li.num06 {
    width: 16.6%;
    float: left
}

.u-nav ul li.num05 {
    width: 19%
}

.u-nav ul li.num04 {
    width: 24%
}

.u-nav ul li.num03 {
    width: 33%
}

.u-nav ul li.num02 {
    width: 49%
}

.u-nav ul li a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    border-right: 1px solid #4a5259;
    color: #cfd3da
}

.u-nav ul li:last-child a {
    border-right: none
}

.u-nav ul li a span {
    padding: 4px 0;
    position: relative
}

.u-nav ul li a.nav_current span {
    border-bottom: #f02387 .04rem solid;
    padding: 2px 3px;
    position: relative;
    color: #fff
}

.nav-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100
}

.u-adbanner {
    text-align: center;
    margin: 0 auto;
    min-width: 6.4rem;
    max-width: 10.8rem;
    position: relative;
    z-index: 1
}

.u-adbanner-cont {
    margin: 0 auto
}

.u-adbanner-cont li {
    width: 100%;
    text-align: center;
    font-family: georgia;
    font-size: .36rem;
    line-height: 1.4
}

.u-adbanner-cont li a {
    display: block
}

.u-adbanner-cont li img {
    width: 100%;
    display: block
}

.u-imgcount {
    position: absolute;
    right: .16rem;
    bottom: 0;
    display: block;
    width: 3rem;
    line-height: .36rem;
    text-align: right
}

.u-imgcount em {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .08rem;
    font-style: normal;
    font-family: sans-serif;
    overflow: hidden;
    background: rgba(94, 98, 114, .6);
    border: .02rem solid rgba(255, 255, 255, .6);
    border-radius: 50%
}

.u-imgcount em.on {
    background: #000;
    border: .02rem solid #fff
}

.u-module {
    background-color: #fff
}

.u-module-tit {
    width: 100%;
    padding: .34rem 0 .08rem;
    font-size: .32rem;
    color: #000;
    text-align: center;
    line-height: 1
}

.u-brand-list {
    max-width: 12.8rem;
    margin: 0 auto .2rem;
    background-color: #fff
}

.u-brand {
    width: auto;
    margin-top: .12rem
}

.u-brand a {
    display: block
}

.u-brand-pic {
    width: 100%;
    height: 0;
    padding-bottom: 47.8476%;
    overflow: hidden
}

.u-brand-pic img {
    width: 100%
}

.u-brand-pms {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 93.75%;
    height: .48rem;
    padding: 0 3.125%;
    font-size: .26rem;
    line-height: .48rem;
    color: #39424a;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    background-color: rgba(255, 255, 255, .9)
}

.u-brand-mark {
    position: absolute;
    left: .14rem;
    top: .9rem
}

.u-brand-msg {
    position: relative;
    height: .82rem;
    width: 93.75%;
    padding: 0 3.125%;
    font-size: .32rem;
    color: #000;
    line-height: .82rem
}

.u-brand-name {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.u-brand-discount {
    margin-right: .2rem;
    color: #e4007f
}

.u-brand-time {
    font-size: .28rem;
    color: #a0a0a0
}

.u-timemsg {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 2px 4px
}

.u-beauty-tit {
    width: 100%;
    max-width: 12.8rem;
    height: 0;
    margin: .2rem auto .1rem;
    padding-bottom: 4.8%;
    background: url(../images/common/119408f19f.beauty_tit.png) no-repeat;
    background-size: 100%
}

.u-pro-brandmsg {
    width: 100%;
    padding: .1rem 0;
    font-size: .24rem;
    line-height: .5rem;
    color: #999
}

.u-pro-brandmsg .inner {
    margin: 0 .2rem
}

.u-pro-brandmsg .i-clock-white {
    position: absolute;
    top: .12rem;
    left: -.34rem
}

.u-classify-result {
    width: 6rem;
    margin: 0 auto;
    padding: .1rem 0 .2rem
}

.u-classify-size p {
    line-height: .24rem;
    color: #585c64;
    float: left
}

.markprice {
    float: left;
    text-decoration: line-through;
    font-size: .18rem;
    color: #888;
    padding-left: .1rem
}

.discount {
    height: .28rem;
    background-color: #000;
    color: #fff;
    padding: 0 .08rem;
    font-size: .2rem;
    line-height: .28rem
}

.not_discount {
    background-color: #ee539d
}

.u-pms-msg {
    width: 55%;
    color: #e80080
}

@media screen and (max-width: 330px) {
    .u-pms-msg {
        width: 50%
    }
}

.u-pms-msg p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.suppliers_send {
    color: #3e3e3e
}

.preItem .suppliers_sennew_shop_listd {
    line-height: 16px;
    max-height: 32px;
    overflow: hidden
}

.suppliers_send span {
    float: left;
    display: block;
    width: 7px;
    height: 11px;
    margin: 2px 2px 0 0;
    background-position: -85px -83px
}

.sup_brand {
    position: relative;
    background: rgba(255, 255, 255, .8);
    color: #242424;
    padding: 2px 4px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.u-pro-list {
    text-align: center;
    max-width: 12.8rem;
    padding: 0 .1rem;
    margin: 0 auto
}

.u-pro-list dl {
    position: relative;
    width: 50%;
    margin-bottom: .5rem;
    background: #fff;
    box-sizing: border-box
}

.u-pro-list dl:nth-child(odd) {
    float: left;
    padding-right: .05rem
}

.u-pro-list dl:nth-child(even) {
    float: right;
    padding-left: .05rem
}

.u-pro-list dl dt {
    position: relative;
    margin-bottom: .14rem
}

.u-pro-list dl dt.pic {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 126.3829%;
    border: 1px solid #efefef;
    box-sizing: border-box
}

.u-pro-list dl dt.pic img {
    width: 100%;
    height: auto;
    background: url(../images/common/b1e7d8066b.loading_goods.png);
    background-size: 100%
}

.u-pro-list dl dd {
    padding: 0 .1rem
}

.u-pro-savetips {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .4rem;
    font-size: .22rem;
    line-height: .4rem;
    color: #fff;
    text-align: left;
    text-indent: .1rem;
    background-color: rgba(0, 0, 0, .9)
}

.u-pro-prepaytips {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: .4rem;
    text-align: left;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    font-size: .24rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    padding: 0 .1rem
}

.pricebox {
    line-height: 16px;
    margin-bottom: 5px
}

.b_goods_name {
    height: .68rem;
    font-size: .24rem;
    line-height: .34rem;
    color: #000;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all
}

.b_goods_name.double_row {
    height: 40px;
    line-height: 20px
}

.grallyprice {
    font-family: Arial, Helvetica, sans-serif;
    color: #e80080;
    font-size: .28rem
}

.grallyprice img {
    height: .24rem;
    margin-top: -.06rem
}

.markprice img {
    height: .16rem;
    margin: -.04rem 0 0 .02rem
}

.web_price {
    color: #b1b1b1
}

.u-pro-list dl dt.pic .u-pro-savetips img {
    display: inline-block;
    width: auto;
    height: .2rem;
    margin-top: -.04rem;
    background: 0 0
}

.b_goods_name .icon_offer {
    margin-right: 3px;
    padding: 1px 4px;
    color: #fff;
    background-color: #ecba22
}

.b_goods_name .icon_redpackage {
    margin-right: 5px;
    padding: 1px 4px;
    color: #fff;
    background-color: #f04f29
}

.i-radio {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
    vertical-align: top;
    background-position: 0 -3.1rem
}

.available .i-radio, .i-radio.active {
    background-position: -.4rem -3.1rem
}

.i-sort {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    margin-right: .1rem;
    background-position: .02rem -3.5rem
}

.i-classify {
    display: inline-block;
    width: .23rem;
    height: .24rem;
    margin-right: .1rem;
    background-position: -.66rem -3.5rem
}

.active .i-sort {
    background-position: .02rem -3.5rem
}

.active .i-classify {
    background-position: -.92rem -3.5rem
}

.select .i-classify {
    background-position: -1.53rem -3.5rem
}

.drop_sort {
    position: absolute;
    left: 0;
    top: 35px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    background: #fff;
    text-align: center;
    width: 100%;
    z-index: 100;
    line-height: 33px
}

.thumb-mode li .drop_sort a {
    float: left;
    display: block;
    font-size: 14px;
    color: #9f9f9f;
    text-shadow: none;
    width: 33.3%;
    text-align: center;
    margin: 0;
    border: none
}

.drop_sort a.cur span {
    color: #f13593;
    border-bottom: #f13593 2px solid;
    padding: 3px 0
}

.drop_sort em {
    display: block;
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -4px;
    border: 4px solid #000;
    border-color: transparent transparent #fff
}

.classify .drop_sort em {
    left: 25%
}

.pro-detail-box, .product-list-box, .u-index {
    background-color: #fff
}

.u-pro-box-wrap {
    display: block
}

.u-pro-box {
    display: block;
    max-width: 12.8rem;
    margin: 0 auto
}

.u-pro-list.e-brand-box {
    position: relative;
    padding: 0 .06rem;
    margin: .3rem auto;
    background-color: #fff
}

.u-pro-list.e-brand-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c4c4c4;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-pro-list.e-brand-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #c4c4c4;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.e-brand-box .u-title {
    height: 1.06rem;
    line-height: 1.06rem;
    color: #000;
    text-align: left;
    padding: .1rem .06rem
}

.e-brand-box .u-title .u-name {
    float: left;
    width: 43%;
    margin-left: .1rem;
    font-size: .32rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.e-brand-box .u-title .u-count {
    float: right;
    display: block;
    width: 15%;
    font-size: .24rem;
    text-align: right
}

.e-brand-box .u-title .i-arrow-right-gray {
    float: right;
    margin: .4rem .06rem 0 .1rem
}

.e-brand-box .u-logo {
    float: left;
    margin: .04rem .1rem 0 0;
    width: 2rem;
    display: inline-block
}

.e-brand-box .btn-more {
    display: block;
    width: 68.75%;
    height: .74rem;
    margin: .2rem auto 0;
    font-size: .28rem;
    line-height: .74rem;
    color: #e4007f;
    border: 1px solid #e4007f;
    border-radius: 4px
}

.u-pro-list.e-brand-box dl {
    width: 33.33%;
    float: left;
    padding: 0 .06rem;
    margin-bottom: 0
}

.u-pro-list.e-brand-box .grallyprice {
    font-size: .26rem;
    font-weight: 700;
    line-height: .36rem
}

.u-pro-list.e-brand-box .pricebox {
    margin-bottom: .18rem
}

.u-cart-tit {
    position: relative;
    padding: .27rem 0;
    margin: 0 .2rem;
    font-size: .26rem;
    color: #000
}

.u-cart-history {
    padding: .02rem 0 .2rem
}

.u-cart-history .seldout {
    margin: -.504rem 0 0 -.504rem;
    width: 1.08rem;
    height: 1.08rem;
    line-height: 1.08rem;
    border-radius: .54rem
}

.u-cart-history li {
    position: relative;
    width: auto;
    height: 1.78rem;
    margin: .2rem .2rem 0
}

.u-cart-history li.saling {
    color: #000
}

.u-cart-history li.saleout p {
    color: #999
}

.u-cart-history li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px dashed #d0d0d0;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-cart-history li:last-child:after {
    content: "";
    border: none;
    pointer-events: none
}

.u-carted-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.2rem
}

.u-carted-pic img {
    max-width: 100%
}

.u-carted-detail {
    width: 47%;
    margin-left: 1.4rem;
    line-height: 18px
}

.u-carted-detail .u-name {
    width: 100%;
    height: .64rem;
    font-size: .26rem;
    line-height: .32rem;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all
}

.u-carted-detail .u-place {
    width: 100%;
    margin-top: .19rem;
    font-size: .24rem;
    line-height: .24rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.u-carted-detail .u-size {
    width: 100%;
    margin-top: .2rem;
    font-size: .24rem;
    line-height: .24rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.u-carted-pricemsg {
    position: absolute;
    right: 0;
    top: 0;
    width: 26%;
    text-align: right
}

.u-carted-pricemsg .u-price {
    width: 100%;
    font-size: .26rem;
    line-height: .26rem;
    font-weight: 700;
    color: #e4007f
}

.u-carted-pricemsg .u-original_price {
    width: 100%;
    margin-top: .12rem;
    font-size: .2rem;
    line-height: .2rem;
    color: #999;
    text-decoration: line-through
}

.u-cart-rebuy {
    position: absolute;
    right: 0;
    bottom: .26rem;
    cursor: pointer
}

.u-cart-rebuy a {
    display: block;
    padding: .14rem .26rem;
    font-size: .26rem;
    color: #e4007f;
    border: 1px solid #e4007f;
    border-radius: .08rem
}

.u-cart-rebuy a.disabled {
    color: #999;
    border-color: #999
}

.lmask {
    display: inline-block;
    *display: inline;
    padding: .14rem .26rem 0;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 20;
    bottom: 0;
    right: 0;
    width: 56px;
    height: 28px;
    background-color: rgba(255, 255, 255, .4);
    *background-color: #efefef
}

.null_histiry {
    padding: 40px 0;
    text-align: center
}

.null_histiry .null_text {
    font-size: 15px;
    margin-top: 15px;
    color: #898989
}

.null_histiry .goindex {
    display: inline-block;
    width: 302px;
    margin-top: 50px;
    font-size: 15px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #ed2b87;
    color: #fff
}

.u-htTips {
    height: .62rem;
    font-size: .24rem;
    line-height: .62rem;
    color: #3d425a;
    text-indent: .2rem;
    background-color: #fff
}

.u-htTips i {
    display: inline-block;
    width: .1rem;
    height: .1rem;
    margin-right: .2rem;
    background-color: #e4007f;
    vertical-align: middle;
    transform: rotate(45deg)
}

.u-cardbox, .u-couponbox, .u-infobox, .u-paybox, .u-paytotlebox {
    border: none;
    margin-bottom: 0
}

.u-checkout.container {
    margin-bottom: 2.4rem;
    padding: 0
}

.u-cardbox .panel-heading, .u-paybox .panel-heading, .u-paytotlebox .panel-heading {
    background: 0 0;
    background-color: #e8e8e8;
    padding: .3rem .2rem
}

.u-cardbox .panel-title, .u-paybox .panel-title, .u-paytotlebox .panel-title {
    color: #585c64
}

.u-paybox .panel-title .pay-tips {
    margin-left: .2rem;
    font-size: .24rem;
    color: #a0a0a0
}

.u-paybox {
    margin-bottom: .3rem
}

.u-infobox {
    background-color: #3d425a;
    margin-bottom: 10px
}

.u-infobox .title {
    padding: .3rem .2rem;
    font-size: .26rem;
    color: #fff
}

.u-infobox .title p {
    color: #fff
}

.u-infobox .title .c-red {
    color: #e80080
}

.u-infobox .title a {
    display: block;
    position: relative
}

.u-infobox .title .i-icon-arrow-down, .u-infobox .title .i-icon-arrow-right {
    float: right;
    margin-right: 0
}

.u-infobox .info-address {
    border-bottom: .02rem solid #282b3b
}

.u-infobox .info-address .title {
    padding: .3rem .2rem;
    font-size: .26rem;
    border: none
}

.u-infobox .info-address .icon-radio {
    margin-top: .3rem
}

.u-infobox .info-address .i-icon-arrow-right {
    position: absolute;
    top: 50%;
    right: -.04rem;
    margin-top: -.14rem
}

.u-infobox .info-time .nav-list-sidenav li {
    padding: .3rem 0;
    background-color: #fff;
    border-bottom: .02rem solid #cccbcf
}

.u-infobox .info-time .nav-list-sidenav li > [class*=" ico-"], .u-infobox .info-time .nav-list-sidenav li > [class^=ico-] {
    float: left;
    margin: .04rem .2rem 0
}

.u-infobox .info-time .nav-list-sidenav li.add-address a:focus, .u-infobox .info-time .nav-list-sidenav li.add-address a:hover {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.u-infobox .u-name {
    margin-bottom: .2rem;
    font-size: .3rem;
    line-height: .3rem
}

.u-infobox .u-address {
    padding-right: .6rem;
    font-size: .26rem;
    line-height: .34rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.u-cardbox {
    margin-bottom: 10px
}

.u-cardbox .title {
    padding: 10px;
    font-size: 12px
}

.u-cardbox .icon-global {
    width: auto;
    height: auto;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
    background: 0 0;
    color: #fff;
    background-color: #f02387
}

.u-cardbox .nav-list-sidenav li {
    position: relative;
    margin-bottom: 0;
    margin-top: -1px;
    padding: .2rem;
    cursor: pointer;
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc
}

.u-cardbox .nav-list-sidenav.form-text {
    border-top: none
}

.u-cardbox .nav-list-sidenav .control-label {
    width: 70px
}

.u-cardbox .nav-list-sidenav .controls {
    margin-left: 70px
}

.u-cardbox .nav-list-sidenav .control-group.error {
    background-color: #f2deeb;
    color: #a80070
}

.u-cardbox .nav-list-sidenav .control-group.error .control-label, .u-cardbox .nav-list-sidenav .control-group.error input {
    color: #333
}

.u-cardbox .nav-list-sidenav .control-text.error {
    background-color: #f2deeb;
    color: #f02387
}

.u-cardbox input[type=text] {
    width: 100%;
    padding: 5px 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px
}

.u-cardbox input#inputIdCard {
    height: .64rem;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    background: 0 0
}

.u-cardbox input.disabled, .u-cardbox input[disabled] {
    color: #999
}

.u-cardbox .i-delete-text {
    top: 7px;
    margin-top: 0
}

.u-cardbox a.i-delete-text:focus, .u-cardbox a.i-delete-text:hover {
    background: 0 0
}

.u-cardbox .form-title {
    line-height: 32px;
    padding-left: 5px
}

.u-cardbox .form-tips {
    color: #ccc;
    padding: 5px 0;
    font-size: 12px
}

.u-paybox .walle-info {
    vertical-align: middle;
    overflow: auto
}

.u-paybox .walle-info .c-dark {
    font-size: 16px
}

.u-paybox .walle-info .price {
    color: #f02387;
    font-size: 18px
}

.u-paybox .nav-list {
    padding: 0;
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc
}

.u-paybox .nav-list li {
    cursor: pointer;
    margin: 0;
    padding: .3rem 0;
    font-size: .28rem;
    color: #000;
    border-bottom: .02rem solid #cccbcf;
    position: relative
}

.u-paybox .nav-list li:last-child {
    border-bottom: none
}

.u-paybox .nav-list li.bank {
    padding-bottom: 0
}

.u-paybox .nav-list li.bank p {
    padding-bottom: 15px
}

.u-paybox .nav-list li.disabled {
    color: #ddd;
    cursor: default
}

.u-paybox .nav-list > li > [class*=" ico-"], .u-paybox .nav-list > li > [class^=ico-] {
    margin: .04rem .2rem 0;
    float: left
}

.u-paybox .nav-list > li > [class*=" ico-pay-"], .u-paybox .nav-list > li > [class^=ico-pay-] {
    margin-top: -2px;
    margin-left: 0;
    float: left
}

.u-paybox .nav-list > li > .ico-pay-bankcard {
    margin-top: .02rem
}

.u-paybox .nav-list > li > .i-icon-arrow-down {
    float: right;
    margin-right: .2rem;
    pointer-events: none
}

.u-paybox .nav-list > li > .pull-right {
    float: right
}

.u-paybox p.u-paymsg {
    font-size: .22rem
}

.u-paybox .u-walletlink {
    margin-left: .66rem
}

.u-paybox .ico-radio.active ~ p {
    font-weight: 700
}

.slide-down {
    margin: 0;
    border-top: 1px solid #E0E0E0
}

.slide-down .nav-tab-list {
    position: relative;
    left: 0;
    display: block;
    margin: 0
}

.slide-down .nav-tab-list > li {
    float: left;
    width: 50%;
    padding: 0;
    margin-left: 0;
    border-bottom: none;
    height: 35px
}

.slide-down .nav-tab-list > li > span {
    display: block;
    height: 34px;
    line-height: 34px;
    border-bottom: #c5c5c5 1px solid;
    color: #232323;
    font-weight: normal font-size : 14 px;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efeeee');
    background: -ms-linear-gradient(top, #fafafa, #efeeee);
    background: -moz-linear-gradient(top, #fafafa, #efeeee);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efeeee));
    cursor: pointer
}

.slide-down .nav-tab-list > li > span.cur {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#f3f3f3');
    background: -ms-linear-gradient(top, #e1e1e1, #f3f3f3);
    background: -moz-linear-gradient(top, #e1e1e1, #f3f3f3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#f3f3f3));
    color: #5c5c5c
}

.slide-down .nav-tab-list > li > span.bor {
    border-right: #c2c2c2 1px solid
}

.slide-down .nav-tab-list > li.active > span {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#f3f3f3');
    background: -ms-linear-gradient(top, #e1e1e1, #f3f3f3);
    background: -moz-linear-gradient(top, #e1e1e1, #f3f3f3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#f3f3f3));
    color: #5c5c5c
}

.slide-down .slide-dropBank {
    border-bottom: none
}

.slide-dropBank ul.nav li:first-child {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none
}

.slide-dropBank ul.nav li {
    text-indent: .2rem;
    border-left: none;
    border-right: none
}

.slide-dropBank ul.nav li .icon-seleted {
    float: right;
    width: 18px;
    margin-top: 2px;
    margin-right: 0
}

.slide-dropBank ul.nav li.active .icon-seleted {
    background-position: -32px -120px
}

.u-dropbox {
    height: 6.2rem;
    overflow: scroll;
    overflow-x: hidden
}

.u-couponbox {
    margin: .3rem auto 0
}

.u-couponbox ul.nav-list {
    padding: 0;
    border-top: .02rem solid #c8c7cc;
    border-bottom: .02rem solid #c8c7cc
}

.u-couponbox .nav-list li {
    padding: 0;
    margin: 0
}

.u-couponbox .nav-list li a {
    padding: .3rem 0;
    margin-left: .2rem;
    font-size: .26rem;
    color: #000
}

.u-couponbox .nav-list li .i-icon-arrow-right {
    float: right;
    margin: .03rem .15rem 0 .1rem;
    pointer-events: none
}

.u-couponbox .nav-list li .ico-check {
    margin-top: -.04rem
}

.u-bonus-info {
    background: url(../images/common/953aacd237.conpon-new.png) top right no-repeat;
    font-size: .32rem;
    color: #592d0b;
    background-size: 100% 100%;
    height: .96rem;
    padding: 0 .34rem 0 .14rem;
    float: left;
    margin-right: .18rem
}

.u-bonus-info .u-coupon-mprice {
    font-size: .64rem;
    line-height: .96rem;
    text-align: center;
    margin-left: -.04rem
}

.u-bonus-text {
    float: left;
    width: 41%;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.u-paytotlebox .nav-list-totle {
    border-top: .02rem solid #c8c7cc;
    border-bottom: .02rem solid #c8c7cc
}

.u-paytotlebox .nav-list-totle li {
    padding: .3rem .2rem .3rem 0;
    margin-left: .2rem;
    font-size: .26rem;
    color: #000;
    border-bottom: .02rem solid #cccbcf
}

.u-paytotlebox .nav-list-totle li:first-child {
    border-top: none
}

.u-paytotlebox .nav-list-totle li:last-child {
    border-bottom: none
}

.u-payinvoicebox {
    border: none
}

.u-payinvoicebox ul.nav-list {
    border-top: .02rem solid #c8c7cc;
    border-bottom: .02rem solid #c8c7cc
}

.u-payinvoicebox ul.nav-list li {
    padding: 0 .2rem;
    font-size: .28rem;
    line-height: .28rem;
    color: #000
}

.u-payinvoicebox ul.nav-list li [class*=" ico-"], .u-payinvoicebox ul.nav-list li [class^=ico-] {
    margin-right: .2rem
}

.u-payinvoicebox ul.nav-list li p.title {
    padding: .3rem 0
}

.u-payinvoicebox ul.nav-list li p.input {
    border-top: .02rem solid #c8c7cc;
    padding: .3rem 0
}

.u-payinvoicebox input {
    padding: .1rem 0;
    text-indent: .1rem
}

.checkout-box .navbar-header {
    margin-right: 10px
}

.checkout-box .navbar-header .totle {
    color: #242424;
    font-size: 14px
}

.checkout-box .navbar-header .price {
    color: #c00;
    font-size: 18px
}

.checkout-box .navbar-brand {
    display: block;
    float: none;
    text-align: center
}

.checkout-box .navbar-brand .btn {
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    text-align: center;
    font-size: 16px
}

.checkout-box .cart-time {
    padding-right: 10px
}

.checkout-box .i-icon-clock {
    margin-top: 4px;
    margin-left: 5px
}

.checkout-box .count-time {
    line-height: 16px;
    font-style: italic;
    color: #fff;
    font-size: 16px;
    font-family: Aparajita;
    font-weight: 700
}

.checkout-box .btn.disabled .i-icon-clock {
    background-position: -186px -95px
}

.checkout-box .btn.disabled .count-time {
    color: #333
}

.data-list {
    padding: 0 10px;
    margin-bottom: 10px
}

.data-list li {
    padding: 2px 0;
    font-size: 14px
}

.data-list li span {
    margin-right: 10px
}

.data-list + p {
    font-size: 14px
}

[class*=" i-pay-"], [class^=i-pay-] {
    position: absolute;
    top: .24rem;
    left: .8rem;
    width: .46rem;
    height: .46rem
}

.i-pay-walleticon {
    width: .49rem;
    background-position: -4rem -2rem
}

.i-pay-cash {
    background-position: -4rem -1rem
}

.i-pay-pos {
    background-position: -4rem 0
}

.i-pay-zfbapp {
    background-position: -4rem -.5rem
}

.i-pay-bankcard {
    left: .8rem;
    background-position: -4rem -1.5rem
}

.i-pay-weixin {
    background-position: -4rem -2.5rem
}

.i-pay-ccblogo {
    background-position: -4rem -3rem
}

.i-selected, .i-unselected {
    position: absolute;
    left: 0;
    top: .3rem;
    width: .36rem;
    height: .36rem
}

.i-unselected {
    background-position: -.8rem -3.1rem
}

.i-selected {
    background-position: -1.2rem -3.1rem
}

.walletpay .i-unselected {
    left: .2rem
}

.walletpay .i-unselected.active {
    background-position: -1.2rem -3.1rem
}

.square-brand {
    width: 100%
}

.square-brand a {
    width: 49%;
    margin-bottom: .16rem;
    background-color: #fff
}

.square-brand a:nth-child(odd) {
    float: left
}

.square-brand a:nth-child(even) {
    float: right
}

.square-brand .pic {
    position: relative;
    height: 0;
    padding-bottom: 92.147%;
    overflow: hidden
}

.square-brand img {
    width: 100%;
    height: auto
}

.square-brand .tlname {
    width: 86%;
    margin: 6px auto;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.square-brand .brand-msg {
    position: relative;
    height: .9rem;
    text-align: center;
    background-color: #fff;
    color: #000
}

.u-brand-box {
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    background-color: #fff
}

.u-brand-box .brand-list {
    margin: 0 .14rem
}

.u-brand-box .u-title {
    padding: .2rem 0;
    font-size: .32rem;
    color: #000
}

.u-brand-box .u-brand-pms {
    width: 98%;
    padding: 0 2% 0 0;
    text-indent: .1rem
}

.u-brand-box .markcoupon img {
    width: .4rem;
    height: auto;
    min-height: 0
}

.u-brand-box .u-seldout-cover .u-pretitle {
    position: absolute;
    left: 15%;
    top: 50%;
    width: 70%;
    margin-top: -.3rem;
    font-size: .26rem;
    line-height: .6rem;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: .1rem
}

.u-brand-box.brand-date .u-title {
    font-size: .26rem
}

.u-brand-box.brand-date .sale_tips p {
    width: 86%;
    margin: 0 auto;
    line-height: .46rem;
    color: #e1147f;
    text-align: center;
    border: .02rem solid #e1147f;
    border-radius: .06rem
}

.u-brand-box.brand-date .sale_tips p.e-sub {
    color: #c8c7cc;
    border-color: #c8c7cc
}

.u-brand-box.brand-date .brand-msg {
    height: 1.24rem;
    padding: .01rem
}

.datetit {
    position: relative;
    text-align: center;
    font-weight: 700;
    padding: .2rem 0;
    color: #f10583;
    background-color: #fff;
    line-height: 17px
}

.datetit:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.i-hook {
    width: .26rem;
    height: .2rem;
    margin-right: .1rem;
    background-position: -1.2rem -3.5rem
}

.u-footer-bar {
    margin-bottom: .72rem
}

.u-order-list li {
    float: left;
    width: 25%;
    text-align: center
}

.u-order-list a {
    display: block;
    padding: .28rem 0;
    color: #666;
    border-right: #ccc 1px solid
}

.u-order-list li:last-child a {
    border-right: none
}

.u-order-list a span {
    display: inline-block;
    position: relative;
    width: .74rem;
    height: .74rem
}

.i-soon {
    background-position: 0 -1.5rem
}

.i-tuan {
    background-position: -.8rem -1.5rem
}

.i-sev {
    background-position: -.8rem -2.3rem
}

.i-quality {
    background-position: 0 -2.3rem
}

.u-ft-downbtn {
    width: 100%;
    padding: 2.5px 0;
    margin: 0 0 10px;
    background: url(../images/common/c8e9342527.btn_down_footer_bg.jpg) no-repeat;
    background-size: 100% 100%
}

.c-bottom {
    padding-bottom: 1.2rem
}

.u-footer {
    padding: 0 0 60px;
    background-color: #fff
}

.u-footnav {
    position: relative;
    padding-bottom: 10px;
    text-align: center;
    font-size: 0
}

.u-footnav:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    width: 93.75%;
    margin-left: -46.875%;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-footnav a {
    display: inline-block;
    width: 19%;
    line-height: 34px;
    color: #8e8e93;
    font-size: 14px
}

.u-footnav a:last-child {
    padding-right: 0
}

.u-backpre {
    position: relative;
    width: .84rem;
    height: .84rem;
    border-radius: .44rem;
    background-color: rgba(57, 66, 74, .6)
}

.u-backmore {
    height: .6rem;
    padding: 0 .24rem 0 .44rem;
    font-size: .24rem;
    line-height: .6rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .75);
    border-radius: .3rem
}

.u-backmore:before {
    content: '';
    position: absolute;
    left: .2rem;
    top: .2rem;
    width: .1rem;
    height: .2rem;
    background: url(../images/common/5f6a7cb265.icon_sprite.png?20150527) no-repeat;
    background-size: 4.5rem;
    background-position: -1.6rem -1.8rem
}

.i-backpre {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .2rem;
    height: .38rem;
    margin: -.19rem 0 0 -.1rem;
    background-position: -1.8rem -.5rem
}

.e-backpre-fixed {
    position: absolute;
    display: block;
    top: .2rem;
    left: .16rem;
    z-index: 1000
}

.u-backtop {
    position: fixed;
    right: 15px;
    bottom: 22px;
    display: none;
    width: 39px;
    height: 39px;
    border-radius: 22px;
    background-color: rgba(57, 66, 74, .6);
    z-index: 9999
}

.i-backtop {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 21px;
    margin: -11px 0 0 -8px;
    background-position: -25px -50px
}

.e-backtop-fixed {
    display: block
}

.u-copyright {
    font-size: 12px;
    color: #8e8e8e;
    text-align: center;
    padding: 10px 0 0
}

.i-service-info {
    margin: .14rem .08rem 0 .02rem;
    background-position: -2.36rem -2rem;
    width: .38rem;
    height: .38rem;
    vertical-align: middle
}

.i-guarantee {
    background-position: -3.5rem -1.5rem
}

.i-international {
    background-position: -3.5rem -2rem
}

.i-return {
    background-position: -3.5rem -2.5rem
}

.i-pay {
    background-position: -3.5rem -3rem
}

.i-gif {
    background-position: -.5rem -4.5rem
}

.i-guarantee, .i-international, .i-pay, .i-return {
    margin: 0 .09rem 0 0;
    width: .5rem;
    height: .5rem;
    vertical-align: middle
}

.i-gif, .i-phone {
    width: .3rem;
    height: .5rem;
    vertical-align: middle;
    margin: .1rem .12rem 0 .06rem
}

.s_text_input, .text_input, .textarea_input {
    padding: 0;
    margin: 0;
    background: #fff;
    border: none;
    border: 1px solid #dadada;
    color: #404040;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px
}

.textarea_address {
    border-radius: 0
}

.l_input {
    height: 38px;
    width: 200px;
    line-height: 38px
}

.textarea_input {
    height: 75px;
    line-height: 18px;
    border: none;
    width: 100%
}

textarea#msg {
    height: 150px
}

.text_search::-webkit-input-placeholder {
    color: #999
}

.btn_cancel, .btn_ensure, .btn_gry, .btn_red, .btn_sure, .btn_unav, .btn_white, .btn_white_order {
    font-weight: 400;
    height: 35px;
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    border-radius: 2px;
    display: inline-block
}

.btn_white img {
    vertical-align: middle
}

.btn_red {
    color: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c9b', endColorstr='#e61f80');
    background: -ms-linear-gradient(top, #ff3c9b, #e61f80);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3c9b), to(#e61f80));
    background: -moz-linear-gradient(top, #ff3c9b, #e61f80);
    border: #db207b 1px solid
}

.new_btn_red {
    font-weight: 400;
    height: 35px;
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    border-radius: 18px;
    display: inline-block;
    color: #fff;
    background-color: #ed2b87;
    width: 100%
}

.btn_gry {
    color: #858585;
    padding: 0 13px;
    font-size: 12px;
    font-weight: 700;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#cccccc');
    background: -ms-linear-gradient(top, #f2f2f2, #ccc);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ccc));
    background: -moz-linear-gradient(top, #f2f2f2, #ccc);
    border: #b1b1b1 1px solid !important
}

.connerdiv .btn_gry {
    width: 100%;
    font-size: 16px
}

.btn_white, .btn_white_order {
    color: #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efeeee');
    background: -ms-linear-gradient(top, #fafafa, #efeeee);
    background: -moz-linear-gradient(top, #fafafa, #efeeee);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efeeee));
    border: #c5c5c5 1px solid !important;
    border-radius: 2px
}

.btn_white_order {
    color: #515151;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 2px;
    font-size: 12px
}

.btn_sure {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    width: 150px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c9b', endColorstr='#e61f80');
    background: -ms-linear-gradient(top, #ff3c9b, #e61f80);
    background: -moz-linear-gradient(top, #ff3c9b, #e61f80);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3c9b), to(#e61f80));
    border: #db207b 1px solid !important;
    cursor: pointer
}

.btn_unav {
    border: #ddd 1px solid;
    color: #d2d2d2;
    text-shadow: 0 1px 1px #fff;
    width: 150px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8');
    background: -ms-linear-gradient(top, #f8f8f8, #e8e8e8);
    background: -moz-linear-gradient(top, #f8f8f8, #e8e8e8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#e8e8e8))
}

.binput, .textarea_messages {
    width: 100%;
    display: block;
    height: 40px;
    background: #fff !important;
    border-radius: 4px;
    border: #dadada 1px solid !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset
}

.textarea_messages {
    height: 120px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 0
}

.sbinput {
    width: 65%
}

.btn_layout {
    width: 120px
}

.largerbtn {
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block
}

[class*=focus] {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .75);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

[class*=focus]:focus {
    border-color: rgba(0, 0, 0, .8);
    outline: 0
}

.btn_cancel {
    width: 100px;
    color: #333;
    padding: 0 13px;
    font-size: 14px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#eef0f3');
    background: -ms-linear-gradient(top, #fefefe, #eef0f3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#eef0f3));
    background: -moz-linear-gradient(top, #fefefe, #eef0f3);
    border: #999 1px solid !important
}

.btn_ensure {
    width: 100px;
    color: #fff;
    padding: 0 13px;
    font-size: 14px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4007f', endColorstr='#e61f80');
    background: -ms-linear-gradient(top, #e4007f, #d40076);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e4007f), to(#d40076));
    background: -moz-linear-gradient(top, #e4007f, #d40076);
    border: #d40076 1px solid
}

.btn_f_left {
    margin: 10px 0 0
}

.btn_f_right {
    margin: 10px 0 0 10px
}

a.btn.btn-sumbit2.get_coupon_btn.f-right {
    background-color: #fff;
    margin-top: .16rem
}

.t_links {
    text-align: center;
    padding: 18px 0
}

.t_links li {
    display: inline-block;
    text-align: center;
    padding: 0 13px
}

.t_links li a span {
    display: inline-block;
    width: 25px;
    height: 23px;
    margin: 0 auto
}

.t_links li a span.t_cate {
    background-position: -55px -35px
}

.t_links li a span.t_single {
    background-position: -85px -35px
}

.t_links li a span.t_soon {
    background-position: -115px -35px
}

.t_links li a span.t_logis {
    background-position: -145px -35px
}

.t_links li a span.t_client {
    background-position: -175px -35px
}

.show-process {
    position: fixed;
    right: 0;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    border-radius: 5px;
    top: 100px
}

.pagediv {
    width: 302px;
    margin: 0 auto
}

.btn_more {
    display: block;
    margin: 0 auto 10px;
    line-height: 34px;
    text-align: center;
    color: #242424;
    font-size: 13px;
    border-top: 1px solid #d9d9d9;
    background-color: #fff
}

.s_links {
    background: #fff;
    margin: 0 8px 10px;
    transition: all .3s ease-in-out
}

.s_links a:last-child {
    border-bottom: none
}

.s_links a span {
    float: right;
    display: block;
    width: 7px;
    height: 11px;
    background-position: -85px -65px;
    margin: 16px 15px 0 8px
}

.s_links a em {
    display: block;
    float: left;
    width: 25px;
    height: 18px;
    margin: 13px 4px 0 3px
}

.s_links a em.s_tel {
    background-position: -115px -65px
}

.s_links a em.s_sev {
    background-position: -145px -65px
}

.s_links a em.s_qua {
    background-position: -170px -65px
}

.s_links a em.s_mes {
    background-position: -115px 0
}

.s_links a em.s_show {
    background-position: -145px 0
}

.telnum {
    float: right;
    padding-right: 10px;
    color: #0881df
}

.in_service, .in_service_noicon {
    border-radius: 4px;
    overflow: hidden
}

.in_service a em {
    margin: 13px 4px 0 10px
}

.in_service_noicon a {
    padding-left: 10px
}

.q_orde, .q_other, .q_shopping, .s_manual, .s_self {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin: 10px 10px 0;
    background: url(../images/common/ccf6debab0.serviceicon.png) no-repeat;
    background-size: 125px
}

.s_links a {
    display: block;
    height: 44px;
    line-height: 44px;
    border-bottom: #e0e0e0 1px solid;
    font-size: 14px
}

.s_links a i {
    margin: 10px 8px 0
}

.sertit {
    height: 44px;
    line-height: 44px;
    font-weight: 400;
    font-size: 12px
}

.down_arrow_v, .up_arrow_v {
    width: 18px;
    height: 10px;
    margin: 17px 17px 0 0;
    float: right;
    background-position: -115px -153px
}

.down_arrow_v {
    background-position: -115px -170px
}

.sertit.on {
    background-color: #e52a8e;
    color: #fff
}

.sertit.off .q_orde {
    background-position: 0 0
}

.sertit.off .q_shopping {
    background-position: -25px 0
}

.sertit.off .q_other {
    background-position: -50px 0
}

.sertit.off .s_self {
    background-position: -75px 0
}

.sertit.off .s_manual {
    background-position: -100px 0
}

.sertit.on .q_orde {
    background-position: 0 -25px
}

.sertit.on .q_shopping {
    background-position: -25px -25px
}

.sertit.on .q_other {
    background-position: -50px -25px
}

.sertit.on .s_self {
    background-position: -75px -25px
}

.sertit.on .s_manual {
    background-position: -100px -25px
}

.sercon li {
    height: 40px;
    line-height: 40px;
    border-bottom: #e1e2e4 1px solid
}

.sercon li:last-child {
    border-bottom: none
}

.sercon li em {
    background-position: -85px -65px;
    display: block;
    float: right;
    height: 11px;
    margin: 16px 15px 0 5px;
    width: 7px
}

.sercon li a {
    color: #000;
    padding-left: 45px;
    display: block
}

.sercon li a:active {
    background-color: #f8f8f8
}

.qadiv {
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 7px;
    margin: 0 7px 10px;
    color: #000
}

.ser_q {
    padding: 0 5px 5px;
    margin-bottom: 5px;
    border-bottom: #8a8a8a 1px solid;
    font-size: 13px;
    line-height: normal
}

.Qicon {
    float: left;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    background-position: 0 -175px
}

.Qicon2 {
    float: left;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    background-color: #f02387;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.ser_a {
    color: #8d8e8e;
    padding: 0 5px;
    font-size: 13px
}

div#w_container {
    width: 100%
}

.product-list-box {
    padding: 0
}

.thumb-mode {
    background: #fff;
    position: relative;
    height: .72rem;
    z-index: 100
}

.thumb-mode:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.thumb-mode li {
    float: left;
    width: 33.333%;
    text-align: center
}

.thumb-mode.classify li {
    width: 50%
}

.thumb-mode > li > a {
    color: #000;
    display: block;
    height: .72rem;
    line-height: .72rem;
    font-size: .3rem;
    border-left: #ccc 1px solid
}

.thumb-mode > li.active > a {
    color: #e4007f
}

.thumb-mode li:nth-child(1) a {
    border-left: none
}

.thumb-mode li a.select {
    color: #e4007f
}

.thumb-mode .i-radio {
    margin-top: .18rem
}

.thumb-mode.pro-list > li {
    width: 22%
}

.thumb-mode.pro-list > li:first-child {
    width: 34%
}

.thumb-mode .down, .thumb-mode .up {
    color: #e4007f
}

.thumb-mode .up .i-sort {
    background-position: -.2rem -3.5rem
}

.thumb-mode .down .i-sort {
    background-position: -.4rem -3.5rem
}

.thumb-mode.nav-fixed-top {
    position: fixed
}

.drop-box {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10000
}

.drop-box.black {
    background-color: rgba(0, 0, 0, .6)
}

.drop-top {
    padding: 0;
    background-color: #fff
}

.c_wrapper {
    position: relative;
    z-index: 11;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    overflow: auto
}

.c_scroller {
    position: absolute;
    z-index: 12;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 0
}

.drop-top .bor {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #efefef
}

.drop_cate {
    width: 50%
}

.drop_cate li {
    float: none;
    display: block;
    padding: 0 3%;
    width: 94%;
    height: 42px;
    line-height: 42px;
    text-indent: 5px;
    font-size: .28rem;
    color: #242424;
    text-align: left;
    text-shadow: none;
    cursor: pointer
}

.drop_cate li span {
    font-size: .24rem
}

.drop_cate li span.u-select {
    display: inline-block;
    width: 18px;
    height: 15px;
    float: right;
    margin: 14px 10px 0 0
}

.drop_cate li a {
    display: block;
    border-bottom: .02rem solid #c8c7cc;
    height: 41px;
    line-height: 41px;
    color: #525252
}

.drop_cate li.active {
    color: #e4007f;
    background-color: #fff
}

.drop_cate li.active a {
    color: #e4007f
}

.drop_cate li.active span.u-select {
    background-position: -32px -120px
}

#u-wrapper-r li.active {
    background: 0 0
}

.drop_bottom {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset
}

.drop_bottom:after {
    border: none
}

.drop_bottom a {
    display: block;
    margin: 0 20%;
    font-size: .32rem
}

.retrieval_breadcrumb_brand .thumb-mode li {
    width: 50%
}

.retrieval_breadcrumb_brand .thumb-mode .drop_sort em {
    left: 25%
}

.retrieval_brand .retrieval_condition {
    padding: 5px 0;
    background-color: #f1f1f1
}

.retrieval_brand .retrieval_condition .retrieval_condition_wrapper {
    position: relative;
    width: 310px;
    margin: 0 auto
}

.retrieval_brand .retrieval_condition .retrieval_condition_content li {
    float: left;
    height: 26px;
    margin-right: 7px;
    padding: 0 15px;
    line-height: 26px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    font-size: 14px;
    text-align: center;
    color: #8a8a8a;
    background-color: #fff
}

.retrieval_brand .retrieval_condition .condition_delete {
    position: absolute;
    right: 0;
    top: 6px;
    width: 16px;
    height: 16px;
    background-position: -26px -140px;
    cursor: pointer
}

.u-classify-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 2100;
    overflow: scroll
}

.u-classify-cover .u-btn-group {
    padding: .2rem
}

.u-classify-cover .u-btn-group .btn-purple {
    width: 100%;
    height: .9rem;
    padding: 0;
    line-height: .9rem
}

.u-classify-cover .u-cancel {
    height: .88rem;
    padding: 0 0 0 .2rem;
    font-size: .28rem;
    line-height: .88rem;
    color: #000
}

.u-classify-cover .u-brandselect {
    position: relative;
    display: block;
    height: .96rem;
    font-size: .32rem;
    line-height: .96rem;
    color: #202222;
    text-indent: .2rem
}

.u-classify-cover .u-brandselect .u-tips {
    float: right;
    margin-right: .6rem;
    font-size: .28rem;
    color: #999
}

.u-classify-cover .i-right-gray {
    position: absolute;
    right: .2rem;
    top: .34rem;
    width: 8px;
    height: 14px;
    background-position: -90px -75px
}

.u-brandresult {
    position: relative;
    padding: .2rem;
    color: #585c64;
    background-color: #d9d8e1
}

.u-brandresult p {
    width: 90%
}

.u-brandresult .i-clr {
    position: absolute;
    right: .2rem;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-position: -100px -100px
}

.u-classify-cover .u-selectmode {
    padding: 0 .2rem
}

.u-classify-cover .u-selectmode .u-title {
    position: relative;
    height: .8rem;
    font-size: .32rem;
    line-height: .8rem;
    color: #202222
}

.u-classify-cover .good_salesize {
    padding: .3rem 0 .1rem
}

.e-brandselect .i-hd-back {
    display: inline-block;
    margin: -.1rem .2rem 0 0;
    vertical-align: middle
}

.e-brandselect .u-firstword {
    height: .48rem;
    padding: 0 .2rem;
    font-size: .24rem;
    font-weight: 700;
    line-height: .48rem;
    color: #000;
    background-color: #eef0f3
}

.e-brandselect .u-wordlist {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb
}

.e-brandselect .u-wordlist li {
    height: .96rem;
    margin-left: .2rem;
    padding-right: .2rem;
    font-size: .28rem;
    line-height: .96rem;
    color: #000;
    border-bottom: 1px solid #eef0f3
}

.e-brandselect .u-wordlist li:last-child {
    border: none
}

.e-brandselect .ico-check {
    margin-right: .2rem;
    margin-top: -.08rem;
    vertical-align: middle
}

.brandtopdiv {
    min-width: 320px;
    max-width: 540px;
    margin: 0 auto 5px
}

.storypic {
    height: 120px;
    overflow: hidden;
    position: relative
}

.btn_story {
    display: block;
    position: absolute;
    left: 12px;
    top: 50px;
    padding: 5px 8px;
    border-radius: 4px;
    background: #696968;
    color: #f8eeee;
    border: #f1eeea 1px solid;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.btn_story span {
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    margin: 1px 2px 0 0;
    background-position: -170px -95px
}

.storybox {
    padding: 10px
}

.articletext {
    padding: 20px 8px;
    font-size: 14px;
    line-height: 22px
}

.beauty_list {
    width: 100%;
    height: 2.06rem;
    position: relative;
    margin: 0 auto
}

.beauty_list:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #a7a7aa;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.beauty_list a {
    display: block;
    position: relative
}

.beauty_list dt {
    float: left;
    width: 130px;
    margin: .2rem 0;
    position: relative
}

.beauty_list dd {
    position: absolute;
    top: .2rem;
    left: 2.8rem;
    width: 55%;
    color: gray;
    padding: 0 0 13px;
    line-height: 16px
}

.beauty_list .name {
    color: #242424;
    height: .68rem;
    margin-bottom: .2rem;
    font-size: .26rem;
    line-height: .34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.beauty_list .lmask {
    display: inline-block;
    *display: inline;
    padding: 8px 0 0;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 20;
    bottom: 8px;
    right: -2px;
    width: 45px;
    height: 26px;
    background-color: rgba(255, 255, 255, .4);
    *background-color: #efefef
}

.bl_time {
    background: url(../images/common/beauty_icon.png) no-repeat left -12px;
    padding-left: 15px;
    background-size: 14px;
    margin: 2px 0 10px;
    line-height: 12px;
    height: 16px
}

.beauty_p_div {
    margin-bottom: .1rem
}

.bl_num {
    line-height: .4rem;
    background-size: 14px
}

.beautyacount {
    background: #000;
    padding: 0 2px;
    border-radius: 2px;
    color: #fff
}

.beautycart {
    position: absolute;
    right: 0;
    bottom: .2rem;
    background: #f73594;
    padding: 3px 12px;
    border-radius: 2px;
    border: 1px solid #f02387;
    z-index: 10;
    cursor: pointer
}

.beautycart.e-sale-out {
    background-color: silver;
    border-color: #b3b3b3
}

.beauty_pice {
    margin-right: .1rem;
    font-size: 16px;
    font-weight: 700;
    color: #ed1484
}

.beauty_pice img {
    height: .3rem;
    margin-top: -.08rem
}

.beauty_list .fontstyle img {
    height: .18rem
}

.dashline2 {
    height: 1px;
    border-top: 1px #ccc dashed;
    margin: 8px auto
}

.u-beauty-salecount {
    margin-left: .1rem
}

.i-addcart {
    display: block;
    width: .34rem;
    height: .38rem;
    background-position: -1.5rem -1rem
}

.detail-comments {
    margin-bottom: .2rem
}

.detail_comments_nav {
    position: relative;
    height: .58rem;
    margin: .5rem .2rem .3rem;
    border: 1px solid #222;
    border-radius: 3px;
    overflow: hidden
}

.detail_comments_nav::before {
    content: "";
    position: absolute;
    top: -.2rem;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.detail_comments_nav li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    text-align: center;
    font-size: .28rem;
    line-height: .58rem;
    color: #000;
    background-color: #fff
}

.detail_comments_nav li:not(:last-child) {
    border-right: 1px solid #000
}

.detail_comments_nav li.active, .detail_comments_nav li.active a {
    color: #fff;
    background-color: #000
}

.detail_comments_nav.col50 li {
    width: 50%
}

.detail_comments_nav.col33 li {
    width: 33.33%
}

.detail_comments_nav.col33 li:last-child {
    width: 33.34%
}

.detail_comments_nav.col25 li {
    width: 25%
}

.detail_comments_nav.col20 li {
    width: 20%
}

.detail-con {
    padding: 0 .2rem
}

.comments_summary {
    margin: .3rem .2rem
}

.comments_summary ul {
    float: left
}

.comments_level li {
    float: left;
    margin-right: .05rem;
    width: .24rem;
    height: .24rem;
    background: url(../images/common/5f6a7cb265.icon_sprite.png) no-repeat;
    background-position: -2rem -2.5rem;
    background-size: 4.5rem
}

.comments_level li.on, .comments_level.star1 li:nth-of-type(-n+1), .comments_level.star2 li:nth-of-type(-n+2), .comments_level.star3 li:nth-of-type(-n+3), .comments_level.star4 li:nth-of-type(-n+4), .comments_level.star5 li:nth-of-type(-n+5) {
    background-position: -2rem -2.77rem
}

.comments_summary .comments_score {
    float: left;
    margin-left: .15rem;
    color: #000;
    font-size: .3rem;
    font-weight: 600;
    line-height: 1
}

.comments_summary .comments_score span {
    color: #f02387
}

.comments_cnt .comments_lists > li {
    margin: 0;
    padding: .3rem 0;
    border-top: 1px dashed #c8c7cc
}

.comments_cnt .comments_lists > li:last-child {
    border-bottom: 1px dashed #c8c7cc
}

.comments_lists > li > div {
    margin: 0 0 .2rem
}

.comments_cnt .comments_user_info {
    float: left;
    color: #000;
    margin-left: .15rem;
    font-size: .24rem;
    line-height: 1
}

.comments_cnt .comments_txt {
    font-size: .26rem;
    color: #585c64;
    line-height: .36rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.comments_cnt .comments_lists time {
    float: right
}

.comments_lists .comments_level {
    float: left
}

.comments_btn {
    text-align: center
}

.comments_btn a {
    display: inline-block
}

.btn_more_comments {
    margin-top: .2rem;
    border-top: none
}

.page a {
    background: #fff;
    border: #c9c9c9 1px solid;
    line-height: 33px;
    padding: 0 15px;
    border-radius: 4px;
    color: #242424;
    margin: 0 3px
}

.page a.active {
    color: #d7098c;
    border-color: #d7098c
}

.page span {
    line-height: 33px;
    margin-left: 3px
}

.page .first:before, .page .next:before, .page .prev:before {
    display: inline-block;
    content: " "
}

.page .first:after {
    display: inline-block;
    content: "首页";
    clear: both
}

.page .prev:after {
    display: inline-block;
    content: "上一页";
    clear: both
}

.page .next:after {
    display: inline-block;
    content: "下一页";
    clear: both
}

.container.pro-detail-box {
    position: relative;
    padding: 0
}

.carousel {
    text-align: center;
    margin: 0 auto;
    width: 300px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.carousel ul {
    padding: 0 0 0 31px;
    height: 286px;
    overflow: hidden
}

.carousel ul li {
    display: block;
    float: left;
    width: 226px;
    text-align: center;
    font-size: 0;
    line-height: 286px;
    cursor: pointer;
    vertical-align: middle
}

.carousel ul li span {
    display: block;
    height: 286px;
    margin: 0 5px
}

.carousel ul li img {
    width: 226px;
    vertical-align: middle
}

.carousel.beauty {
    width: 300px
}

.carousel.beauty ul {
    padding-left: 0
}

.carousel.beauty ul li img {
    width: 300px;
    vertical-align: middle
}

.slideControl {
    position: absolute;
    bottom: .1rem;
    left: 50%;
    z-index: 1;
    width: 198px;
    margin: 0 0 0 -99px;
    padding: 0
}

.slideControl div {
    text-align: center;
    line-height: 1.3;
    color: #697279
}

.slideControl em {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    font-style: normal;
    font-family: sans-serif;
    background: rgba(0, 0, 0, .3);
    overflow: hidden;
    margin: 0 .08rem;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    border-radius: 50%;
    text-indent: -9999rem
}

.slideControl em.on {
    background: rgba(0, 0, 0, .7)
}

.tab_content {
    position: relative
}

.shareToBlog {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 105px;
    width: 50px
}

.link_ruler {
    position: absolute;
    top: .2rem;
    right: 0;
    padding-left: .2rem;
    font-size: .24rem;
    line-height: .3rem;
    color: #e4007f;
    text-align: center
}

.j_proStock {
    padding-left: 15px;
    line-height: 20px;
    color: #333
}

.j_proStock b {
    color: #f9339b;
    padding: 0 1px;
    font-style: normal
}

.good_sizechioce {
    text-align: center
}

.good_sizechioce li {
    list-style-type: none;
    float: left;
    margin: 0 5% 8px 0;
    box-sizing: border-box;
    color: #000;
    text-align: center;
    width: 30%;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis
}

.good_sizechioce li:nth-child(3n) {
    margin-right: 0
}

.good_sizechioce li.choose {
    border: 1px solid #39424a;
    background: #fff;
    cursor: pointer
}

.good_sizechioce li.none {
    color: #c5c9cd;
    border: 1px solid #d8dcdf;
    background-color: #f0f1f3
}

.good_sizechioce li.select {
    border: 1px solid #f02387;
    background: url(../images/common/f51a73be53.selected_new.png) no-repeat right bottom #fff;
    background-size: 15px;
    color: #f02387;
    cursor: text
}

.good_sizechioce li.e-collect, .good_sizechioce li.e-collected {
    position: relative;
    line-height: 1.4;
    color: #c5c9cd;
    border: 1px solid #d8dcdf;
    background-color: #f0f1f3
}

.good_sizechioce li.e-collected:before {
    content: '\5DF2\52A0\5165\63D0\9192';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    background: #c0c1c3
}

.good_sizechioce li.e-collect:before {
    content: '\6709\8D27\63D0\9192';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    background: #e4007f
}

.u-detail-box .u-errortips {
    width: 100%;
    padding-bottom: .1rem;
    color: #e4007e;
    text-align: center
}

.good_color li {
    float: left;
    display: inline;
    margin: 0 13px 8px 0;
    width: 50px;
    height: 63px;
    position: relative
}

.good_color li.choose {
    border: 1px solid #000
}

.good_color li.none {
    border: 1px solid #bcbcbc
}

.good_color li.select {
    border: 1px solid #f02387
}

.i_select {
    display: none;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0;
    background: url(../images/common/f51a73be53.selected_new.png) no-repeat;
    background-size: 15px;
    z-index: 7
}

.i_out {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 63px;
    z-index: 11;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    line-height: 63px;
    text-align: center
}

.good_color li.none .i_out, .good_color li.select .i_select {
    display: block
}

.product_detail {
    margin: 0 auto;
    overflow: hidden
}

.product_detail img {
    width: 304px
}

.goods_info {
    position: relative;
    background-color: #fff;
    z-index: 10
}

.goods_info h1 {
    padding: .3rem .2rem;
    font-size: .32rem;
    font-weight: 400;
    line-height: .32rem;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.u-name-slogan {
    float: left;
    margin-right: .06rem;
    padding: 0 .08rem;
    font-size: .22rem;
    line-height: .4rem;
    background: #f02387;
    color: #fff;
    font-weight: 400;
    border-radius: .04rem
}

.u-foreign-price {
    margin-top: -.2rem;
    margin-left: .2rem;
    font-size: .28rem;
    line-height: .5rem;
    color: #e4007f
}

.u-arrivaltime {
    margin: 0 .1rem .32rem;
    padding: .08rem .08rem .08rem .54rem;
    font-size: .28rem;
    line-height: .38rem;
    background-color: #e6eaf3
}

.u-arrivaltime .i_explain_blue {
    margin-left: -.32rem
}

em.sm {
    display: block;
    float: left;
    width: 12px;
    height: 13px;
    background-position: -97px -120px;
    vertical-align: top;
    margin: 3px 3px 0 0
}

.pricediv {
    padding-bottom: 5px
}

.g_d_price {
    color: #f02387;
    font-size: 20px;
    margin-bottom: 5px;
}

.drop_size_detail {
    padding: 13px 0;
    border-top: #9d9d9d 1px dotted;
    border-bottom: #9d9d9d 1px dotted
}

#Size_Con {
    height: 180px
}

.SizeWrapper {
    position: relative;
    z-index: 1;
    display: block;
    overflow: auto;
    height: 180px
}

.SizeScroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 500px;
    padding: 0
}

.SizeScroller_l {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 1000px;
    padding: 0
}

.seldout {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.84rem 0 0 -.84rem;
    width: 1.68rem;
    height: 1.68rem;
    line-height: 1.68rem;
    font-size: .28rem;
    color: #fff;
    background-color: rgba(57, 66, 74, .6);
    border-radius: .84rem;
    text-align: center
}

.u-seldout-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.beauty_detail_info {
    padding: 3px;
    margin: 10px auto;
    border: 1px dashed #ee5cad;
    border-radius: 3px
}

.beauty_detail_info p {
    padding: 10px 7px;
    font-size: 12px;
    line-height: 16px;
    color: #f02387;
    background-color: #fde9f3;
    border-radius: 3px
}

.u-detail-pms {
    position: relative;
    font-size: .28rem;
    line-height: .68rem;
    color: #181a1c;
    background-color: #fafafa;
    z-index: 7;
    padding: 0 .2rem
}

.u-detail-pms:not(:last-of-type):after {
    content: "";
    position: absolute;
    width: 93.75%;
    bottom: 0;
    left: 3.125%;
    border-bottom: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-detail-pms:last-of-type:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-detail-pms span {
    float: left
}

.u-detail-pms span + span {
    float: none;
    margin-left: .48rem;
    padding: .04rem 0 .1rem;
    display: block;
    line-height: .5rem
}

.u-detail-pricebox {
    margin-bottom: .2rem;
    line-height: .4rem
}

.u-detail-pricebox .i-clock-white {
    margin: -.08rem .1rem 0 0
}

.u-detail-price {
    float: left;
    margin-left: .2rem;
    font-size: .44rem;
    font-weight: 700;
    line-height: .5rem;
    color: #e4007f
}

.u-detail-price img {
    height: .3rem;
    margin-top: -.06rem
}

.u-detail-mprice {
    float: left;
    margin: .14rem 0 0 .16rem;
    font-size: .32rem;
    line-height: .32rem;
    color: #999;
    text-decoration: line-through
}

.u-detail-mprice img {
    height: .2rem;
    margin-top: -.06rem
}

.u-detail-discount {
    float: left;
    padding: 0 .08rem;
    margin: .14rem 0 0 .16rem;
    font-size: .2rem;
    line-height: .3rem;
    color: #fff;
    background-color: #000
}

.u-detail-time {
    margin: .14rem .2rem 0 0;
    font-size: .26rem;
    line-height: .26rem;
    color: #8e8e93
}

.u-detail-service {
    padding: 0 .2rem .2rem;
    margin-top: .2rem;
    color: #999;
    position: relative
}

.u-detail-box {
    position: relative;
    padding: .7rem 0 .3rem;
    margin: 0 .2rem
}

.u-detail-box.e-size-box {
    padding: .8rem 0 0
}

.u-detail-box.e-size-box .u-title {
    top: .2rem
}

.u-detail-vipmoney {
    position: relative;
    height: .4rem;
    margin: 0 .2rem .3rem;
    padding-top: .36rem;
    line-height: .4rem;
    color: #585c64
}

.u-detail-vipmoney:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-detail-vipmoney .u-name-slogan {
    margin-right: .16rem
}

.u-detail-box .u-title {
    position: absolute;
    left: 0;
    top: .1rem;
    padding-right: .2rem;
    font-size: .3rem;
    line-height: .3rem;
    color: #000
}

.i-clock-black, .i-clock-gray {
    width: .24rem;
    height: .24rem;
    margin: -.08rem .1rem 0 0;
    background-position: -2rem -.7rem;
    vertical-align: middle
}

.i-clock-gray {
    background-position: -2.6rem -1rem
}

.u-detail-time.e-phone {
    margin: 0 0 .3rem .2rem;
    color: #999
}

.u-phone-sign {
    position: relative;
    height: .4rem;
    padding: 0 .14rem;
    margin: 0 0 .2rem .2rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #fff;
    text-align: center;
    background-color: #e4007f
}

.u-phone-sign:after {
    content: "";
    position: absolute;
    right: -.2rem;
    top: 0;
    border-width: .2rem .2rem .2rem 0;
    border-style: solid;
    border-color: #e4007f transparent
}

.i-phone {
    width: .12rem;
    height: .22rem;
    margin: -.04rem .1rem 0 0;
    background-position: -1.6rem -1.5rem;
    vertical-align: middle
}

.u-getbonus {
    position: relative;
    padding: 0 .18rem 0 0;
    font-size: .28rem;
    height: .96rem;
    line-height: .96rem;
    color: #000;
    background-color: #f2f2f2
}

.u-getbonus.disable {
    background-color: #feeaf1
}

.u-getbonus:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.product-list-box .u-getbonus:before {
    display: none
}

.u-getbonus:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-getbonus.disable:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-getbonusbox {
    height: .96rem;
    line-height: .96rem
}

.u-brand-ent {
    position: relative;
    display: block;
    height: .88rem;
    line-height: .88rem
}

.u-brand-ent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-brand-ent:last-child::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-brand-ent.e-detail-ent {
    border-bottom: none
}

.u-brand-ent .u-title {
    display: block;
    width: 80%;
    font-size: .32rem;
    color: #000;
    text-indent: .2rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.u-brand-ent .i-arrow-right {
    position: absolute;
    right: .2rem;
    top: .34rem
}

.i-bonus-got, .i-bonus-unget {
    display: inline-block;
    width: .54rem;
    height: .3rem;
    margin: -.06rem .1rem 0 0;
    background-position: -2rem -1rem;
    vertical-align: middle
}

.i-bonus-got {
    background-position: -2rem -1.3rem
}

.i-coupon-new {
    background-position: -2.3rem -3rem;
    display: inline-block;
    width: .7rem;
    height: .38rem;
    margin: -.06rem .18rem 0 0;
    vertical-align: middle
}

.i-down-large {
    width: .28rem;
    height: .16rem;
    background-position: -2.6rem -1.3rem
}

.i-up-large {
    width: .28rem;
    height: .16rem;
    background-position: -2rem -1.7rem
}

.e-detail-ent .i-down-large, .e-detail-ent .i-up-large {
    position: absolute;
    right: .2rem;
    top: .4rem
}

.u-recommend {
    margin: 0 0 .2rem;
    padding: .2rem 0 0;
    font-size: .24rem;
    color: #333;
    text-align: center;
    background-color: #eef0f3;
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc
}

.u-recommend .u-title {
    margin-bottom: .2rem
}

.u-recommend .carousel {
    width: 320px;
    padding: 0 0 .5rem
}

.u-recommend .carousel ul.u-recomList {
    padding-left: .1rem;
    height: auto
}

.u-recommend .carousel ul.u-recomList ul {
    padding: 0;
    height: auto
}

.u-recommend .carousel ul.u-recomList {
    width: 200%
}

.u-recommend .carousel ul.u-recomList li {
    float: left;
    width: 2.1rem;
    line-height: 100%;
    font-size: 100%
}

.u-recommend .carousel ul.u-recomList li img {
    width: 100%
}

.u-recommend .carousel ul.u-recomList a {
    display: block;
    margin-right: .1rem;
    border: 1px solid #bebebe
}

.u-recommend .carousel ul.u-recomList .u-price {
    height: .4rem;
    line-height: .4rem;
    background-color: #fff
}

.u-recommend .slideControl em {
    width: .14rem;
    height: .14rem;
    border: none
}

.u-recommend .u-more {
    width: 1.96rem;
    height: 2.88rem;
    background: url(../images/common/recommand_more.png) no-repeat;
    background-size: 100% 100%
}

.u-presale-tips {
    position: relative;
    margin: 0 .2rem .3rem;
    padding: .3rem .2rem;
    color: #000;
    background-color: #f3f2f7
}

.u-presale-tips .u-cont {
    width: 65%
}

.u-presale-tips .btn-download {
    position: absolute;
    right: .2rem;
    top: 50%;
    margin-top: -.32rem;
    display: block;
    width: 26%;
    height: .64rem;
    font-size: .28rem;
    line-height: .64rem;
    color: #e4007f;
    text-align: center;
    border: 1px solid #e4007f;
    border-radius: 4px
}

.u-presale-tips.e-orderlist {
    margin: 0
}

.modal.u-remindpop {
    background: #fff url(../images/common/0511a86091.sellwin_pic_goods.png) no-repeat top;
    background-size: 100%
}

.u-remindpop .modal-body {
    max-height: inherit
}

.u-remindpop-bd {
    width: 100%;
    margin-top: .48rem
}

.u-remindpop-bd .u-pic img {
    width: 54%
}

.u-remindpop-bd .u-name {
    margin-top: .14rem;
    font-size: .2rem;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.u-remindpop-bd .u-tips {
    margin-top: .34rem;
    font-size: .36rem
}

.u-remindpop .modal-footer a:nth-child(1) {
    color: #000
}

.u-remindpop .modal-footer a:nth-child(2) {
    font-weight: 700;
    color: #e4007f
}

.M_detail {
    width: auto !important;
    background-color: #fff
}

.up_more {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #999;
    padding: 10px 0;
    border-top: 1px dotted #ccc
}

.icon_up_more {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-position: -29px -65px
}

.authorize_info {
    position: relative;
    padding: .3rem 0
}

.authorize_info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.authorize_info > p {
    margin-bottom: .3rem;
    font-size: .3rem;
    line-height: .36rem;
    color: #000;
    text-align: left
}

.authorize_info img {
    display: block;
    max-width: 100%
}

.recommend {
    width: 301px;
    height: 74px;
    margin: 0 auto;
    border: 1px solid rgba(214, 214, 214, .6);
    background-color: #fff;
    overflow: hidden
}

.recommend a {
    display: block
}

.recommend .picture {
    float: left;
    width: 175px;
    height: 100%;
    overflow: hidden
}

.recommend .picture img {
    width: 100%
}

.recommend .content {
    float: left;
    width: 110px;
    margin: 10px 8px;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    overflow: hidden
}

.recommend .content .name {
    max-height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.recommend .content .discount {
    position: relative;
    margin-top: 8px;
    padding: 0;
    background-color: transparent;
    font-size: 14px;
    color: #f02387
}

.recommend .content .discount:after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 10px;
    height: 15px;
    background-position: -70px -95px
}

.recommend .content .discount .salebg2 {
    font-size: 16px
}

.nonsupport {
    margin: 10px 0;
    color: #242424
}

.nonsupportod {
    margin: 4px 0 0;
    float: left
}

.nonsupport span {
    display: inline-block;
    float: left;
    width: 10px;
    height: 10px;
    margin: 3px 3px 0 0;
    background-position: -120px -180px
}

.u-detail-introduce {
    position: relative;
    padding: .24rem 0;
    margin: 0 .2rem
}

.u-detail-introduce:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-detail-introduce li {
    width: 100%;
    padding-bottom: .05rem;
    font-size: .24rem;
    color: #939393;
    line-height: .5rem
}

.u-detail-introduce li:last-child {
    margin-bottom: 0;
    display: inline-block
}

.u-detail-introduce li div {
    float: left
}

.u-detail-introduce li p {
    overflow: hidden;
    line-height: .32rem;
    margin-top: 5px
}

.u-detail-introduce .u-indtit {
    display: inline-block;
    width: 1.4rem;
    margin-right: .2rem;
    color: #000;
    font-size: .28rem;
    text-align: center
}

.introduce {
    padding: 15px 0;
    margin: 5px 0 15px
}

.introduce li {
    float: left;
    width: 33%;
    text-align: center;
    color: #9e9e9e
}

.introduce span {
    display: inline-block;
    width: 46px;
    height: 46px
}

.introduce span.promise_zp {
    background-position: -120px 0
}

.introduce span.quily_fh {
    background-position: -120px -50px
}

.introduce span.seven_return {
    background-position: -120px -100px
}

.introduce span.golden_sevices {
    background-position: right bottom
}

.u-detail-introduce .tit {
    font-size: .3rem;
    line-height: .3rem;
    color: #000
}

.moreimg {
    width: 15px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    background-position: -32px -180px;
    margin: 2px 5px 0 0
}

.Origin {
    position: relative;
    width: 294px;
    margin: 15px auto;
    padding: 4px;
    border: 1px dashed #ee5cad;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    color: #f02387
}

.Oringin_wrapper {
    background-color: #fde9f3;
    line-height: 30px;
    border-radius: 15px
}

.Origin span {
    display: inline-block;
    width: 17px;
    height: 16px;
    background-position: -55px -155px;
    vertical-align: middle;
    margin-right: 3px
}

.dashline3 {
    border-bottom: 1px dotted #C9C8C8;
    margin: 15px 0
}

.layer_close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 10px 30px 30px 10px
}

.layer_close span {
    height: 30px;
    display: block;
    width: 30px;
    border-radius: 15px;
    background: #ACACAC
}

.layer_close span i {
    width: 9px;
    height: 16px;
    background-position: -55px -95px;
    display: inline-block;
    margin: 7px 0 0
}

.p_detail_hd p {
    border-bottom: 1px dotted #C9C8C8;
    padding: 10px 0
}

.pl14 {
    padding-left: 14px
}

.bigpic {
    text-align: center;
    position: relative
}

#Photo-slide {
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

#Photo-slide li {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 0;
    line-height: 404px;
    vertical-align: middle
}

#Photo-slide li img {
    width: 100%;
    vertical-align: middle
}

#Photo-slide nav {
    padding: 5px 10px 0;
    height: 30px;
    position: relative;
    z-index: 1
}

#Photo-pagination em {
    display: inline-block;
    width: 6px;
    height: 6px;
    font-style: normal;
    font-family: sans-serif;
    border: #fff 1px solid;
    overflow: hidden;
    margin: 0 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-indent: -9999px
}

#Photo-pagination em.on {
    background: #fff
}

#Photo-slide nav #next, #Photo-slide nav #prev {
    float: left;
    padding: 0;
    width: 22px;
    height: 22px;
    text-align: left;
    background: url(../images/common/e9df328dd6.slide.png) no-repeat
}

#Photo-slide nav #prev {
    background-position: 0 0
}

#Photo-slide nav #next {
    float: right;
    text-align: right;
    background-position: 0 -22px
}

.cartdiv {
    background: #fff;
    margin: 0 7px 10px;
    border-radius: 0 4px 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    margin-top: -1px
}

.cartlist {
    position: relative;
    padding: 8px 6px 0;
    border-top: 1px solid #f6f6f6;
    border-radius: 0 4px 0 0
}

.cartlist:last-child {
    border-bottom: none
}

.cartlistinner {
    padding: 0 5px 8px;
    min-height: 101px;
    position: relative;
    border-bottom: #cfcfcf 1px dashed
}

.cart_g_name {
    font-size: 13px;
    color: #000;
    line-height: 16px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.cart_b_name {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 0
}

.protips {
    float: left;
    padding: 2px 4px;
    background: #eec474;
    background-size: 14px;
    color: #fff
}

.protips a {
    color: #fff
}

.save_price {
    padding-right: 16px;
    margin-right: 10px;
    border-right: 1px solid #ccc
}

.cart_total {
    color: #242424;
    font-size: 14px
}

.c_t_price {
    color: #f02387;
    font-size: 18px
}

.cart_time_smb {
    padding-right: 15px
}

.clockicon, .clockicon2, .clockicon3 {
    width: 13px;
    height: 13px;
    margin-top: 12px;
    display: block;
    background-position: -115px -95px
}

.clockicon2 {
    background-position: -134px -95px;
    margin-top: 3px
}

.clockicon3 {
    background-position: -187px -95px;
    margin-top: 9px
}

.cart_time_smb .num_cunt {
    color: #fff;
    padding-left: 5px
}

.singtotale {
    background-color: #f9deef;
    padding: 4px
}

.order_sendby {
    height: 28px;
    padding-right: 20px;
    margin-left: 7px;
    max-width: 200px;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../images/common/82543585a9.order_sendby.png) right bottom no-repeat;
    background-size: 241px
}

.order_sendby span {
    height: 28px;
    display: block;
    padding-left: 10px;
    float: left;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../images/common/82543585a9.order_sendby.png) left top no-repeat;
    background-size: 241px;
    line-height: 28px;
    font-weight: 400;
    color: #8c8a8a
}

.order_sendby .international_icon {
    font-size: 11px;
    margin: 6px 3px 0 0;
    padding: 0 4px;
    height: 16px;
    line-height: 16px;
    background: #f02387;
    color: #fff;
    font-weight: 400
}

.gather {
    color: #7d5302
}

.payonline {
    padding: 10px 0 0 20px;
    font-size: 14px;
    margin-left: 10px;
    position: relative
}

.alink_bonus {
    float: left;
    line-height: 24px
}

.pro_tips {
    padding: 12px 0 0;
    border-top: gray 1px dashed;
    color: #3984b8;
    margin-top: 10px
}

.total_mon {
    color: #404040;
    margin-top: 10px;
    line-height: 22px;
    background: #f9deef;
    border: #f2cbe4 1px solid;
    border-radius: 4px
}

.goods_company {
    margin-bottom: 10px
}

.total_mon p {
    padding: 8px 5px 8px 15px;
    border-bottom: #f2cbe4 1px solid;
    font-size: 14px
}

.total_mon p:last-child {
    border-bottom: none
}

.total_mon p span {
    margin-right: 15px
}

.compaysend {
    padding: 8px 0 0
}

.mrl5 {
    margin: 0 5px
}

.c_price {
    color: #c00;
    font-size: 16px;
    line-height: 16px;
}

.btn_bounus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    padding: 5px 20px;
    color: #fff;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68c436', endColorstr='#50ad1d');
    background: -ms-linear-gradient(top, #68c436, #50ad1d);
    background: -moz-linear-gradient(top, #68c436, #50ad1d);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#68c436), to(#50ad1d));
    border: #50ad1d 1px solid
}

.cart_orderlist_info {
    margin: 0 80px;
    overflow: hidden
}

.cart_orderlist_i {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px
}

.cart_orderlist_p {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    text-align: right;
    padding: 0 0 10px
}

.cart_orderlist_p span {
    display: block
}

.multibuy {
    float: left;
    margin: 0 10px 0 0;
    position: relative
}

.multibuy em {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -5px;
    right: -5px;
    background: url(../images/common/572ab942c5.shut.png?20130705) no-repeat;
    background-size: 15px
}

.mz_info dt {
    float: left;
    background: #555;
    color: #fff;
    text-align: center;
    padding: 0 2px;
    margin: 0 3px 0 0;
    font-weight: 400;
    border-radius: 2px
}

.shipping {
    margin-top: 5px
}

.icon_bonus, .icon_card, .icon_coupon, .icon_nopostage {
    width: 50px;
    float: left;
    height: 18px;
    background: url(../images/common/342432a4ac.cart_bonus_icon.png?20150417) no-repeat;
    background-size: 52px
}

.icon_bonus {
    background-position: 0 -120px
}

.icon_card {
    background-position: 0 -60px
}

.icon_coupon {
    background-position: 0 0
}

.icon_nopostage {
    background-position: 0 -25px
}

.usebonus {
    padding: 8px 0
}

.use_bouns {
    margin: 10px 0
}

.use_bouns .c-yellow {
    text-decoration: underline;
    font-size: .26rem
}

.cartlistinner .delete {
    position: absolute;
    bottom: 8px;
    right: 0;
    padding: 5px
}

.user_orderlist_r {
    float: left;
    padding: 0 0 0 5px;
    overflow: hidden;
    width: 195px
}

.w33 li {
    width: 33% !important
}

.dj_content, .dj_content1, .dj_content3, .dj_content3.selected, .unbonus, .unbonus2 {
    color: #fff;
    width: 303px;
    height: 111px;
    margin: 0 auto 10px;
    background: url(../images/common/5ef53cd054.dj_bg.png) no-repeat;
    background-size: 303px
}

.dj_content.unable {
    background: url(../images/common/7fed844660.dj_bg_hover.png) no-repeat;
    background-size: 303px
}

.dj_content1 {
    background: url(../images/common/5d7699fe5d.dj_bg_01.png) no-repeat;
    background-size: 303px
}

.dj_content1.unable {
    background: url(../images/common/65aef2f9fd.dj_bg_01_hover.png) no-repeat;
    background-size: 303px
}

.unbonus {
    background: url(../images/common/ddb60ed133.un_bonus.png) no-repeat;
    background-size: 303px;
    color: #b2b2b2
}

.unbonus2 {
    background: url(../images/common/a8e7e63c59.un_bonus2.png) no-repeat;
    background-size: 303px;
    color: #b2b2b2
}

.dj_content3 {
    background: url(../images/common/36a41668ae.dj_bg_02.png?141021) no-repeat;
    background-size: 303px
}

.dj_content3.unable {
    background: url(../images/common/5b76a16775.dj_bg_02_01.png) no-repeat;
    background-size: 303px
}

.dj_content3.selected {
    background: url(../images/common/1be82f50ae.dj_bg_03.png?141021) no-repeat;
    background-size: 303px
}

.dj_radiobox.unable {
    background: url(../images/common/9e3f7ea8a0.dj_bg_03_hover.png) no-repeat;
    background-size: 303px
}

.dj_checkbox {
    background: url(../images/common/851fa5c0e1.dj_bg_04.png) no-repeat;
    background-size: 303px
}

.dj_checkbox.unable {
    background: url(../images/common/aebf724a48.dj_bg_05_hover.png) no-repeat;
    background-size: 303px
}

.dj_checkbox.selected {
    background: url(../images/common/6cf2bba745.dj_bg_05.png) no-repeat;
    background-size: 303px
}

.dj_content5, .dj_content6 {
    width: 135px;
    padding-top: 85px;
    margin: 50px auto 0;
    height: 60px;
    text-align: center;
    color: #858585;
    background: url(../images/common/81e303b878.zanw_03.png) no-repeat;
    background-size: 135px
}

.dj_content6 {
    background: url(../images/common/4ce4e0491c.zanw_02.png) no-repeat;
    background-size: 132px 70px
}

.dj_content .li_content {
    width: 185px;
    height: 100px;
    padding-left: 20px;
    padding-top: 8px;
    line-height: 24px;
    float: left
}

.li_content strong {
    font-size: 24px
}

.clickusebonus {
    float: right;
    width: 98px;
    line-height: 111px;
    text-align: center;
    color: #52c7e9;
    font-size: 18px
}

.dj_content.unable .clickusebonus {
    color: #666
}

.resouce {
    width: 78px;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    text-align: center;
    color: #858585
}

.fhse {
    color: #e577b7
}

.doubleline {
    border-top: #b9b9b9 1px solid;
    border-bottom: #fff 1px solid;
    margin: 20px 0 15px
}

.dj_content3 .li_content3 {
    width: 210px;
    height: 100px;
    padding-left: 90px;
    padding-top: 5px;
    line-height: 22px;
    position: relative;
    overflow: hidden
}

.li_content3 h2 {
    width: 180px;
    max-height: 36px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #fff
}

.li_content3 h3 {
    font-size: 25px;
    font-weight: 400;
    margin: 3px 0 0;
    text-align: center
}

.li_content3 h3 span {
    font-size: 24px
}

.li_content3 h3 em {
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin-left: 5px;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.li_content3 h4 {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: normal
}

.dj_content4 {
    width: 240px;
    margin: 0 auto 20px
}

.btn_djblue, .btn_fhse, .btn_huangse {
    height: 35px;
    padding: 0 13px;
    text-align: center;
    line-height: 35px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block
}

.btn_djblue {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57c8e9', endColorstr='#50c1e2');
    background: -ms-linear-gradient(top, #57c8e9, #50c1e2);
    background: -moz-linear-gradient(top, #57c8e9, #50c1e2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#57c8e9), to(#50c1e2));
    border: #50c1e2 1px solid
}

.btn_fhse {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e479b7', endColorstr='#dc71af');
    background: -ms-linear-gradient(top, #e479b7, #dc71af);
    background: -moz-linear-gradient(top, #e479b7, #dc71af);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e479b7), to(#dc71af));
    border: #dc71af 1px solid
}

.btn_huangse {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c04d', endColorstr='#edb845');
    background: -ms-linear-gradient(top, #f5c04d, #edb845);
    background: -moz-linear-gradient(top, #f5c04d, #edb845);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5c04d), to(#edb845));
    border: #edb845 1px solid
}

.djdate {
    margin-top: 3px;
    text-align: left;
    line-height: 18px
}

.djtips {
    padding: 10px 9px 0;
    font-size: 14px
}

.djtips .fblod {
    color: #242424
}

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

.jh_accout .text_input {
    background: #fff;
    border: #ccc 1px solid
}

.inputtips {
    width: 70px;
    left: 50%;
    text-align: left;
    margin: 0 auto;
    margin-left: -145px;
    position: relative;
    position: absolute;
    z-index: 99;
    display: none
}

.inputtips p {
    float: left;
    background: #F9339B;
    color: #fff;
    padding: 3px 5px;
    margin-top: 8px
}

.inputtips span {
    position: absolute;
    top: 2px;
    left: 10px;
    border-color: #e8e8e8 #e8e8e8 #F9339B;
    border-style: solid;
    border-width: 1px 5px 5px
}

.textlink {
    padding: 4px 5px;
    background: #EEC474;
    border: #e4b762 1px solid;
    color: #fff;
    font-size: 14px;
    margin: 10px
}

.usebones {
    color: #0e80e1;
    font-size: 14px;
    font-weight: 700
}

.bonustip {
    padding: 10px 8px;
    color: #999;
    text-align: center
}

.user-login-box .btn-controls {
    margin: 0 3.5% 10px;
    position: relative;
    z-index: 1000;
    border: 1px solid transparent
}

.userdiv {
    background: #fff;
    margin: 0 0 10px;
    position: relative;
    overflow: hidden
}

.userdiv2 {
    background: #fff;
    margin: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden
}

.nobor {
    border-radius: 0 !important
}

.checkdetail, .checktit, .orderlisttit {
    height: 33px;
    line-height: 33px;
    color: #242424;
    font-size: 14px;
    border-bottom: #e5e5e5 1px solid;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f3f3f3');
    background: -ms-linear-gradient(top, #f8f8f8, #f3f3f3);
    background: -moz-linear-gradient(top, #f8f8f8, #f3f3f3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f3f3f3))
}

.checktit span {
    float: left;
    display: block;
    width: 14px;
    height: 17px;
    margin: 8px 5px 0 10px
}

.checktit span.receive_time {
    background-position: 0 -25px
}

.checktit span.pay_way {
    background-position: 0 -50px
}

.checktit span.pay_sum {
    background-position: 0 -75px
}

.in_addr li {
    padding: 12px 12px 12px 38px;
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    position: relative
}

.check_arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -5px 0 0 0;
    display: block;
    width: 7px;
    height: 11px;
    background-position: -85px -65px
}

.down_arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -6px 0 0 0;
    display: block;
    width: 11px;
    height: 7px;
    background-position: -97px -68px
}

.up_arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -6px 0 0 0;
    display: block;
    height: 7px;
    width: 11px;
    background-position: -97px -83px
}

.sumtotal p {
    border-bottom: #cfcfcf 1px dashed;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.sumtotal p:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.companyname {
    padding-right: 15px;
    font-size: 12px
}

.invoice {
    font-size: 14px;
    padding: 0 12px 12px;
    position: relative
}

.invoice h3 {
    padding: 12px 0 0;
    font-size: 14px;
    font-weight: 400
}

.connerdiv {
    padding: 10px 8px
}

.connerbox {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 4px;
    border: #dadada 1px solid;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset
}

.connerbox dd {
    padding: 6px 10px;
    font-style: normal;
    font-size: 14px;
    border-bottom: #e0e0e0 1px solid;
    position: relative
}

.connerbox dd span.form_hd {
    position: absolute;
    left: 10px;
    top: 6px;
    display: inline-block;
    line-height: 30px
}

.connerbox dd span.form_td {
    position: relative;
    margin-left: 45px;
    display: block
}

.connerbox dd span.ml80 {
    margin-left: 75px
}

.connerbox dd span.ml60 {
    margin-left: 60px
}

.connerbox dd span.form_td input, .connerbox dd span.form_td select {
    width: 100%
}

.connerbox dd:last-child {
    border-bottom: none
}

.connerbox .i_up_arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px
}

.connerbox .text_input, .connerbox .text_select, .connerbox .text_select option {
    background: 0 0;
    border: none;
    width: 200px;
    height: 30px;
    line-height: 30px;
    overflow: visible
}

.testcode {
    height: 27px;
    border: #ccc 1px solid !important;
    background: #fff !important;
    border-radius: 0;
    width: 100px
}

.forgetkey {
    color: #36C;
    font-size: 14px
}

.partnerlogo {
    border-top: #cecece 1px dashed;
    margin: 20px 0;
    padding: 20px 0
}

.p_links {
    padding: 10px;
    text-align: center;
    display: inline-block
}

.remember {
    font-size: 14px;
    color: #333
}

.input_reset {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 16px;
    height: 16px;
    background-position: -26px -140px;
    cursor: pointer
}

.userinfo {
    display: table;
    width: 100%;
    height: 109px;
    text-align: center;
    color: #fff;
    background: url(../images/common/e838acdae7.userinfo_bg.jpg?20140917) no-repeat;
    background-size: 100%
}

.userinfo .userinfo_content {
    display: table-cell;
    vertical-align: middle
}

.userinfo .username {
    font-size: 14px;
    line-height: 22px
}

.userinfo .usermsg {
    width: 140px;
    margin: 5px auto
}

.userinfo .valid_mark {
    float: left;
    font-size: 13px;
    line-height: 18px
}

.userinfo .valid_mark .num {
    color: #f1368d
}

.userinfo .tointegration {
    float: right;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    text-decoration: underline
}

.userinfo .btn_user_login {
    display: inline-block;
    width: 115px;
    margin: 15px 0 0;
    line-height: 32px;
    border-radius: 16px;
    font-size: 15px;
    color: #fff;
    background-color: #f46faa
}

.userinfo .btn_user_register {
    display: inline-block;
    width: 115px;
    margin: 15px 0 0 46px;
    line-height: 32px;
    border-radius: 16px;
    font-size: 15px;
    color: #fff;
    background-color: #f46faa
}

.userinfo .setpsw {
    display: inline-block;
    width: 74px;
    height: 28px;
    line-height: 28px;
    margin-top: 3px;
    font-size: 13px;
    border-radius: 14px;
    color: #fff;
    background-color: #a41d72
}

.user_order {
    border-top: none;
    border-bottom: 1px solid #e0e0e0
}

.in_user_center {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

#logout_btn_div {
    padding-left: 0
}

.order_state li {
    float: left;
    padding: 15px 0;
    width: 33.3333%;
    text-align: center
}

.order_state a {
    display: block;
    border-right: 1px solid #d9d9d9
}

.order_state li:last-child a {
    border-right: none
}

.order_state a span {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 18px;
    margin-right: 3px;
    background: url(../images/common/cc91bc06b8.usericon.png?20140919) no-repeat;
    background-size: 70px;
    vertical-align: top
}

.order_state a span.wait_pay {
    background-position: 0 0
}

.order_state a span.wait_delivery {
    background-position: 0 -25px
}

.order_state a span.all_orders {
    background-position: 0 -50px
}

.order_state p {
    display: inline-block;
    position: relative;
    line-height: 18px;
    font-size: 15px;
    color: #333;
    text-align: center
}

.order_state p em {
    position: absolute;
    top: -6px;
    right: -10px;
    min-width: 12px;
    height: 12px;
    border-radius: 6px;
    font-size: 9px;
    background: #f02387;
    text-align: center;
    line-height: 12px;
    color: #fff;
    font-style: normal
}

.in_user_center {
    padding-left: 24px;
    overflow: hidden;
    font-size: 14px
}

.in_user_center a {
    color: #000
}

.in_user_center a em, .s_heart {
    width: 20px;
    height: 18px;
    margin: 13px 12px 0 0;
    background: url(../images/common/cc91bc06b8.usericon.png?20141121) no-repeat;
    background-size: 70px
}

.s_heart {
    display: inline-block;
    width: 12px;
    height: 10px;
    background-position: -50px -195px;
    margin: 15px 0 0 5px
}

.in_user_center em.s_addr {
    background-position: -50px 0
}

.in_user_center em.s_wallet {
    background-position: -50px -25px
}

.in_user_center em.s_bouus {
    background-position: -50px -50px
}

.in_user_center em.s_card {
    background-position: -50px -75px
}

.in_user_center em.s_card_collect {
    background-position: 0 -75px
}

.in_user_center em.s_message {
    background-position: -50px -100px
}

.in_user_center em.s_sevice {
    background-position: -50px -125px
}

.in_user_center em.s_back {
    background-position: -50px -150px
}

.in_user_center em.s_count {
    background-position: 0 -150px
}

.in_user_center em.s_history {
    background-position: -50px -100px
}

.in_user_center em.s_fav {
    background-position: -50px -175px
}

.in_user_center em.s_integration {
    background-position: 0 -100px
}

.in_user_center em.s_vipmoney {
    background-position: 0 -250px
}

.in_user_center em.s_editpwd {
    background-position: 0 -275px
}

.in_user_center em.s_foot {
    height: 23px;
    margin-top: 10px;
    background-position: -50px -265px
}

.in_user_center .tel_num {
    float: right;
    padding-right: 15px;
    color: #f02387
}

.s_links a i.s_new {
    float: right;
    display: inline-block;
    line-height: 12px;
    padding: 1px 3px;
    margin: 14px 5px 0 0;
    color: #fff;
    background-color: #e4007e;
    border-radius: 3px
}

.s_links a i.s_onsale {
    float: right;
    display: inline-block;
    width: 40px;
    height: 19px;
    margin: 14px 0 0;
    background-position: -80px -180px
}

.btn_out {
    display: block;
    line-height: 42px;
    font-size: 15px;
    text-align: center;
    color: #565656;
    background-color: #fff
}

.in_feedback, .in_return, .in_wallet {
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px
}

.in_return a, .in_wallet a {
    padding-left: 10px
}

.in_feedback a {
    overflow: hidden;
    padding-left: 10px
}

.checkbox-container span {
    margin: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #BBB #DDD #DDD;
    border-right: 1px solid #DDD;
    border-radius: 2px;
    height: 18px;
    width: 18px;
    padding: 0 0 0 2px;
    position: absolute;
    left: -5px;
    top: 10px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.checkbox-container span img {
    display: none
}

.totalwallet {
    float: left;
    margin-right: 20px;
    background: #b77598;
    height: 55px;
    border-radius: 3px 0 0 3px;
    padding: 18px 20px 0;
    color: #fff;
    text-align: center
}

.totalwallet span {
    display: block
}

.walltlist {
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    border-bottom: #e3e3e3 1px solid
}

.wallethd {
    float: left;
    height: 66px;
    line-height: 66px;
    width: 75px;
    text-align: center;
    background: 0 0;
    border-right: #ccc 1px solid;
    color: #242424;
    margin-right: 10px
}

.walletinfo {
    height: 54px;
    overflow: hidden;
    line-height: 18px;
    padding: 6px 0
}

.in_w {
    float: left;
    margin: 8px 0 0 10px
}

.in_w02 {
    float: left;
    margin: 8px 0 0 10px;
    background: #d1d1d1;
    border: #ccc 1px solid;
    color: #fff
}

.bindtel {
    float: left;
    width: 63%;
    line-height: 40px;
    font-size: 14px
}

.u_bindpsw .binput {
    border-radius: 0;
    border: #dadada 1px solid !important;
    border-left: none !important;
    border-right: none !important
}

.in_feedback p.feedbacktips {
    float: left;
    width: 160px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000
}

.feedtime {
    float: right;
    font-size: 11px;
    padding-right: 5px;
    line-height: 44px
}

.usermess {
    position: relative;
    padding-left: 50px
}

.vipmess {
    position: relative;
    padding-right: 50px
}

.messbox {
    background: #fff;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.messbox dt {
    padding: 0 10px;
    line-height: 25px;
    border-bottom: #ccc 1px solid
}

.usermess dd, .vipmess dd {
    padding: 8px;
    font-size: 14px
}

.userhead, .viphead {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    margin-top: -14px;
    display: block
}

.userhead {
    left: 8px;
    background-position: -60px -65px
}

.viphead {
    right: 8px;
    background-position: -60px -100px
}

dd.squar_l {
    z-index: 10;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: -12px;
    padding: 0;
    border: 6px solid #fff;
    border-color: transparent #fff transparent transparent;
    border-style: dashed solid dashed dashed
}

dd.squar_r {
    z-index: 10;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: -12px;
    padding: 0;
    border: 6px solid #fff;
    border-color: transparent transparent transparent #fff;
    border-style: dashed dashed dashed solid
}

.feeback li {
    width: 50% !important;
    float: left
}

.u-addrbox {
    width: 100%
}

.addr_box {
    padding: 10px;
    line-height: 22px;
    color: #242424;
    background: url(../images/common/6ea0622754.addr_top_bg.jpg) repeat-x;
    background-size: 36px
}

.selected_addr {
    border: #f02387 1px solid
}

span.sele_addr {
    display: none
}

.selected_addr span.sele_addr {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 18px;
    height: 18px;
    background-color: #f02387;
    border-radius: 1px;
    background-position: -30px -45px
}

.addr_tel {
    padding-left: 20px
}

.addr_ope {
    border-top: #ccc 1px dashed;
    margin: 0 10px
}

.addr_ope a {
    float: right;
    padding: 10px 0 10px 24px
}

.addr_ope a span {
    display: block;
    float: left;
    height: 15px;
    width: 14px;
    padding-right: 3px
}

.addr_ope a span.edi {
    background-position: -32px 0
}

.addr_ope a span.delete {
    background-position: -32px -27px
}

.nullicon, .ordersuccess {
    text-align: center;
    padding: 50px 0;
    font-size: 14px
}

.nullicon p {
    line-height: 22px
}

.orderfail {
    margin: 0 auto
}

.fail_checked, .n_brand, .n_cart, .n_finder, .n_heart, .n_message, .n_order, .n_page, .n_product, .n_retrieval_product, .n_wallet, .null_histiry span, .succed_checked {
    width: 100px;
    height: 100px;
    display: inline-block;
    background: url(../images/common/0a14878994.nullicon.png?20141013) no-repeat;
    background-size: 200px
}

.n_order {
    background-position: -100px 0
}

.n_wallet {
    background-position: 0 -100px
}

.n_cart {
    background-position: 0 0
}

.n_product {
    width: 137px;
    background-position: 0 -600px
}

.n_heart {
    background-position: -100px -300px
}

.incart {
    display: inline-block;
    width: 60%;
    margin-top: 10px
}

.n_message {
    background-position: -100px -100px
}

.succed_checked {
    background-position: 0 -200px
}

.fail_checked {
    background-position: -100px -200px
}

.n_finder {
    background-position: 0 -300px
}

.n_brand {
    background-position: 0 -400px
}

.n_page {
    background-position: -100px -400px
}

.null_histiry span {
    background-position: 0 -500px
}

.nullicon_userfav {
    text-align: center;
    margin: 0 auto;
    font-size: 14px
}

.nullicon_userfav p {
    margin: 20px 0
}

.nullicon_userfav img {
    max-width: 640px;
    width: 100%
}

.nullicon_userfav .tohome {
    width: 50%;
    margin: 10px auto 30px
}

.orderlistdiv {
    padding: 10px;
    position: relative
}

.orderlistdiv .pro {
    position: absolute;
    top: 10px;
    left: 10px
}

.orderbtns {
    position: absolute;
    left: 78px;
    top: 50px
}

.orderbtns a {
    margin-right: 8px
}

.orderlisttit {
    padding: 0 10px
}

.orderlisttit.order-logistics {
    height: auto
}

.orderlisttit.order-logistics > p {
    position: relative
}

.orderlisttit.order-logistics > p .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.4rem
}

.orderlisttit.order-logistics > p .info {
    display: block;
    margin-left: 1.5rem
}

.orderRlink {
    min-height: 69px
}

.orderlistdiv .cart_orderlist_info {
    margin: 0 40px 0 65px;
    line-height: 18px
}

.rightrow {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 7px;
    height: 11px;
    background-position: -85px -65px;
    margin: -5px 0 0 0
}

.orderdeatilbox {
    padding: 8px;
    line-height: 22px;
    font-size: 14px
}

.orderdeatilbox .info-inline {
    font-size: 14px;
    line-height: 26px;
    color: #242424
}

.orderdeatilbox .info-inline i {
    margin-right: 0
}

.orderdeatil {
    position: relative;
    padding: 0 0 8px;
    margin-bottom: 8px;
    border-bottom: #ccc 1px dashed
}

.orderdeatil:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0
}

.cartlist em, .orderdeatil em {
    font-style: normal
}

.orderinfo {
    position: relative;
    padding: 8px 10px;
    line-height: 25px;
    color: #242424;
    font-size: 14px;
    border-bottom: #e5e5e5 1px solid;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f3f3f3');
    background: -ms-linear-gradient(top, #f8f8f8, #f3f3f3);
    background: -moz-linear-gradient(top, #f8f8f8, #f3f3f3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f3f3f3))
}

.o_d_info {
    margin-bottom: 8px
}

.o_d_info em {
    font-style: normal;
    color: #858585
}

.o_d_info em.o_d_sign {
    color: #eba602
}

.o_d_btns {
    position: absolute;
    right: 10px;
    top: 10px
}

span.tit_h {
    color: #242424
}

.or_price p {
    padding: 3px 0
}

.logistics {
    padding: 10px 0
}

.logistics span {
    display: block;
    width: 255px;
    height: 39px;
    margin: 0 auto;
    background: url(../images/common/15ae984cc4.logistics.png?20140815) no-repeat;
    background-size: 255px
}

.logistics span.step01 {
    background-position: 0 0
}

.logistics span.step02 {
    background-position: 0 -50px
}

.logistics span.step03 {
    background-position: 0 -100px
}

.logistics span.step04 {
    background-position: 0 -150px
}

.logistics span.step05 {
    background-position: 0 -200px
}

.logistics span.step06 {
    background-position: 0 -250px
}

.canclorder {
    margin: 0 10px;
    width: 50%;
    text-align: center
}

.changeaddr {
    display: block;
    float: left;
    height: 15px;
    width: 14px;
    margin: 7px 3px 0 0;
    background-position: -32px 0
}

.return .order_id {
    margin-top: 25px
}

.reason_i {
    float: left;
    max-width: 260px;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.in_return a i {
    float: right;
    display: block;
    width: 17px;
    height: 12px;
    margin: 16px 15px 0 0
}

.in_return a i.seleted {
    background-position: -32px -65px
}

.returnok {
    text-align: center;
    margin: 30px auto 35px;
    font-size: 16px;
    color: #858585
}

.returnok span {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 5px;
    background: url(../images/common/cc91bc06b8.usericon.png?20140919) no-repeat;
    background-size: 70px;
    vertical-align: middle
}

.in_pay ul li, .timetit {
    border-bottom: #e0e0e0 1px solid;
    padding: 10px 0 10px 10px;
    line-height: 32px;
    font-size: 14px;
    position: relative;
    height: 32px
}

.timetit {
    border-top: #e0e0e0 1px solid
}

.in_pay ul li:last-child {
    border-bottom: none
}

.in_pay ul li input {
    float: left;
    margin: 8px 5px 0
}

.in_pay ul li p {
    height: 32px;
    position: relative;
    z-index: 1
}

.in_pay ul li p em {
    font-style: normal;
    font-size: 12px;
    color: #bababa
}

.bankcard, .ccb, .cmb, .icbc, .payicon, .walleticon {
    display: inline-block;
    float: left;
    width: 50px;
    height: 32px;
    background: url(../images/common/eee2eceb1c.payicon.png?20140815) no-repeat;
    background-size: 200px
}

.weixin {
    background-position: 0 0
}

.cash {
    background-position: 0 -32px
}

.pos {
    background-position: 0 -64px
}

.zfbapp {
    background-position: 0 -96px
}

.zfbwap {
    background-position: 0 -160px
}

.bankcard {
    background-position: -50px -160px
}

.icbc {
    background-position: -50px -64px;
    height: 32px;
    width: 98px;
    margin-left: 10px
}

.ccb {
    background-position: -50px -32px;
    height: 32px;
    width: 83px;
    margin-left: 10px
}

.cmb {
    background-position: -50px -95px;
    height: 32px;
    width: 74px;
    margin-left: 10px
}

.walleticon {
    background-position: -50px 0
}

.payinwallet {
    padding: 10px;
    border-bottom: #e0e0e0 1px solid
}

.payinwallet p.c-dark {
    font-size: 16px
}

.wall_info {
    height: 32px;
    display: table-cell;
    vertical-align: middle;
    overflow: auto
}

.radio-box, .radio-selted {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    margin: 8px 5px 0 2px;
    background-position: 0 -120px
}

.radio-selted {
    background-position: 0 -100px
}

.check-box, .check-selted {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin: 8px 5px 0 2px;
    background-position: 0 -140px
}

.return .check-box {
    margin: 25px 5px 0 2px
}

.check-selted {
    background-position: 0 -160px
}

.in_addr .radio-box {
    position: absolute;
    left: 12px;
    top: 50%;
    margin: -8px 0 0 0
}

.in_pay ul li.bankpay {
    padding: 10px 0
}

.in_pay ul li.bankpay .radio-box {
    margin-left: 10px
}

.in_pay ul li.bankpay .down_arrow, .in_pay ul li.bankpay .up_arrow {
    top: 28px;
    bottom: 0
}

.messtit {
    font-size: 14px;
    color: #696969
}

.messlink {
    padding-top: 10px;
    text-align: center
}

.messlink a {
    display: inline-block
}

.aboutcontent {
    min-width: 320px;
    max-width: 540px;
    margin: 0 auto 14px;
    line-height: 0
}

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

.aboutcontent img {
    width: 100%
}

.phoneimg {
    width: 172px;
    height: 493px;
    margin-left: 5px;
    background: url(../images/common/4a14178753.client_iphone.jpg?20140916) no-repeat;
    background-size: 150px
}

.down_iphone {
    width: 320px;
    margin: 40px auto;
    background: url(../images/common/7161053104.service_download_bg.jpg?20140916) no-repeat;
    background-size: 320px
}

.down_text {
    width: 133px;
    height: 59px;
    background: url(../images/common/9a5e09198f.down_text.png?20140916) no-repeat;
    background-size: 133px
}

.androidimg {
    background: url(../images/common/09060c49b4.client_android.jpg?20140916) no-repeat;
    background-size: 150px
}

.miximg {
    background: url(../images/common/24fe217970.client_mix.png?20140916) no-repeat;
    background-size: 172px
}

.d-canals {
    background: url(../images/common/cc153c1f65.d-canals.jpg?20140916) no-repeat 0 15px;
    background-size: 150px
}

.downlink {
    padding-top: 45px
}

.mixlink {
    padding-top: 40px
}

.downlink h2 {
    font-size: 20px;
    color: #2b2a2a;
    text-shadow: 0 1px 0 #fff;
    line-height: normal;
    padding-bottom: 8px
}

.downlink h3 {
    font-size: 15px;
    color: #404040;
    text-shadow: 0 1px 0 #fff;
    margin: 0 0 15px
}

.btn_applink {
    display: inline-block;
    width: 159px;
    height: 45px;
    background: url(../images/common/0d6b419066.btn_applink.png?20140916) no-repeat;
    background-size: 159px
}

.btn_applink span {
    color: #fff;
    padding: 8px 0 0 18px;
    display: block
}

.btn_mix {
    display: block;
    margin: 17px 0
}

.mix_and, .mix_iph {
    display: block;
    width: 133px;
    height: 40px;
    background: url(../images/common/add1984556.btn_and_iph.png?20140916) no-repeat;
    background-size: 133px
}

.mix_iph {
    background-position: left bottom
}

.mix_and {
    background-position: left top
}

.btn_guide_client, .btn_guide_wap {
    width: 127px;
    padding: 0 15px;
    display: block
}

.btn_guide_client {
    color: #fff;
    height: 43px;
    border-radius: 4px;
    line-height: 43px;
    font-size: 18px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c9b', endColorstr='#e61f80');
    background: -ms-linear-gradient(top, #ff3c9b, #e61f80);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3c9b), to(#e61f80));
    background: -moz-linear-gradient(top, #ff3c9b, #e61f80);
    border: #df187a 1px solid
}

.btn_guide_client span {
    float: right;
    margin-top: 9px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -85px -153px
}

.btn_guide_wap {
    border: #b2b2b2 1px solid;
    background-color: #fff;
    color: #6c6c6c;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    margin-top: 20px
}

.btn_guide_wap span {
    float: right;
    display: inline-block;
    margin-top: 6px;
    width: 20px;
    height: 20px;
    background-position: -145px -153px
}

.goods_size span {
    display: inline-block;
    padding: 6px 8px;
    line-height: none;
    border: #d5d5d5 1px solid;
    margin: 0 10px 0 0;
    font-size: 11px
}

.user_orderlist_r .goods_size span {
    margin: 0 10px 0 0
}

span.size_cur {
    border: #e52b8d 1px solid;
    background: url(../images/common/size-selected.png) no-repeat right bottom;
    color: #e52b8d
}

span.unavailable {
    border: #e8e8e8 1px solid;
    color: #e8e8e8
}

.good_data_num {
    overflow: hidden;
    border: 1px solid #d5d5d5;
    width: 90px;
    height: 28px;
    float: left
}

.good_data_num em {
    font-style: normal
}

.good_data_num span {
    width: 28px;
    height: 28px;
    float: left;
    display: inline;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    font-family: "Courier New", Courier, monospace;
    text-align: center
}

.good_data_num_l {
    cursor: default;
    border-right: 1px solid #eee
}

.good_data_num span.good_data_num_l_act a {
    cursor: pointer;
    color: #666
}

.good_data_num_r {
    cursor: pointer;
    border-left: 1px solid #eee
}

.good_data_num_l a, .good_data_num_r a {
    display: block;
    height: 28px;
    color: #666
}

.good_data_num_l a {
    color: #ddd;
    background: #f0f0f0
}

.good_data_num span.good_data_num_r_act a {
    cursor: default;
    color: #ddd;
    background: #f0f0f0
}

.good_data_num span.good_data_num_l_act a, .good_data_num_r a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E4E4E4');
    background: -ms-linear-gradient(top, #fff, #E4E4E4);
    background: -moz-linear-gradient(top, #fff, #E4E4E4);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#E4E4E4))
}

.good_data_num_m {
    float: left;
    display: inline;
    width: 32px;
    line-height: 27px;
    background-color: #fff;
    cursor: default;
    text-align: center;
    font-size: 14px
}

.good_data_Text {
    display: inline;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 10px
}

.good_data_Text span {
    font-size: 14px !important;
    color: #f9339b;
    padding: 0 5px
}

#addToHomeScreen {
    z-index: 9999;
    -webkit-user-select: none;
    -webkit-box-sizing: border-box;
    width: 250px;
    font-size: 15px;
    padding: 10px 15px 10px 10px;
    text-align: left;
    font-family: helvetica;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -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, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    background: #f3f3f3
}

#addToHomeScreen .bTi {
    font-weight: 700;
    font-size: 14px
}

#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: #f3f3f3;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ccc;
    width: 16px;
    height: 16px;
    -webkit-transform: rotateZ(45deg);
    bottom: -9px;
    left: 50%;
    margin-left: -8px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    -webkit-border-bottom-right-radius: 2px
}

#addToHomeScreen.addToHomeIpad .addToHomeArrow {
    -webkit-transform: rotateZ(-135deg);
    background: #f3f3f3;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    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(../images/common/c0c2e3bfb7.addbg.png);
    background-size: 18px 15px;
    text-indent: -9999em;
    overflow: hidden
}

#addToHomeScreen .addToHomeTouchIcon {
    display: block;
    float: left;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 2px rgba(255, 255, 255, .9);
    background-repeat: no-repeat;
    width: 57px;
    height: 57px;
    -webkit-background-size: 57px 57px;
    margin: 0 12px 0 0;
    border: 1px solid #333;
    -webkit-background-clip: padding-box
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
    #addToHomeScreen .addToHomeShare {
        background-image: url(../images/common/c0c2e3bfb7.addbg.png)
    }
}

.ablock {
    display: block
}

.wlinfo {
    color: #bbb
}

.orderaction {
    padding: 8px 6px;
    position: relative;
    background: #f8f8f8;
    border-radius: 0 0 6px 6px;
    line-height: 20px;
    font-size: 13px;
    text-align: right;
}

.position {
    position: absolute;
    right: 10px;
    top: 5px
}

.reposition {
    position: absolute;
    right: 10px;
    top: 28px
}

.tips_accout, .tips_accout3 {
    float: right;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f254a2', endColorstr='#d62e83');
    background: -ms-linear-gradient(top, #f254a2, #d62e83);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f254a2), to(#d62e83));
    background: -moz-linear-gradient(top, #f254a2, #d62e83);
    border-radius: 2px;
    padding: 5px;
    color: #fff;
    margin: 5px 0 0 10px
}

.tips_accout3 {
    padding: 2px;
    margin: 0 25px 0 0
}

.tips_accout3 em {
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -5px;
    border: 4px solid #fff;
    border-color: #fff #e23e91 #fff #fff
}

.tips_accout em {
    position: absolute;
    left: -7px;
    top: 6px;
    width: 8px;
    height: 15px;
    background: url(../images/common/leftico.png) no-repeat left center
}

.wap_size_tab {
    border: 1px solid #CCCACC;
    border-collapse: collapse
}

.wap_size_tab td {
    padding: 0 5px;
    border: 1px solid #cccacc;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #807e80;
    background-color: #f8f8f8
}

.wap_size_tab td.tag {
    padding-left: 10px
}

.wap_size_tab td.tag02 {
    line-height: 24px
}

.light_red {
    color: #DC5C95
}

.overlayer {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}

.img-loading {
    background: url(../images/common/5b05650d6c.loading.gif) center center no-repeat
}

.vip_loading {
    background: url(../images/common/b1e7d8066b.loading_goods.png) center center no-repeat
}

.goods_images li.beauty_loading {
    background: url(../images/common/loading_beauty_list.gif) center top no-repeat;
    background-size: 300px;
    width: 300px;
    height: 198px
}

.cover_load_img {
    display: none;
    position: absolute;
    padding: 8px 10px 0;
    height: 40px;
    text-align: center;
    z-index: 100;
    right: 0;
    bottom: -2px;
    background: rgba(255, 255, 255, .5)
}

.beauty_g_images ul {
    position: relative
}

.img-bg {
    background-color: #eee
}

.shadow {
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2)
}

.animate-loading {
    min-height: 50px;
    background: url(../images/common/8d4867b134.loading-big.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200
}

.an-Transition {
    transition: width .5s, height .5s;
    -moz-transition: width .5s, height .5s, -moz-transform .5s;
    -webkit-transition: width .5s, height .5s, -webkit-transform .5s;
    -o-transition: width .5s, height .5s, -o-transform .5s
}

.an-Transitionhover {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.t_load {
    background-position: 0 0;
    line-height: 16px;
    min-height: 16px
}

.pro_title_new {
    color: #4C4C4C;
    font-family: 微软雅黑, arial, sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    overflow: hidden
}

.pro_title_new span {
    border-bottom: 2px solid #DE609E;
    color: #DE609E;
    font-size: 14px;
    line-height: 19px;
    margin-left: 5px;
    padding-right: 8px
}

.pro_title_new .w1 {
    width: 894px
}

.pro_title_new .w2 {
    width: 880px
}

.pro_title_new .w3 {
    width: 854px
}

.pro_title_new .w4 {
    width: 840px
}

.pro_title_new .w5 {
    width: 845px
}

.pro_txt_content {
    overflow: hidden;
    padding: 0 20px 43px 40px
}

.th_num {
    margin: 10px 0 20px 80px;
    font-size: 14px
}

.dc_tit {
    position: relative;
    font-size: .3rem;
    text-align: left;
    color: #000;
    margin: 0 0 .2rem
}

.dc_tit:before {
    content: "";
    position: absolute;
    top: .2rem;
    left: 1.4rem;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.dc_tit i {
    display: none;
    color: #F43499;
    font-size: 18px;
    font-weight: 100;
    padding-left: 3px
}

.dc_img, .dc_info {
    padding: 0;
    margin-bottom: .3rem;
    color: #585c64
}

.dc_size {
    color: #666;
    overflow: hidden;
    padding: 20px
}

.dc_size_tip {
    font-size: 14px;
    line-height: 1.8
}

.dc_size_tip dt {
    font-weight: 700
}

.dc_size_tit {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    padding-bottom: 10px
}

.dc_table_tit {
    vertical-align: top;
    white-space: nowrap
}

.pro_detail_info {
    margin: 0 0 .2rem
}

.pro_detail_info img {
    display: block;
    width: auto !important;
    max-width: 100%
}

.pro_detail_info ul {
    font-size: .28rem;
    color: #000;
    margin: 0 .15rem
}

.pro_detail_info ul li {
    display: block;
    line-height: .36rem
}

.dc_info .dc_info_tit {
    float: left;
    width: 1.43rem
}

.dc_info .dc_info_cnt {
    float: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    padding: 0 .1rem;
    width: 70%
}

.dc_table {
    width: 100%;
    font-size: .24rem;
    line-height: .32rem;
    color: #181a1c
}

.dc_table td {
    padding: .1rem 0
}

.dc_table_tit {
    width: 60px;
    color: #000
}

.detail-recommend .dc_tit:before {
    content: "";
    position: absolute;
    top: .2rem;
    left: 2rem;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.detail-con .u-brand-ent {
    margin: 0 -.2rem .2rem
}

.i_client {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 55px;
    background-color: rgba(0, 0, 0, .8);
    position: relative
}

.i_client_m {
    position: relative;
    width: 320px;
    margin: 0 auto;
    z-index: 100
}

.i_client_m p {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 100px;
    width: 120px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    font-style: italic
}

.i_client_head {
    width: 100%;
    text-align: center;
    padding: 12px 0 8px;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#bebebe');
    background: -ms-linear-gradient(top, #f3f3f3, #bebebe);
    background: -moz-linear-gradient(top, #f3f3f3, #bebebe);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#bebebe))
}

.i_client_m .btn_area {
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 100;
    display: block;
    width: 200px;
    height: 55px
}

.i_client_head a.down {
    display: block
}

.in_close {
    display: block;
    width: 18px;
    height: 18px;
    z-index: 101;
    padding: 10px 20px 10px 7px;
    position: absolute;
    background-position: -168px -143px;
    top: 10px;
    left: 0
}

.btn {
    display: inline-block;
    *display: inline;
    padding: 5px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e6e6e6;
    *background-color: #e6e6e6;
    border: 1px solid transparent;
    border: 1px solid #e6e6e6;
    *border: 0;
    border-color: #e6e6e6;
    border-color: rgba(0, 0, 0, .01)
}

.btn.active, .btn.disabled, .btn:active, .btn:focus, .btn:hover, .btn[disabled] {
    color: #333;
    background-color: #d6d6d6;
    *background-color: #d6d6d6
}

.btn:first-child {
    *margin-left: 0
}

.btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn:focus {
    outline: 0
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-purple {
    color: #fff;
    text-shadow: none;
    background-color: #f8b502;
    border-color: #f8b502
}

.btn-purple.active, .btn-purple.disabled, .btn-purple:active, .btn-purple:focus, .btn-purple:hover, .btn-purple[disabled] {
    color: #fff;
    background-color: #FFBA00;
}

.btn-sumbit {
    border-radius: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #ff3c9b;
    *background-color: #bd2f74;
    background-image: -moz-linear-gradient(top, #ff3c9b, #e61f80);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3c9b), to(#e61f80));
    background-image: -webkit-linear-gradient(top, #ff3c9b, #e61f80);
    background-image: -o-linear-gradient(top, #ff3c9b, #e61f80);
    background-image: linear-gradient(to bottom, #ff3c9b, #e61f80);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .2) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff3c9b', endColorstr='#ffe61f80', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .2)
}

.btn-default {
    color: #555;
    text-shadow: none;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.active, .btn-default.disabled, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default[disabled] {
    background-color: #fff;
    border-color: #ccc
}

.btn-sumbit2, .btn-sumbit2:active, .btn-sumbit2:focus {
    color: #e4007f;
    text-shadow: none;
    background-color: #fef2f9;
    *background-color: #fef2f9;
    border-color: #e4007f
}

.btn-disable, .btn-disable:active, .btn-disable:focus {
    color: #939ca2;
    text-shadow: none;
    background-color: #f0f1f3;
    *background-color: #f0f1f3;
    border-color: #d8dcdf
}

.btn-sumbit.active, .btn-sumbit.disabled, .btn-sumbit:active, .btn-sumbit:focus, .btn-sumbit:hover, .btn-sumbit[disabled] {
    color: #fff;
    background-color: #e61f80;
    *background-color: #c72172
}

.btn-large {
    padding: 8px 25px
}

.btn-round {
    border-radius: 5px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.btn-long {
    width: 100%;
    padding: 8px 0;
    font-size: 16px
}

.btn-mid {
    width: 70%;
    padding: 8px 0;
    font-size: 16px
}

.btn-small {
    width: 40%;
    padding: 8px 0;
    font-size: 16px
}

.closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.closeBtn:focus, .closeBtn:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.layout {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 200;
    text-align: center
}

.popup {
    background: #f5f5f5;
    width: 250px;
    padding: 0 15px 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -140px
}

.popup h2 {
    color: #000;
    font-size: 16px;
    line-height: 50px;
    border-bottom: #ccc 1px solid;
    text-align: left
}

.popup p {
    padding: 10px 0;
    text-shadow: 0 1px 2px #fff;
    text-align: left
}

.btn_pay_more {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2e8c', endColorstr='#ff3c9b');
    background: -ms-linear-gradient(top, #ef2e8c, #ff3c9b);
    background: -moz-linear-gradient(top, #ef2e8c, #ff3c9b);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ef2e8c), to(#ff3c9b));
    border: #db207b 1px solid !important
}

.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    width: 270px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.modal-header .close {
    margin-top: 2px
}

.modal-header {
    padding: 20px 15px 0
}

.modal-header h3 {
    margin: 0;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-align: center
}

.modal-body {
    position: relative;
    max-height: 200px;
    padding: 15px;
    overflow-y: auto
}

.modal-message {
    text-align: left;
    font-size: 16px;
    color: #000
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    margin-bottom: 0;
    border-top: 1px solid #b2b2b2;
    text-align: center;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1
}

.modal-footer:after, .modal-footer:before {
    display: table;
    line-height: 0;
    content: ""
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn {
    width: 100%;
    padding: 12px 0;
    font-size: 16px;
    border: none;
    -webkit-border-radius: 0 0 0 6px;
    -moz-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: -1px;
    border-left: 1px solid #b2b2b2;
    -webkit-border-radius: 0 0 6px;
    -moz-border-radius: 0 0 6px;
    border-radius: 0 0 6px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-Preloader {
    background-color: #F7F7F7;
    background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden
}

.modal-Preloader .bar {
    -moz-box-sizing: border-box;
    background-color: #0E90D2;
    background-image: linear-gradient(to bottom, #149BDF, #0480BE);
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .15) inset;
    color: #FFF;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    transition: width .6s ease 0s;
    width: 100%
}

.progress.active .bar {
    animation: 2s linear 0s normal none infinite progress-bar-stripes
}

.progress-striped .bar {
    background-color: #149BDF;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px
}

.ui-model-animation {
    position: fixed;
    z-index: 10000;
    width: 100px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .3);
    *border: 1px solid #999;
    text-align: center;
    outline: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.ui-model-animation.none {
    width: auto;
    height: auto;
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ui-model-animation img {
    width: 100%
}

.ui-top-note {
    z-index: 200;
    background-color: #006dcc;
    width: 90%;
    color: #fff;
    text-align: left;
    padding: 8px 5%;
    line-height: 20px;
    diplay: block;
    font-size: 14px;
    word-break: break-all
}

.ui-group {
    margin: 0;
    padding: 0
}

.ui-group .ui-c-group {
    margin-bottom: 5px;
    *zoom: 1
}

.ui-group .ui-c-group:after, .ui-group .ui-c-group:before {
    display: table;
    line-height: 0;
    content: ""
}

.ui-group .ui-c-group:after {
    clear: both
}

.ui-c-group.error, .ui-c-group.error .checkbox, .ui-c-group.error .radio, .ui-c-group.error input, .ui-c-group.error select, .ui-c-group.error textarea {
    color: #b94a48
}

.ui-c-group.error input, .ui-c-group.error select, .ui-c-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.ui-circle-box {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-top: 0;
    margin-right: 5px;
    *margin-right: .3em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background-color: #e1137f;
    *background-color: #e1137f;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.ui-circle {
    border-color: #cd0064;
    background-color: #cd0064;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ui-circle .modal-body {
    padding: 0
}

.ui-circle .modal-message {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 700
}

.ui-error, .ui-info, .ui-success, .ui-warning {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .1)
}

.ui-error {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #da4f49;
    border-color: #bd362f #bd362f #802420
}

.ui-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #5bb75b;
    *background-color: #51a351;
    border-color: #51a351 #51a351 #387038
}

.ui-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #faa732;
    *background-color: #f89406;
    border-color: #f89406 #f89406 #ad6704
}

.ui-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #006dcc;
    *background-color: #04c;
    border-color: #04c #04c #002a80
}

.ui-error .modal-header, .ui-info .modal-header, .ui-success .modal-header, .ui-warning .modal-header {
    padding: 5px 15px
}

.ui-error .modal-header h3, .ui-info .modal-header h3, .ui-success .modal-header h3, .ui-warning .modal-header h3 {
    color: #ffafad
}

.ui-error .modal-body, .ui-info .modal-body, .ui-success .modal-body, .ui-warning .modal-body {
    padding: 10px
}

.ui-error .modal-message, .ui-info .modal-message, .ui-success .modal-message, .ui-warning .modal-message {
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.ui-btn-area {
    position: relative
}

.ui-btn-mask {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    height: 35px;
    line-height: 35px;
    background-color: rgba(255, 255, 255, .4);
    *background-color: #fff;
    color: #fff;
    font-size: 16px
}

.ui-btn-mask img {
    vertical-align: middle
}

.ui-modal-doubleBtn, .ui-modal-singleBtn {
    -webkit-animation: scaleModal .5s ease-in-out 1;
    -moz-animation: scaleModal .5s ease-in-out 1;
    -o-animation: scaleModal .5s ease-in-out 1;
    animation: scaleModal .5s ease-in-out 1
}

.ui-modal-singleBtn .btn {
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    color: #157efb;
    background-color: #fff
}

.ui-modal-doubleBtn .btn {
    width: 50%;
    color: #157efb;
    background-color: #fff
}

.ui-modal-doubleBtn .btn.active, .ui-modal-doubleBtn .btn.disabled, .ui-modal-doubleBtn .btn:active, .ui-modal-doubleBtn .btn:focus, .ui-modal-doubleBtn .btn:hover, .ui-modal-doubleBtn .btn[disabled], .ui-modal-singleBtn .btn.active, .ui-modal-singleBtn .btn.disabled, .ui-modal-singleBtn .btn:active, .ui-modal-singleBtn .btn:focus, .ui-modal-singleBtn .btn:hover, .ui-modal-singleBtn .btn[disabled] {
    color: #333;
    background-color: #d6d6d6;
    *background-color: #d6d6d6
}

.ui-modal-doubleBtn .icon {
    float: left;
    margin-right: 5px;
    width: 77px;
    height: 77px
}

.ui-modal-doubleBtn.form-modal .modal-body input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@keyframes scaleModal {
    0% {
        transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2)
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1)
    }
}

@-moz-keyframes scaleModal {
    0% {
        -moz-transform: scale(1.5, 1.5)
    }
    100% {
        -moz-transform: scale(1, 1)
    }
}

@-webkit-keyframes scaleModal {
    0% {
        -webkit-transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1, 1)
    }
}

.ui-modal-black {
    background-color: rgba(0, 0, 0, .85);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.ui-modal-black .modal-body {
    min-width: 105px;
    max-width: 180px
}

.ui-modal-black .modal-message {
    text-align: center;
    color: #fff;
    font-size: 14px
}

.ui-modal-black .closeBtn {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.ui-modal-black .closeBtn:focus, .ui-modal-black .closeBtn:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ui-model-double .modal-message {
    text-align: center
}

.ui-model-double .modal-footer {
    padding: 0;
    border-top: 1px solid #cecece;
    *zoom: 1
}

.ui-model-double .modal-footer .btn {
    width: 50%;
    background-color: #fff;
    color: #157efb
}

.ui-model-double .modal-footer .btn.disabled, .ui-model-double .modal-footer .btn.disabled:active {
    background-color: #e6e6e6;
    color: #888
}

.ui-model-double .modal-footer .btn:hover {
    background-color: #e6e6e6
}

.ui-model-double .modal-footer .btn:active {
    background: 0 0
}

.ui-model-double h1 {
    font-size: 16px;
    margin-bottom: 10px
}

.ui-model-double .nav-list {
    padding: 0
}

.ui-model-double .nav-list li {
    margin-bottom: 0;
    font-size: 14px
}

.ui-model-double .nav-list .control-text {
    padding: 0 15px
}

.ui-model-double .nav-list .control-text.error {
    color: #f02387
}

.ui-model-double .btn-refresh {
    display: inline-block;
    color: #2d71a3;
    font-size: 14px;
    line-height: 28px
}

.ui-model-double .control-captcha input[type=text] {
    width: 90px;
    border: 1px solid #ccc
}

.ui-model-double.single .modal-header {
    border-bottom: .02rem solid #a0a0a0
}

.ui-model-double.single .modal-header h3 span {
    display: block;
    line-height: 34px;
    font-weight: 400;
    font-size: .28rem;
    color: #535353
}

.ui-model-double.single .modal-body {
    padding: 5px 15px;
    max-height: 280px
}

.ui-model-double.single .modal-message {
    color: #535353
}

.ui-model-double.single .nav-list li {
    text-align: left;
    padding: 0 15px;
    height: 42px;
    line-height: 42px
}

.ui-model-double.single .btn-link {
    width: 100%;
    padding: 9px 0;
    color: #f02387;
    font-size: .32rem;
    background-color: #fff
}

.ui-model-double.single .btn-link:hover {
    background-color: #f02387;
    color: #fff
}

.ui-model-double.single .btn-none {
    display: block;
    margin: 20px 0;
    font-size: .28rem;
    text-decoration: underline
}

.ui-model-double2 .btn {
    width: 100%;
    border-radius: 0 0 6px 6px
}

.ui-model-double .form-check li {
    text-align: left
}

.ui-model-double .form-check input {
    width: 95%;
    border: 1px solid #ccc
}

.ui-model-double .form-check input[type=tel] {
    width: 130px
}

.ui-model-double .form-check button {
    width: 120px
}

.ui-modal-popover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: rgba(255, 255, 255, .95);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 8
}

.ui-modal-popover.top {
    margin-top: -10px
}

.ui-modal-popover.right {
    margin-left: 10px
}

.ui-modal-popover.bottom {
    margin-top: 10px
}

.ui-modal-popover.left {
    margin-left: -10px
}

.ui-modal-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.ui-modal-popover-title:empty {
    display: none
}

.ui-modal-popover-content {
    padding: 9px 14px
}

.ui-modal-popover .arrow, .ui-modal-popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.ui-modal-popover .arrow {
    border-width: 11px
}

.ui-modal-popover .arrow:after {
    border-width: 10px;
    content: ""
}

.ui-modal-popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.ui-modal-popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.ui-modal-popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.ui-modal-popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.ui-modal-popover.bottom .arrow {
    op: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-top-width: 0
}

.ui-modal-popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.ui-modal-popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
    border-right-width: 0
}

.ui-modal-popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0
}

.ui-modal-popover .modal-header {
    padding: 10px 5px 0;
    border-bottom: none
}

.ui-modal-popover .modal-header h3 {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    text-align: left
}

.ui-modal-popover .modal-header h3 b {
    color: #f9339b
}

.ui-modal-popover .modal-body {
    padding: 5px;
    overflow: visible
}

.ui-modal-popover .modal-footer {
    padding: 8px 8px 10px;
    border: none
}

.ui-modal-popover .modal-message {
    font-size: 12px
}

.ui-modal-popover .modal-message .table td, .ui-modal-popover .modal-message .table th {
    text-align: center
}

.ui-modal-popover .btn {
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.ui-modal-popover .closeBtn {
    padding: 5px 0;
    top: -20px;
    right: -12px;
    z-index: 1051;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ui-modal-popover .closeBtn span {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 24px;
    text-shadow: 0 1px 0 #333;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.closeBtn:focus, .ui-modal-popover .closeBtn:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100)
}

.closeBtn:focus span, .ui-modal-popover .closeBtn:hover span {
    color: #eee
}

.ui-modal-popover.black-tips {
    position: fixed;
    top: auto;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .8);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}

.ui-modal-popover.black-tips .arrow, .ui-modal-popover.black-tips.top .arrow {
    border-top-color: rgba(0, 0, 0, .25)
}

.ui-modal-popover.black-tips .arrow:after, .ui-modal-popover.black-tips.top .arrow:after {
    border-top-color: rgba(0, 0, 0, .7);
    border-bottom-color: rgba(0, 0, 0, .7)
}

.ui-modal-popover.black-tips .modal-message p {
    font-size: 14px;
    color: #e4e4e4;
    text-align: center
}

.ui-modal-popover.black-tips .modal-footer .btn {
    padding: 6px 0;
    width: 100%
}

.ui-modal-loading {
    width: 80px;
    height: 80px;
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ui-modal-loading .modal-body {
    padding: 0;
    overflow: hidden
}

.ui-modal-fade {
    position: absolute;
    background-color: rgba(255, 255, 255, .9);
    border: 4px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.ui-modal-fade .modal-header {
    border-bottom: none;
    box-shadow: 0 1px 2px #fff inset, 0 1px 2px rgba(83, 83, 83, .3);
    -moz-box-shadow: 0 1px 2px #fff inset, 0 1px 2px rgba(83, 83, 83, .3);
    -webkit-box-shadow: 0 1px 2px #fff inset, 0 1px 2px rgba(83, 83, 83, .3)
}

.ui-modal-fade .modal-header:last-child {
    margin-bottom: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.ui-modal-fade .modal-header h3 {
    font-size: 14px;
    color: #e4007e;
    font-weight: 400;
    text-align: center
}

.ui-modal-fade .modal-header span.hj {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 29px;
    height: 29px;
    background-position: -55px -120px
}

.ui-modal-fade .modal-header a.closeBtn {
    margin-top: 2px;
    margin-right: -15px;
    padding: 0 10px;
    font-size: 26px
}

.ui-modal-fade .modal-body {
    padding: 0;
    max-height: none
}

.ui-modal-fade .modal-body h4 {
    padding: 0 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    box-shadow: 0 1px 0 #eee;
    display: block;
    text-align: left;
    background-color: #ccc;
    color: #7c7c7c;
    text-indent: 12px;
    position: relative
}

.ui-list-li li {
    border-top: #f0f0f0 1px solid;
    border-bottom: #bdbdbd 1px solid;
    color: #313131;
    text-align: left
}

.ui-list-li li a:active {
    background-color: #535353;
    color: #fff;
    border-radius: 4px
}

.ui-list-li li a {
    color: #000;
    padding: 8px 0;
    display: block;
    margin: 5px 8px;
    text-indent: 12px;
    font-size: 14px;
    font-style: normal
}

.icon_addr {
    float: right;
    display: inline-block;
    width: 12px;
    height: 16px;
    margin-right: 10px;
    background-position: right top
}

.ui-modal-center {
    background: 0 0;
    border: 1px solid #999;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ui-modal-center .modal-header {
    padding: 0;
    border: none
}

.ui-modal-center .modal-body {
    max-height: 440px;
    height: 440px;
    padding: 0;
    overflow: visible
}

.ui-modal-center .closeBtn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1051;
    opacity: .8;
    filter: alpha(opacity=80)
}

.ui-modal-center .closeBtn span {
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    background-color: #666;
    border: 3px solid #fff;
    border-radius: 24px;
    text-shadow: 0 1px 0 #333;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.ui-modal-center .closeBtn:focus, .ui-modal-center .closeBtn:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ui-modal-center .closeBtn:focus span, .ui-modal-center .closeBtn:hover span {
    color: #eee
}

.ui-modal-transparent {
    border: none;
    background: 0 0;
    box-shadow: none
}

.ui-modal-transparent .modal-message {
    text-align: center;
    color: #fff;
    padding-bottom: 62px;
    font-size: 14px
}

.ui-modal-transparent .closeBtn, .ui-modal-transparent .red-bag {
    background: url(../images/common/2f2070c88f.red_bag_modal.png) no-repeat;
    background-size: 128px;
    width: 70px;
    height: 122px;
    display: inline-block
}

.ui-modal-transparent .red-bag {
    margin-bottom: 20px
}

.ui-modal-transparent .closeBtn {
    width: 55px;
    height: 56px;
    position: absolute;
    bottom: 0;
    top: initial;
    left: 50%;
    margin-left: -28px;
    background-position: -71px -4px;
    overflow: hidden;
    line-height: 9999px
}

.ui-modal-advertiseCenter {
    border: none;
    background: 0 0;
    box-shadow: none
}

.ui-modal-advertiseCenter .modal-body {
    padding: 0;
    overflow: visible;
    max-height: none
}

.ui-modal-advertiseCenter .modal-message {
    text-align: center;
    padding: 0;
    color: #fff
}

.ui-modal-advertiseCenter .modal-message img {
    width: 100%
}

.ui-modal-advertiseCenter .closeBtn {
    padding: 15px;
    top: -30px;
    right: -30px;
    z-index: 1051;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ui-modal-advertiseCenter .closeBtn span {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 24px;
    text-shadow: 0 1px 0 #333;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    font-family: Arial, sans-serif
}

.closeBtn:focus, .ui-modal-advertiseCenter .closeBtn:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100)
}

.closeBtn:focus span, .ui-modal-advertiseCenter .closeBtn:hover span {
    color: #eee
}

.ui-modal-advertiseBottom {
    border: none;
    background: 0 0;
    box-shadow: none
}

.ui-modal-advertiseBottom .modal-body {
    padding: 0;
    overflow: visible;
    max-height: none
}

.ui-modal-advertiseBottom .modal-message {
    text-align: center;
    padding: 0;
    color: #fff
}

.ui-modal-advertiseBottom .modal-message img {
    width: 100%;
    height: auto
}

.ui-modal-advertiseBottom .closeBtn {
    padding: 5px;
    top: 11%;
    right: 5px;
    z-index: 1051;
    opacity: .8;
    filter: alpha(opacity=80)
}

.ui-modal-advertiseBottom .closeBtn span {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 24px;
    text-shadow: 0 1px 0 #333;
    font-family: Arial, sans-serif
}

.closeBtn:focus, .ui-modal-advertiseBottom .closeBtn:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100)
}

.closeBtn:focus span, .ui-modal-advertiseBottom .closeBtn:hover span {
    color: #eee
}

.ui-modal-panelbottom {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-modal-panelbottom .modal-header {
    padding: 0 10px;
    border-top: 1px solid #434343;
    border-bottom: 1px solid #c8c7cc;
    background-color: #f5f5f5
}

.ui-modal-panelbottom .modal-header h3 {
    height: .84rem;
    line-height: .84rem;
    text-align: left;
    color: #39424a
}

.ui-modal-panelbottom .modal-header .closeBtn {
    font-size: 26px;
    font-weight: 400;
    font-family: Verdana, Geneva, sans-serif;
    color: #39424a;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ui-modal-panelbottom .modal-body {
    padding: 0;
    max-height: 350px
}

.u-coin {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: url(../images/common/bb5f6a1954.coin.png) no-repeat;
    background-size: 100%;
    z-index: 100
}

.u-animatebox {
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.u-coinbox {
    position: absolute;
    width: 40px;
    height: 100%;
    z-index: 100
}

.e-regcoin-box {
    padding: 33px 0 0
}

.e-regcoin {
    height: 85px;
    background: rgba(228, 0, 127, .7);
    overflow: auto
}

.e-regcoin .u-info {
    margin: 10px 0 10px 23%;
    font-size: 14px;
    color: #fff;
    text-align: left
}

.e-regcoin .u-info span {
    margin: 0 2px;
    font-size: 20px
}

.e-regcoin .u-btn-get {
    display: block;
    width: 36%;
    padding: 5px;
    margin-left: 23%;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px
}

.e-regcoin .u-btn-get span {
    float: right
}

.e-c01 {
    top: -100%;
    left: 40px
}

.e-c02 {
    top: -100%;
    right: 40px
}

.e-c03 {
    top: -100%;
    right: 60px
}

.e-c04 {
    top: -100%;
    right: 75px
}

.e-c05 {
    top: -100%;
    left: 60px
}

.e-c06 {
    position: fixed;
    bottom: 3.8%;
    right: -40px
}

.e-c06 .u-coin {
    width: 40px;
    height: 40px;
    -webkit-animation: c06-rotate .6s linear 1.1s both;
    animation: c06-rotate .6s linear 1.1s both
}

.play .e-c01 {
    -webkit-animation: c01 .6s ease-in .8s both;
    animation: c01 .6s ease-in .8s both
}

.play .e-c02 {
    -webkit-animation: c02 .6s ease-in .75s both;
    animation: c02 .6s ease-in .75s both
}

.play .e-c03 {
    -webkit-animation: c03 .6s ease-in .9s both;
    animation: c03 .6s ease-in .9s both
}

.play .e-c04 {
    -webkit-animation: c04 .6s ease-in .6s both;
    animation: c04 .6s ease-in .6s both
}

.play .e-c05 {
    -webkit-animation: c05 .6s ease-in .6s both;
    animation: c05 .6s ease-in .6s both
}

.play .e-c06 {
    -webkit-animation: c06 .6s ease 1.1s both;
    animation: c06 .6s ease 1.1s both
}

@-webkit-keyframes c01 {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    63% {
        -webkit-transform: translate3d(0, 100%, 0)
    }
    100% {
        -webkit-transform: translate3d(-80px, 76%, 0)
    }
}

@keyframes c01 {
    0% {
        transform: translate3d(0, 0, 0)
    }
    63% {
        transform: translate3d(0, 100%, 0)
    }
    100% {
        transform: translate3d(-80px, 76%, 0)
    }
}

@-webkit-keyframes c02 {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    78% {
        -webkit-transform: translate3d(0, 100%, 0)
    }
    100% {
        -webkit-transform: translate3d(80px, 80%, 0)
    }
}

@keyframes c02 {
    0% {
        transform: translate3d(0, 0, 0)
    }
    78% {
        transform: translate3d(0, 100%, 0)
    }
    100% {
        transform: translate3d(80px, 80%, 0)
    }
}

@-webkit-keyframes c03 {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    69% {
        -webkit-transform: translate3d(0, 100%, 0)
    }
    100% {
        -webkit-transform: translate3d(100px, 75%, 0)
    }
}

@keyframes c03 {
    0% {
        transform: translate3d(0, 0, 0)
    }
    69% {
        transform: translate3d(0, 100%, 0)
    }
    100% {
        transform: translate3d(100px, 75%, 0)
    }
}

@-webkit-keyframes c04 {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    63% {
        -webkit-transform: translate3d(0, 100%, 0)
    }
    100% {
        -webkit-transform: translate3d(115px, 90%, 0)
    }
}

@keyframes c04 {
    0% {
        transform: translate3d(0, 0, 0)
    }
    63% {
        transform: translate3d(0, 100%, 0)
    }
    100% {
        transform: translate3d(115px, 90%, 0)
    }
}

@-webkit-keyframes c05 {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    58% {
        -webkit-transform: translate3d(0, 100%, 0)
    }
    100% {
        -webkit-transform: translate3d(-100px, 90%, 0)
    }
}

@keyframes c05 {
    0% {
        transform: translate3d(0, 0, 0)
    }
    58% {
        transform: translate3d(0, 100%, 0)
    }
    100% {
        transform: translate3d(-100px, 90%, 0)
    }
}

@-webkit-keyframes c06-rotate {
    0% {
        -webkit-transform: rotate(90deg)
    }
    60% {
        -webkit-transform: rotate(370deg)
    }
    80% {
        -webkit-transform: rotate(350deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes c06-rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(-180deg)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-webkit-keyframes c06 {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(-115px, 0, 0)
    }
    80% {
        -webkit-transform: translate3d(-95px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-105px, 0, 0)
    }
}

@keyframes c06 {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(-115px, 0, 0)
    }
    80% {
        transform: translate3d(-95px, 0, 0)
    }
    100% {
        transform: translate3d(-105px, 0, 0)
    }
}

@media screen and (min-width: 374px) {
    @-webkit-keyframes c06 {
        0% {
            -webkit-transform: translate3d(0, 0, 0)
        }
        60% {
            -webkit-transform: translate3d(-140px, 0, 0)
        }
        80% {
            -webkit-transform: translate3d(-120px, 0, 0)
        }
        100% {
            -webkit-transform: translate3d(-130px, 0, 0)
        }
    }@keyframes c06 {
         0% {
             transform: translate3d(0, 0, 0)
         }
         60% {
             transform: translate3d(-140px, 0, 0)
         }
         80% {
             transform: translate3d(-120px, 0, 0)
         }
         100% {
             transform: translate3d(-130px, 0, 0)
         }
     }
}

.ui-white-loading {
    border: none
}

.ui-white-loading .modal-body {
    padding: 10px
}

.ui-white-loading .modal-body .modal-message {
    text-align: center
}

.ui-white-loading .modal-body h3 {
    font-weight: 400;
    color: #ef0075;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 22px;
    line-height: 30px
}

.ui-white-loading .modal-body h3 .pulse-char {
    position: relative
}

.ui-white-loading .modal-body p {
    font-size: 12px;
    color: #aaa
}

.container.coupon-box, .container.password-box, .container.product-box, .container.reg-mobile-box, .container.user-login-box {
    margin: 10px 0 60px
}

.container.user-login-box {
    padding: 0 0 0 10px;
    margin: 0 0 10px
}

.user-login-box .panel-forms {
    margin-top: 10px
}

.user-login-box .panel-forms .nav-list li.control-group.error {
    background-color: #f2deeb;
    color: #a80070;
    border-color: #ff7ac0
}

.user-login-box .panel-forms .nav-list .control-text.error {
    color: #f02387
}

.user-login-box .panel-forms .nav-list li.control-group {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    background-color: #fff
}

.user-login-box .panel-forms .control-group .btn {
    position: absolute;
    display: block;
    right: 3px;
    top: 50%;
    margin-top: -16px;
    cursor: pointer;
    z-index: 10
}

.user-login-box .panel-forms .control-captcha input[type=text] {
    width: 90px;
    border: 1px solid #ccc
}

.user-login-box .panel-forms .control-captcha.error input[type=text] {
    border-color: #ff7ac0
}

.user-login-box .panel-forms .control-captcha a {
    display: inline-block
}

.user-login-box .panel-forms .control-label {
    width: 45px;
    text-align: left;
    padding-top: 6px
}

.user-login-box .panel-forms .controls {
    margin-left: 45px
}

.user-login-box .panel-forms .btn-controls {
    margin: 0 3.5% 10px;
    position: relative;
    z-index: 1000;
    border: 1px solid transparent
}

.user-login-box .cb-controls {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    cursor: pointer
}

.user-login-box .wx-icon {
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    *margin-right: .3em;
    font-size: 16px;
    padding-left: 40px;
    line-height: 26px;
    vertical-align: text-top;
    background-image: url(../images/pic/67b012fea1.logo.zh_CN.png?20141205);
    background-position: 10px 8px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #fff;
    border-color: #d9d9d9
}

.user-login-box .panel-forms .navbar-mask {
    padding-top: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.user-login-box .panel-forms .email-user {
    padding: 0 15px;
    font-size: 14px;
    color: #333
}

.link-controls {
    padding: 0 10px
}

.link-controls .container {
    padding: 0;
    margin-bottom: 10px;
    margin-top:10px;
}

.link-controls .container a {
    font-size: 14px;
    color: #36c
}

.container.password-box {
    padding: 0 0 0 10px;
    margin-bottom: 10px
}

.plate-input .nav-list li.control-group {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    background-color: #fff
}

.plate-input .nav-list .control-text.error {
    color: #f02387
}

.plate-input .control-group .btn {
    position: absolute;
    display: block;
    right: 3px;
    top: 50%;
    margin-top: -16px;
    cursor: pointer;
    z-index: 10
}

.plate-input .plate-controls {
    margin: 0 3.5% 10px;
    position: relative;
    z-index: 1000;
    border: 1px solid transparent
}

.plate-input .navbar-mask {
    padding-top: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.plate-input .email-user {
    padding: 0 15px;
    font-size: 14px;
    color: #333
}

.container.reg-mobile-box {
    padding: 0 0 0 10px;
    margin-bottom: 10px
}

.reg-mobile-box .btn-code {
    width: 2.5rem;
    padding: 5px 0;
    background: 0 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: 1px solid #c8c7cc;
    color: #398aff
}

.reg-mobile-box .btn-code.active, .reg-mobile-box .btn-code:active {
    background: #f0f0f0 none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.reg-mobile-box .btn-code.disabled, .reg-mobile-box .btn-code[disabled] {
    cursor: not-allowed;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #999
}

.reg-mobile-box .u-tips, .user-login-box .u-tips {
    padding: 0 .3rem .2rem;
    font-size: .24rem
}

.container.update-password-box {
    padding: 0 0 0 10px;
    margin-bottom: 10px
}

.update-password-box .panel-forms .u-label {
    width: 75px
}

.update-password-box .panel-forms .u-controls {
    margin-left: 75px
}

.payresult-box {
    margin: 0;
    padding: 0 0 3.125%;
    background-color: #fff
}

.payresult-box .title {
    padding: .3rem .3rem 0;
    text-align: center
}

.payresult-box .des, .payresult-box .title h3 {
    margin-bottom: 5px
}

.payresult-box .title h3 {
    font-size: .32rem
}

.payresult-box .title p {
    font-size: 14px
}

.payresult-box .des {
    margin-bottom: .2rem;
    color: #303030;
    text-align: left
}

.payresult-box .panel-forms {
    margin-top: 10px
}

.payresult-box .panel-forms .nav-list li.control-group.error {
    background-color: #f2deeb;
    color: #a80070;
    border-color: #ff7ac0
}

.payresult-box .panel-forms .nav-list .control-text.error {
    color: #f02387
}

.payresult-box .panel-forms .nav-list li.control-group {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    background-color: #fff
}

.payresult-box .panel-forms .control-group .btn {
    position: absolute;
    display: block;
    right: 3px;
    top: 50%;
    margin-top: -16px;
    cursor: pointer;
    z-index: 10
}

.payresult-box .panel-forms .control-captcha input[type=text] {
    width: 90px;
    border: 1px solid #ccc
}

.payresult-box .panel-forms .control-captcha.error input[type=text] {
    border-color: #ff7ac0
}

.payresult-box .panel-forms .control-captcha a {
    display: inline-block
}

.payresult-box .panel-forms .control-label {
    width: 45px;
    text-align: left;
    padding-top: 6px
}

.payresult-box .panel-forms .controls {
    margin-left: 45px
}

.payresult-box .panel-forms .btn-controls {
    margin: 0 3.5% 10px;
    position: relative;
    z-index: 1000;
    border: 1px solid transparent
}

.payresult-box .panel-forms .navbar-mask {
    padding-top: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.payresult-box .temp-fail-box h3 {
    margin: .4rem 0
}

.pay-suc-box .title {
    padding: 4.6875% .3rem .3rem
}

.pay-suc-box h3 {
    margin: .4rem 0 0;
    font-weight: 400;
    font-size: .36rem
}

.pay-suc-box p {
    margin: 5px 0
}

.pay-suc-box p.info {
    text-align: left;
    margin-bottom: .1rem;
    padding-bottom: .08rem;
    border-bottom: 1px solid #c8c7cc
}

.pay-suc-box p.info:last-of-type {
    border-bottom: none
}

.pay-suc-box .i-d-fail, .pay-suc-box .i-d-success, .temp-fail-box .i-d-fail {
    margin: 0 auto
}

.pay-suc-box .noty span {
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.pay-suc-box .noty a {
    display: inline-block;
    width: 1.2rem;
    overflow: hidden
}

.pay-suc-box .gift span {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    work-break: break-all;
    text-overflow: ellipsis
}

.pay-suc-box a.btn {
    width: 100px;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.pay-suc-box a.btn-purple {
    /*border: 1px solid #d40076*/
    border: 1px solid #f8b502
}

.pay-suc-box a.btn-white {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#eef0f3');
    background: -ms-linear-gradient(top, #fefefe, #eef0f3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#eef0f3));
    background: -moz-linear-gradient(top, #fefefe, #eef0f3);
    border: #999 1px solid !important
}

.payinfo-box {
    margin-bottom: 0;
    border: none;
    border-bottom: .02rem solid #c8c7cc;
    padding: .3rem .2rem
}

.payfail-box p {
    width: 4.8rem;
    margin-left: .2rem;
    padding-top: .08rem;
    font-size: .36rem;
    color: #000
}

.payfail-box p span.text {
    font-size: .26rem;
    color: #585c64
}

.payresult-box .navbar {
    background-color: rgba(255, 255, 255, .9)
}

.payresult-box .nav-current-box {
    padding: .2rem 5%;
    position: relative
}

.payresult-box .nav-current-box .navbar-mask {
    top: .15rem
}

.payresult-box .u-adbanner {
    margin: 9.375% auto 0
}

.setpassword {
    padding: 5px 0;
    margin: 0 0 5px
}

.setpassword input {
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
    border-radius: 0
}

.detail-box.container {
    padding: 0
}

.detail-box .navbar-header {
    position: relative;
    width: 33.6%;
    padding: 0;
    float: left
}

.detail-box.e-empty .navbar-header {
    width: 33.6%
}

.detail-box .navbar-header a {
    display: block;
    position: relative;
    height: .88rem;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f9fa');
    background: -ms-linear-gradient(top, #fff, #f8f9fa);
    background: -moz-linear-gradient(top, #fff, #f8f9fa);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f8f9fa))
}

.detail-box .navbar-header a .num-cart {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 14px;
    height: 14px;
    margin-left: -.62rem;
    text-align: center;
    line-height: 14px;
    background: rgba(214, 0, 119, .85);
    border-radius: 7px;
    color: #fff;
    z-index: 15;
    font-style: normal
}

.detail-box .navbar-header a .num-cunt {
    position: absolute;
    left: 50%;
    bottom: .2rem;
    margin-left: -.3rem;
    line-height: .24rem;
    color: #e4007f;
    font-size: .24rem;
    font-style: normal;
    font-weight: 700
}

.i-cart-gray {
    width: .46rem;
    height: .44rem;
    background-position: -2.5rem -.5rem
}

.detail-box .navbar-header .i-cart-gray {
    position: absolute;
    top: .2rem;
    left: 50%;
    margin-left: -.9rem;
    z-index: 12
}

.detail-box.e-empty .navbar-header .i-cart-gray {
    left: 50%;
    margin-left: -.24rem
}

.detail-box .navbar-brand {
    display: block;
    float: left;
    width: 66.4%;
    text-align: center
}

.detail-box.e-global .navbar-brand {
    width: 100%
}

.detail-box .navbar-brand .btn {
    width: 100%;
    padding: .24rem 0;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none
}

.detail-box .countdown-txt {
    position: absolute;
    left: 50%;
    top: .14rem;
    margin-left: -.3rem;
    font-size: .22rem;
    font-style: normal;
    color: #333
}

.detail-box .navbar-mask {
    padding: 12px 0 0;
    height: 32px
}

.amount-confirm-box {
    margin-top: 6px;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    width: 90px;
    height: 28px;
    font-size: 0
}

.amount-confirm-box:after, .amount-confirm-box:before {

}


.amount-confirm-box:before {
    display: table;
    content: " "
}

.amount-confirm-box:after {
    clear: both
}

.amount-confirm-box .amount-action {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    height: 28px;
    width: 28px;
    zoom: 1;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    font-family: "Courier New", Courier, monospace;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: -ms-linear-gradient(top, #fff, #E4E4E4);
    background: -moz-linear-gradient(top, #fff, #E4E4E4);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#E4E4E4));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E4E4E4')
}

.amount-confirm-box .amount-action-min {
    border-right: 1px solid #eee
}

.amount-confirm-box .amount-action-max {
    border-left: 1px solid #eee
}

.amount-confirm-box .amount-action.disabled {
    cursor: not-allowed;
    color: #ddd;
    background: #f0f0f0
}

.amount-confirm-box .amount-text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    width: 32px;
    line-height: 28px;
    text-align: center;
    background-color: #fff;
    border: 0;
    font-size: 14px;
    cursor: default
}

.amount-num {
    display: none;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #272525;
    background-color: #fff;
    font-family: 'Microsoft Yahei';
    border: 0;
    overflow: hidden
}

.saveguid {
    background-color: rgba(244, 244, 244, .8);
    color: #242424;
    height: 30px;
    line-height: 30px
}

.saveguid span {
    float: left;
    display: block;
    height: 20px;
    margin: 5px 5px 5px 10px;
    width: 20px;
    background: url(../images/common/f3a49306eb.icon_save.png) no-repeat;
    background-size: 20px
}

.drop-wrapper {
    position: relative;
    z-index: 11;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    overflow-y: scroll
}

.drop-wrapper::-webkit-scrollbar {
    width: 8px
}

.drop-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px
}

.drop-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, .7)
}

.drop-wrapper::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 0, 0, .4)
}

.drop-scroller {
    position: absolute;
    z-index: 12;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 0
}

.container.coupon-box {
    padding: 0 0 0 10px;
    margin-top: 0
}

.coupon-box .disabled .panel-body {
    width: 116px;
    padding-top: 130px;
    margin: 40px auto 0;
    height: 60px;
    font-size: 15px;
    text-align: center;
    color: #b6b6b6;
    background: url(../images/common/265e1ae4b2.zanw.png) no-repeat;
    background-size: 116px
}

.coupon-box .panel-form {
    margin: 0 0 10px;
    background: 0 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center
}

.coupon-box .panel-form input[type=text] {
    margin-right: 10px;
    width: 186px;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 6px 3px;
    vertical-align: middle;
    background: #fcfcfc;
    border: 1px solid #e1e1e1
}

.coupon-box .panel-form .btn {
    width: 95px;
    font-size: 15px;
    text-align: center;
    padding: 6px 0
}

.coupon-box .panel-form .btn.disabled, .coupon-box .panel-form .btn[disabled] {
    color: #fff;
    opacity: 1;
    background-color: #e3e3e3;
    *background-color: #e3e3e3
}

.coupon-box .panel-form .tointegration {
    width: 300px
}

.coupon-box .panel-form p {
    width: 300px;
    margin: 10px auto;
    font-size: 12px;
    color: #666;
    text-align: left
}

.coupon-box .nav-current-box {
    text-align: center
}

.coupon-box .nav-current-box .btn {
    width: 200px
}

.coupon-box .btn-controls {
    margin: 0 3.5% 10px;
    position: relative;
    z-index: 1000;
    border: 1px solid transparent
}

.coupon-box .navbar-mask {
    padding-top: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.coupon-list {
    padding: 10px 0 0
}

.coupon-list .panel-coupon-box, .panel-coupon-text .panel-body {
    width: 320px;
    margin: 0 auto
}

.coupon-list .panel-title, .panel-coupon-text .panel-title {
    color: #aaa;
    line-height: 15px;
    font-weight: 400;
    text-indent: 4px;
    border-left: #f02387 2px solid
}

.coupon-list .panel-body {
    position: relative;
    width: 300px;
    margin: 0 auto 10px
}

.panel-coupon-text .panel-body {
    padding: 0 0 20px
}

.coupon-list .panel-body .i-icon-check-ok {
    margin-top: 50px;
    margin-right: 0;
    width: 25px;
    height: 25px;
    background: url(../images/common/7eda1275dc.selectbonus.png) no-repeat;
    background-size: 25px;
    background-position: 0 0
}

.coupon-list .panel-body .i-icon-check-ok.active {
    background-position: 0 -25px
}

.coupon-list .panel-body .disabled-expire, .coupon-list .panel-body .disabled-unused {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -133px;
    width: 266px;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    background-size: 67px;
    background-position: right bottom;
    background-repeat: no-repeat
}

.coupon-list .panel-body .disabled-expire {
    background-image: url(../images/common/2e8ab82ce9.bonus_expire.png)
}

.coupon-list .panel-body .disabled-unused {
    background-image: url(../images/common/8c4d707f40.bonus_unused.png)
}

.panel-coupon {
    float: right;
    position: relative;
    color: #fff;
    width: 264px;
    height: 125px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    background-color: #f5f3e9;
    overflow: hidden
}

.panel-coupon.center {
    float: none;
    margin: 0 auto
}

.panel-coupon .coupon-top {
    height: 70px;
    overflow: hidden;
    background: url(../images/common/7af90166ec.bonus_bg.jpg) left bottom repeat-x #f5bd14;
    background-size: 10px
}

.panel-coupon .coupon-price {
    float: left;
    width: 145px;
    height: 70px;
    line-height: 70px;
    vertical-align: bottom;
    font-size: 60px;
    overflow: hidden;
    color: #fff
}

.panel-coupon .coupon-price i {
    font-style: normal;
    line-height: 20px;
    font-size: 20px
}

.panel-coupon .coupon-price.no-postage {
    font-size: 40px;
    text-indent: 10px
}

.panel-coupon .coupon-condition {
    display: block;
    margin-left: 145px;
    padding: 5px 5px 0;
    height: 64px;
    font-size: 12px;
    color: #303030
}

.panel-coupon .coupon-condition .info {
    position: relative;
    display: block;
    margin: 2px 10px 5px 0;
    line-height: 20px;
    background-color: #303030;
    color: #fff;
    text-indent: 4px
}

.panel-coupon .coupon-condition .info:after {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    width: 0;
    height: 0;
    border-width: 10px 6px 10px 0;
    border-style: solid;
    border-color: #303030 transparent #303030 #303030
}

.panel-coupon .coupon-condition .info i.text {
    font-style: normal;
    color: #ffde00
}

.panel-coupon .coupon-condition .note {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.panel-card {
    height: 115px;
    background-color: #e9f4f5
}

.panel-card .coupon-top {
    height: 85px;
    background: #2ba1e4 url(../images/common/88656ddaf1.card_bg.png) 160px 10px no-repeat;
    background-size: 95px
}

.panel-card .coupon-price {
    float: left;
    width: auto;
    height: 85px;
    line-height: 85px;
    vertical-align: bottom;
    font-size: 67px;
    overflow: hidden;
    color: #fff
}

.panel-coupon .list {
    margin-top: 8px;
    line-height: 16px;
    color: #a52c1a
}

.panel-coupon .list li {
    padding-left: 8px;
    color: #929292
}

.panel-coupon .list span {
    color: #333
}

.panel-coupon .list span.line {
    border-right: 1px solid #d1dbdc;
    margin-right: 4px;
    padding-right: 4px
}

.container.return-info-box {
    padding: 0 0 0 10px;
    margin-top: 0;
    margin-bottom: 30px
}

.return-info-box .panel-group {
    border: none;
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
    color: #333
}

.return-info-box .panel-heading {
    background-color: #f1f1f1
}

.return-info-box .panel-title {
    line-height: 15px;
    font-weight: 400;
    text-indent: 4px;
    border-left: #f02387 2px solid
}

.return-title {
    overflow: visible;
    text-align: center
}

.return-title .title {
    position: relative;
    font-size: 22px;
    color: #fff;
    font-family: "微软雅黑", Arial, sans-serif;
    background-color: #31063b
}

.return-title .title img {
    width: 100%
}

.return-title .title .arrow, .return-title .title .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.return-title .title .arrow {
    border-width: 11px
}

.return-title .arrow:after {
    border-width: 10px;
    content: ""
}

.return-title .title .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #451758;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.return-title .title .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #46195a;
    border-bottom-width: 0
}

.return-title .panel-body {
    padding: 15px 10px;
    border-top: 1px solid #e7e7e7
}

.return-list .panel-body {
    padding: 10px 0;
    border-top: 1px solid #e7e7e7
}

.return-list .nav-list-sidenav {
    border-top: none
}

.return-list .nav-list-sidenav li {
    border-bottom: none;
    padding: 6px 10px
}

.return-list .nav-list-sidenav .circle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 0;
    margin-right: 5px;
    *margin-right: .3em;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    text-align: center;
    vertical-align: middle;
    background-color: #e6e6e6;
    *background-color: #e6e6e6;
    border: 1px solid transparent;
    border: 1px solid #e6e6e6;
    *border: 0;
    border-color: #e6e6e6;
    border-color: rgba(0, 0, 0, .05);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.return-list .nav-list-sidenav .red {
    background-color: #f4686b
}

.return-list .nav-list-sidenav .pink {
    background-color: #d75c8a
}

.return-list .nav-list-sidenav .purple {
    background-color: #7c56cf
}

.return-list .nav-list-sidenav .blue {
    background-color: #658ccd
}

.return-list .nav-list-sidenav .blue-light {
    background-color: #5ab6c3
}

.return-apply .panel-body {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e7e7e7
}

.return-info .panel-body {
    padding: 15px;
    border-top: 1px solid #e7e7e7
}

.return-info .panel-body p {
    padding: 5px 0;
    font-size: 14px
}

.return-info .panel-body p.title, .return-title .panel-body p {
    text-align: left;
    text-indent: 2em;
    font-size: 14px
}

.return-info .panel-body p.end {
    padding-top: 15px;
    text-indent: 2em
}

#nav .w50 > li, .w50 > li {
    float: left;
    width: 50%
}

.predown {
    color: #e4007e;
    font-size: 14px;
    text-align: center;
    width: 310px
}

.predown:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    clear: both;
    width: 13px;
    height: 16px;
    background-position: -190px -120px
}

.pretit {
    width: 220px;
    height: 24px;
    background-color: #ff51af;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    margin: 10px auto;
    line-height: 24px
}

.pretit:before {
    display: inline-block;
    content: "";
    clear: both;
    width: 20px;
    height: 15px;
    background-position: -184px -112px;
    vertical-align: middle
}

.traspbox {
    position: absolute;
    bottom: .16rem;
    right: .16rem;
    width: .72rem;
    height: .72rem
}

.size_heart {
    float: left;
    width: 100px;
    padding: .08rem .1rem 0;
    color: #585c64;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.cart_add {
    position: relative;
    display: block;
    width: .72rem;
    height: .72rem;
    background-color: #e1137f;
    border-radius: 50%
}

.cart_add .i-addcart {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.19rem 0 0 -.17rem
}

.cart_add.disabled {
    background-color: #747474
}

.cart_heart {
    float: right;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c9b', endColorstr='#ef2e8c');
    background: -ms-linear-gradient(top, #ff3c9b, #ef2e8c);
    background: -moz-linear-gradient(top, #ff3c9b, #ef2e8c);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3c9b), to(#ef2e8c));
    margin: 5px 5px 0 0;
    display: block;
    padding: 4px 8px;
    border-radius: 3px
}

.uncart {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d2d2d2');
    background: -ms-linear-gradient(top, #ededed, #d2d2d2);
    background: -moz-linear-gradient(top, #ededed, #d2d2d2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed), to(#d2d2d2))
}

.cart_heart span {
    display: block;
    width: 13px;
    height: 13px;
    background-position: -145px -120px
}

.uncart span {
    background-position: -160px -120px
}

.fav_num {
    text-align: center;
    margin: 0 15px;
    border-top: #b2b2b2 1px solid;
    padding: 3px 0 5px
}

.fav_num i {
    display: inline-block;
    width: 8px;
    height: 9px;
    background-position: -85px -120px
}

.ip_price {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 42px;
    height: 24px;
    padding: 26px 0 0 8px;
    background: url(../images/common/5a273d7320.ip_price.png) no-repeat;
    background-size: 50px;
    color: #fff;
    font-size: 10px
}

.ip_price span {
    font-size: 11px
}

.markcoupon {
    position: absolute;
    right: 5px;
    top: 25px
}

.predate-box .navbar-mask {
    height: .72rem;
    width: .72rem
}

.ui-note-error {
    background: #feeaf1;
    color: #a80070
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-mox-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
} @-o-keyframes rotate {
      from {
          -o-transform: rotate(0deg)
      }
      to {
          -o-transform: rotate(360deg)
      }
  }

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate2 {
    from {
        -webkit-transform: rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(300deg)
    }
}

@-mox-keyframes rotate2 {
    from {
        -moz-transform: rotate(-60deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
} @-o-keyframes rotate2 {
      from {
          -o-transform: rotate(-60deg)
      }
      to {
          -o-transform: rotate(300deg)
      }
  }

@keyframes rotate2 {
    from {
        transform: rotate(-60deg)
    }
    to {
        transform: rotate(300deg)
    }
}

.ui-clockout {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    margin: 0 auto;
    position: relative;
    background-color: #bababa;
    text-align: center
}

.ui-clockin {
    display: inline-block;
    width: 72px;
    height: 72px;
    border-radius: 38px;
    border: 3px solid #fff;
    margin: 6px auto
}

.ui-swing1, .ui-swing2 {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 44px;
    width: 4px;
    height: 24px;
    margin: 0 0 0 -2px;
    background-color: #e4007f;
    border-radius: 2px 2px 0 0
}

.ui-swing2 {
    height: 30px
}

.ui-swing1 {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: bottom center;
    -moz-transform: rotate(0deg);
    -moz-ransform-origin: bottom center;
    -o-transform: rotate(0deg);
    -o-ransform-origin: bottom center;
    transform: rotate(0deg);
    transform-origin: bottom center;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s ease-linear infinite
}

.ui-swing2 {
    -webkit-transform: rotate(-60deg);
    -webkit-transform-origin: bottom center;
    -moz-transform: rotate(-60deg);
    -moz-ransform-origin: bottom center;
    -o-transform: rotate(-60deg);
    -o-ransform-origin: bottom center;
    transform: rotate(-60deg);
    transform-origin: bottom center;
    -webkit-animation: rotate2 12s linear infinite;
    -moz-animation: rotate2 12s linear infinite;
    -o-animation: rotate2 12s linear infinite;
    animation: rotate2 12s ease-linear infinite
}

.ui-clockcirle {
    position: relative;
    display: block;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #bababa;
    box-shadow: 0 0 0 3px #e4007f
}

.freereg_info {
    font-size: 14px
}

.freegclock {
    margin: 20px 0 10px
}

.freegclock span.count {
    display: inline-block;
    margin-left: 5px;
    padding-left: 15px;
    background-position: -187px -94px;
    color: #303030;
    font-style: italic;
    font-weight: 700
}

.connerbox dd span.form_hd2 {
    position: absolute;
    left: 10px;
    top: 6px;
    display: inline-block;
    line-height: 30px
}

.account {
    font-size: 14px;
    padding: 5px 0;
    text-indent: 0;
    color: #303030
}

.account p {
    padding-top: 5px
}

.predate-list {
    padding-bottom: .2rem
}

.predate-list .u-title {
    display: block;
    width: 80%;
    padding: .2rem .2rem 0;
    font-size: .32rem;
    color: #000
}

.predate-box .u-pro-list {
    text-align: left;
    padding: 0
}

.predate-list .pricebox {
    margin-bottom: 0;
    padding: .08rem .1rem
}

.predate-list .discount {
    display: inline-block
}

.predate-list .title {
    margin: 0 auto 10px;
    clear: both;
    text-align: center
}

.predate-list .title span {
    color: #fc4aa2;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    display: inline-block;
    background-color: #fff;
    border-radius: 20px;
    padding: 0 20px;
    font-weight: 400
}

.predate-list .title span:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    clear: both;
    width: 13px;
    height: 13px;
    background-position: -134px -95px
}

.predate-list .preItem dl {
    float: left;
    width: 47.75%;
    background: #fff;
    display: inline-block;
    margin: .1rem 0 0 1.5%;
    position: relative
}

.predate-list .preItem dl[class*=span] {
    float: left;
    min-height: 1px;
    padding-bottom: .1rem
}

.predate-list .preItem dt {
    margin-bottom: 0;
    position: relative
}

.predate-list .preItem dt.pic img {
    width: 100%;
    height: auto
}

.predate-list .preItem .b_goods_name {
    height: 43px;
    margin-bottom: 0;
    padding: 0 5px;
    text-align: center
}

.predate-list .preItem .name {
    padding: .1rem .1rem 0;
    font-size: .26rem;
    color: #000;
    line-height: .26rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.predate-list .preItem .tlname {
    color: #4c4c4b;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis
}

.predate-list .preItem .layer {
    position: absolute;
    z-index: 10;
    padding: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3)
}

.predate-list .preItem .layer a {
    display: block;
    cursor: pointer
}

.predate-list .pricebox img {
    height: .2rem;
    margin: -.04rem 0 0 .02rem
}

a.add-collect {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -32px;
    display: block;
    width: 64px;
    height: 28px;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 2px;
    line-height: 28px;
    font-weight: 700;
    color: #f11d77;
    text-align: center
}

a.add-collect .addBtn, a.add-collect .reduceBtn {
    width: 14px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    margin: 7px 3px 0 0;
    background-position: -17px -180px
}

a.add-collect .reduceBtn {
    background-position: 0 -180px
}

a.add-collect.reduce {
    color: #383838
}

.predate-list .preItem .lmask {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -32px;
    display: block;
    width: 64px;
    height: 28px;
    border-radius: 2px;
    line-height: 28px;
    font-weight: 700;
    color: #f11d77;
    text-align: center
}

.icon_p {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
    background-color: #fc4aa2;
    border-radius: 8px;
    background-position: -55px -175px
}

.forphone {
    position: absolute;
    left: -2px;
    bottom: 20px;
    float: left;
    height: 23px;
    background: url(../images/common/2b01463edc.forphone.png) no-repeat 0 0;
    background-size: 137px;
    padding-left: 2px
}

.forphone span {
    float: right;
    height: 23px;
    padding-right: 10px;
    background: url(../images/common/2b01463edc.forphone.png) no-repeat right bottom;
    background-size: 137px;
    color: #fff;
    line-height: 20px
}

.hotsale {
    position: absolute;
    left: 5px;
    bottom: 5px;
    background-color: #fc4aa2;
    color: #fff;
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    padding: 0 4px;
    border-radius: 2px
}

.redbag {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    opacity: 0;
    width: 60px;
    height: 103px;
    margin: -50px auto 0 auto;
    z-index: 10;
    background: url(../images/common/ff6399a057.redbag.png) no-repeat;
    background-size: 100% 100%;
    pointer-events: none
}

.redbag.animation {
    -webkit-animation: fadeInUp 1.2s ease-in-out both
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.4)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.7)
    }
}

.u-presale-signal {
    display: inline-block;
    height: .3rem;
    padding: 0 .04rem;
    margin-right: .1rem;
    font-size: .2rem;
    line-height: .3rem;
    color: #fff;
    background-color: #e4007f
}

.u-presale-signal:after {
    content: '\9884\8BA2'
}

.bglight {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

.tobepublic {
    font-size: 12px;
    color: #e1147f
}

.navbar-fix {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, .95);
    z-index: 1000
}

.navbar-fix:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #a7a7aa;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.navbar-fix .btn_remind {
    position: absolute;
    left: 10px;
    bottom: 35px;
    width: 140px;
    height: 90px;
    background: url(../images/pic/733a153f19.collect_remind.png) no-repeat;
    background-size: 100%;
    z-index: 100
}

.navbar-collect {
    padding: 8px 5%;
    display: block;
    position: relative
}

.navbar-collect a {
    cursor: pointer;
    display: block;
    letter-spacing: .04rem
}

.navbar-collect .btn_white {
    width: 100%;
    color: #000;
    border: #999 1px solid !important
}

.navbar-collect .lmask {
    display: inline-block;
    *display: inline;
    padding: 8px 0 0;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 20;
    top: 8px;
    right: 10px;
    width: 100%;
    height: 29px;
    background-color: rgba(255, 255, 255, .4);
    *background-color: #efefef
}

.collect {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 90%;
    padding: 8px 5%;
    background-color: #fff;
    border-top: 1px solid #d0cfcf
}

.collect .collected {
    width: 100%;
    color: #f02387;
    border: #f13d91 1px solid !important
}

.collected span {
    padding: 0 8px;
    margin-right: 3px
}

.addcollect span {
    background-position: -184px 0;
    padding: 0 8px;
    margin-right: 3px;
    vertical-align: middle
}

.new_suppliers_msg {
    max-width: 50%
}

.r_b_notice {
    display: inline-block;
    padding: 0 5px;
    height: 28px;
    background-color: #f4f4f4;
    border: 1px dashed #cdcdcd;
    text-align: center;
    color: #adadad;
    border-radius: 2x;
    margin: 10px auto;
    line-height: 28px
}

.r_b_notice:before {
    display: inline-block;
    content: "";
    clear: both;
    width: 20px;
    height: 15px;
    background-position: -184px -50px;
    vertical-align: middle
}

.b_coll {
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    background-position: right top;
    margin: 0 5px 0 0
}

.a_coll {
    width: 18px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-position: -32px -120px;
    margin: 0 5px 0 0
}

.num_coupon {
    position: fixed;
    bottom: 13px;
    right: 0;
    height: 32px;
    line-height: 32px;
    background: url(../images/pic/3eaf782d50.icon_conpon.png) no-repeat 6px center rgba(30, 17, 25, .85);
    background-size: 20px;
    border-radius: 4px 0 0 4px;
    color: #fff;
    padding: 0 12px 0 20px
}

.num_coupon p {
    padding-left: 15px
}

.new_pricediv .tobepublic {
    font-size: 16px;
    margin-right: 5px
}

.fpbox {
    background-color: #f7f7f7;
    padding: 8px 5px
}

.coupontips {
    position: fixed;
    bottom: 55px;
    width: 100%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    z-index: 98px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c9b', endColorstr='#fff');
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .8), #fff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, .8)), to(#fff))
}

.fixbottom {
    bottom: 0
}

.letter-sequence, .wrap-brand-search {
    min-width: 320px;
    max-width: 540px;
    margin: 0 auto
}

.letter-sequence li {
    position: relative;
    padding: 0 110px 0 11px;
    border-bottom: 1px solid #d9d9d9;
    line-height: 50px;
    font-size: 15px;
    color: #333;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.letter-sequence li a {
    display: block;
    color: #333
}

.letter-sequence li .name {
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.letter-sequence li .price_msg {
    position: absolute;
    right: 30px;
    top: 0;
    color: #f02387
}

.letter-sequence .hd {
    padding: 6px;
    background-color: #f1f1f1
}

.letter-sequence .hd h2 {
    border-left: 2px solid #f02387;
    line-height: 15px;
    font-size: 15px;
    font-weight: 400;
    text-indent: 4px;
    color: #959595
}

.letter-sequence-fixed {
    width: 100%;
    position: fixed;
    top: 44px;
    margin: 0 auto;
    z-index: 10
}

.alphabet {
    position: fixed;
    top: 105px;
    right: 0;
    width: 60px;
    padding: 14px 0;
    z-index: 120
}

.alphabet ul {
    position: relative;
    z-index: 10;
    float: right;
    width: 100%
}

.alphabet .bg {
    border-radius: 7px;
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    z-index: 1;
    right: 6px;
    top: 0;
    width: 14px
}

.alphabet li {
    font-size: 12px;
    color: #aaa;
    padding: 0 6px 0 40px;
    text-align: center
}

.alphabet li.active {
    color: #f02387
}

.modal-letter {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    color: #f1f1f1;
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    line-height: 100px;
    font-size: 64px;
    font-weight: 700;
    text-align: center
}

.margin-bar {
    margin-bottom: 40px;
    display: block
}

.quality_tips {
    margin-right: 5px;
    font-size: 14px;
    font-style: italic
}

.quality_tips .i_quality {
    display: inline-block;
    width: 13px;
    height: 18px;
    vertical-align: middle;
    background-position: -35px -120px
}

.indexlist {
    padding: 2px 0 10px;
    background-color: #fff
}

.module_container {
    padding-top: .3rem;
    background-color: #fff
}

.entrance {
    position: relative;
    list-style: none;
    background-color: #fff
}

.entrance li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    margin-top: .2rem;
    text-align: center
}

.entrance li p {
    margin-top: 2px;
    color: #585858
}

.entrance li:last-child {
    border-right: 0
}

.entrance li a {
    display: block
}

.entrance .e_search {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: 0 0
}

.entrance .e_beauty {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: -50px 0
}

.entrance .e_life {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: -100px 0
}

.entrance .e_discuont {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: -150px 0
}

.entrance .e_clothe {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: -200px 0
}

.entrance.ver_older .e_search {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: 0 0
}

.entrance.ver_older .e_cart {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: -50px 0
}

.entrance.ver_older .e_insurance {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: -100px 0
}

.entrance.ver_older .e_download {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: -150px 0
}

.grid-row {
    background-color: #fff;
    margin: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.grid-row [class*=span] {
    position: relative;
    text-align: center;
    border-right: 1px solid #e8e8e8;
    overflow: hidden
}

.grid-row [class*=span] a, .grid-row [class*=span] span {
    display: block;
    height: auto;
    margin: 0 auto
}

.grid-row [class*=span] a img {
    width: 100%
}

.grid-row [class*=span6] span {
    width: 174px
}

.grid-row [class*=span4] span, .grid-row [class*=span4] span img, .grid-row [class*=span5] span, .grid-row [class*=span5] span img {
    width: 100px;
    height: 58px
}

.grid-row [class*=span].nbor, .grid-row [class*=span]:last-child {
    border-right: none
}

.grid-row [class*=span].bbor, .grid-row [class*=span].nbor {
    border-bottom: 1px solid #e8e8e8
}

.grid-row [class*=span].img-thumb span, .grid-row [class*=span].img-thumb span img {
    width: 106px;
    height: 118px
}

.grid-row .span5.ent4 img, .grid-row .span5.ent4 span {
    width: 128px;
    height: 56px
}

.hot_ent .ent4:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url(../images/pic/984e65470a.index-hot-mark.png) no-repeat;
    background-size: 100%
}

.ver_older .e_cart, .ver_older .e_download, .ver_older .e_insurance, .ver_older .e_search {
    background: url(../images/common/862d79c58a.entrance.png?20141112) no-repeat;
    background-size: 200px
}

.e_beauty, .e_clothe, .e_discuont, .e_life, .e_search {
    background: url(../images/common/010b54c7b5.entrance_ver2.png?20141112) no-repeat;
    background-size: 250px
}

.c_beautiful, .c_child, .c_home, .c_makeup {
    background: url(../images/common/99ef4abad3.channel.jpg?20140811) no-repeat;
    background-size: 320px
}

.breadcrumb {
    background: #6c244a;
    padding: 0;
    position: relative;
    width: 100%;
    height: 36px;
    text-align: center;
    font-size: 15px;
    overflow: hidden;
    color: #fff;
    z-index: 99
}

.breadcrumb.nav-fixed-top {
    position: fixed
}

.breadcrumb ul {
    position: relative
}

.breadcrumb li {
    float: left;
    position: relative;
    padding: 0 5px 0 18px;
    box-sizing: border-box;
    width: 26%;
    line-height: 36px;
    background-color: #f03791
}

.breadcrumb li:first-child {
    padding: 0 5px
}

.breadcrumb li:last-child {
    background-color: #6c244a;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.breadcrumb li .icon_breadcrumb_right1 {
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 12px solid #930c58;
    z-index: 9
}

.breadcrumb li .icon_breadcrumb_right2 {
    display: inline-block;
    position: absolute;
    right: -11px;
    top: 1px;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 11px solid #f03791;
    z-index: 9
}

.breadcrumb li a {
    display: block;
    position: relative;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.breadcrumb .index_brand_name {
    width: 74%
}

.breadcrumb .channel_brand_name {
    width: 48%
}

.breadcrumb_brand_detail .index_brand_name {
    width: 56%
}

.breadcrumb_brand_detail .channel_brand_name {
    width: 30%
}

.breadcrumb_brand_detail li:last-child {
    width: 18%
}

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

.brand_international_note {
    position: relative;
    width: 300px;
    margin: 0 auto 10px;
    border: 1px solid #f02387;
    font-size: 11px;
    text-align: left;
    background-color: #fff
}

.brand_international_note dd {
    position: absolute;
    padding: 4px 7px;
    color: #fff;
    background-color: #f02387
}

.brand_international_note dt {
    margin-left: 86px;
    padding: 4px 7px;
    color: #f02387;
    background-color: #fff
}

.search_category_list li .hd {
    padding: 6px;
    background-color: #f1f1f1
}

.search_category_list li .hd h2 {
    line-height: 15px;
    border-left: 2px solid #ed2b87;
    font-size: 15px;
    font-weight: 400;
    color: #919191;
    text-indent: 5px
}

.search_category_list .sub_category_list {
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9
}

.sub_category_list li {
    float: left;
    position: relative;
    padding: 8px 0;
    width: 25%;
    text-align: center
}

.sub_category_list li a {
    display: block
}

.sub_category_list li .pic {
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    overflow: hidden
}

.sub_category_list li .pic img {
    max-width: 100%;
    width: 64px;
    height: 64px
}

.sub_category_list li .name {
    font-size: 13px;
    line-height: 21px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.u-classify-box {
    background-color: #fff
}

.u-classify-box .u-tap-hd {
    position: relative;
    width: 25%;
    font-size: .3rem;
    color: #000;
    text-align: center;
    background-color: #eff0f4
}

.u-classify-box .u-tap-hd:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid #a6a7ab
}

.u-classify-box .u-tap-hd.f-left ul li:last-child {
    margin-bottom: 1.22rem
}

.u-classify-box .u-tap-hd li {
    position: relative;
    height: .96rem;
    line-height: .96rem;
    box-sizing: border-box;
    border-bottom: 1px solid #a6a7ab;
    border-right: 1px solid #a6a7ab
}

.u-classify-box .u-tap-hd li.active {
    color: #e5007f;
    background-color: #fff;
    border-right: 1px solid #fff
}

.u-classify-box .u-tap-hd li.active:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #e5007f
}

.u-classify-box .u-tap-bd {
    width: 75%;
    height: 100%;
    overflow-y: scroll
}

.u-classify-box .u-tap-bd ul {
    display: none
}

.sub_category_list.e-tapbox li {
    width: 33%
}

.retrieval_nav_third {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9
}

.retrieval_nav_third em {
    display: block;
    position: absolute;
    left: 75%;
    top: -8px;
    margin-left: -4px;
    border: 4px solid #000;
    border-color: transparent transparent #fff
}

.retrieval_nav_third .product_filter {
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9
}

.retrieval_nav_third .product_filter_list {
    text-align: center;
    padding-bottom: 40px
}

.retrieval_nav_third .product_filter_list li {
    display: inline-block;
    width: 28%;
    height: 30px;
    line-height: 30px;
    margin: 15px 2%;
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.retrieval_nav_third .product_filter_list li.active a {
    color: #fff;
    background-color: #ed2b87
}

.retrieval_nav_third .product_filter_list li a {
    display: block;
    color: #444;
    background-color: #e7e7e7
}

.retrieval_brand_lave {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 18px;
    padding: 0 3px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background-color: #f04f9d
}

.retrieval_brand_lave .num {
    font-size: 12px;
    color: #ffde05
}

.brand_choose_btn.active, .brand_rank_btn.active {
    color: #ed2b87
}

.double_row {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all
}

.u-hot-wrap {
    padding: 14px 0 1px;
    margin-bottom: 14px;
    background-color: #fff
}

.u-hot-list {
    max-width: 12.8rem;
    margin: 0 auto .2rem;
    padding-left: .2rem;
    padding-right: .2rem
}

.u-hot-tit {
    margin-bottom: 14px
}

.u-hot-pro {
    position: relative;
    width: 100%;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(214, 214, 214, .6)
}

.u-hot-pro a {
    display: block
}

.u-hot-pro:nth-child(n+1) {
    margin-top: 14px
}

.u-hot-pro:last-child {
    border-bottom: none
}

.u-hot-pro:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.u-hot-pro .u-pic {
    position: relative;
    float: left
}

.u-hot-pro .u-pic img {
    width: 86px;
    height: 109px
}

.u-hot-pro .u-remain {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 86px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background-color: rgba(240, 35, 135, .7)
}

.u-hot-pro .u-remain span {
    color: #ffde00
}

.u-hot-pro .u-mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 26px;
    padding: 1px 0 0 2px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -2px;
    text-shadow: 1px 0 0 #e79305, -1px 0 0 #e79305, 0 1px 0 #e79305, 0 -1px 0 #e79305;
    background: url(../images/common/7b9bb7b4e0.hot_mark.png?20141022) no-repeat;
    background-size: 100%
}

.u-hot-pro .u-name {
    float: left;
    width: 66%;
    height: 32px;
    margin-left: 14px;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all
}

.u-hot-pro .u-name.saleout {
    color: #aaa
}

.u-hot-pro .u-sigundis:before {
    content: "\6ee1\51cf";
    padding: 0 8px;
    margin-right: 7px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    background-color: #f13993;
    border-radius: 11px
}

.u-hot-pro .u-signsave {
    position: relative;
    float: left;
    height: 16px;
    margin: 10px 0 0 14px;
    padding: 0 12px 0 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background-color: #2392f0
}

.u-hot-pro .u-signsave img {
    height: .2rem;
    margin-top: -.04rem;
    vertical-align: middle
}

.u-hot-pro .u-signsave span {
    color: #ffde00
}

.u-hot-pro .u-signsave:after {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    width: 0;
    height: 0;
    line-height: 0;
    border-width: 8px 5px 8px 0;
    border-style: solid;
    border-color: #2392f0 transparent;
    overflow: hidden
}

.u-hot-pro .u-signsave:before {
    content: "";
    display: block;
    float: left;
    width: 7px;
    height: 12px;
    margin: 2px 3px 0 0;
    background: url(../images/common/ccfb855962.hot_icon_phone.png?20141022) no-repeat;
    background-size: 100%
}

.u-hot-pro .u-price-msg {
    position: absolute;
    bottom: 14px;
    left: 100px;
    width: 200px
}

.u-hot-pro .u-price {
    float: left;
    font-size: 16px;
    color: #f02387
}

.u-hot-pro .u-price img {
    height: .3rem;
    margin-top: -.06rem
}

.u-hot-pro .u-market {
    float: left;
    width: 50%;
    margin: 4px 0 0 10px;
    font-size: 12px;
    color: #aaa;
    text-decoration: line-through
}

.u-hot-pro .u-market img {
    height: .2rem;
    margin-top: -.04rem
}

.u-hot-pro .u-dis-msg {
    float: left;
    width: 100%;
    margin-top: 5px
}

.u-hot-pro .u-discount {
    float: left;
    width: 44px;
    padding: 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 1px
}

.u-hot-pro .u-count {
    float: left;
    margin: 3px 0 0 10px;
    font-size: 12px;
    line-height: 12px;
    color: #aaa
}

.u-hot-pro .u-count:before {
    content: "";
    display: block;
    float: left;
    width: 18px;
    height: 12px;
    margin-right: 3px;
    background: url(../images/common/3513b4576a.hot_buy_count.png?20141022) no-repeat;
    background-size: 100%
}

.special_list {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9
}

.special_list:last-child {
    border-top: 1px solid #d9d9d9
}

.special_list .end, .special_list .new, .special_list .yesterday {
    width: 302px;
    margin: 0 auto
}

.special_end_title, .special_new_title, .special_yesterday_title {
    width: 100%;
    margin: 0 0 .2rem .2rem;
    background: url(../images/common/e521ae3646.special_title.png?20141110) no-repeat;
    background-size: 167.5px
}

.special_new_title {
    height: 20px;
    background-position: 0 0
}

.special_yesterday_title {
    height: 22px;
    background-position: 0 -21px
}

.special_end_title {
    height: 20px;
    background-position: 0 -44px
}

.special_title_fixed {
    position: fixed;
    left: 0;
    top: 0;
    height: 20px;
    background: rgba(255, 255, 255, .8);
    width: 100%
}

.integration {
    padding: 15px 0 20%;
    color: #333
}

.integration .userdiv {
    margin-bottom: 15px;
    border-top: none
}

.integration .userdiv:first-child {
    border-top: 1px solid #d9d9d9
}

.integration .userdiv .arrow_v {
    float: right;
    width: 14px;
    height: 8px;
    margin: 18px 0 0;
    background: url(../images/common/e541feaddf.i_arrow.png?20141028);
    background-size: 14px;
    background-position: 0 0
}

.integration .userdiv.off .arrow_v {
    background-position: 0 -8px
}

.integration .userdiv.off {
    margin-bottom: 0
}

.integration .userdiv.off .intcont {
    display: none
}

.integration .inttit {
    height: 43px;
    padding: 0 11px;
    line-height: 43px;
    font-weight: 400;
    font-size: 13px
}

.integration .down_arrow_v {
    margin-right: 0
}

.integration .intcont {
    margin: 0 11px;
    padding: 10px 0;
    border-top: 1px solid #e0e0e0
}

.integration .intcont li, .integration .intcont p {
    font-size: 13px;
    line-height: 23px
}

.integration table, .integration td, .integration th, .integration tr {
    padding: 6px;
    border: 1px solid #e0e0e0
}

.integration table {
    width: 100%;
    margin: 5px 0;
    font-size: 12px;
    line-height: 14px
}

.integration th {
    font-size: 13px;
    font-weight: 400
}

.integration .ta_center {
    text-align: center
}

.integration .i_download {
    float: right;
    color: #f03791;
    text-decoration: underline
}

.integration .i_downapp {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    padding-bottom: 18.4375%;
    margin: 0 auto;
    background: rgba(0, 0, 0, .8) url(../images/common/d9940aea27.btn_down_footer_640.png?20141028) no-repeat;
    background-size: 100%
}

.integration .i_downapp span {
    position: absolute;
    left: 45%;
    top: 19%;
    margin-left: -66px;
    font-size: 12px;
    line-height: 18px;
    color: #fff
}

@media screen and (min-width: 480px) {
    .integration .i_downapp span {
        left: 25%;
        top: 28%;
        margin-left: 0;
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (min-width: 641px) {
    .integration {
        padding-bottom: 130px
    }

    .integration .i_downapp {
        width: 100%;
        height: 118px;
        padding-bottom: 0;
        margin: 0 auto;
        background: rgba(0, 0, 0, .8)
    }

    .integration .i_downapp:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 110px;
        background: url(../images/common/d9940aea27.btn_down_footer_640.png?20141028) center no-repeat;
        background-size: 640px
    }

    .integration .i_downapp span {
        left: 46%;
        top: 18%;
        margin-left: -110px;
        font-size: 20px;
        line-height: 30px
    }
}

.new_client_channel {
    max-width: 12.8rem;
    margin: 0 auto;
    padding: 0 .2rem;
    text-align: center
}

.new_client_channel img {
    width: 100%
}

.new_client_channel .span1 {
    display: block;
    width: 100%;
    height: auto
}

.new_client_channel .span2 {
    float: left
}

.new_client_channel .span2:first-child {
    width: 56.62%;
    height: auto;
    margin-right: 1.98%
}

.new_client_channel .span2:last-child {
    width: 41.4%;
    height: auto
}

.new_client_channel .channel_hot_clothe, .new_client_channel .channel_hot_kid {
    width: 48.67%;
    height: 0;
    padding-bottom: 32.876%;
    overflow: hidden
}

.new_client_channel .channel_hot_clothe {
    float: left;
    background: url(../images/pic/77f9ed8a5e.index-clothe.png?20141112) no-repeat;
    background-size: 100%
}

.new_client_channel .channel_hot_kid {
    float: right;
    background: url(../images/pic/c5ef12d850.index-kid.png?20141112) no-repeat;
    background-size: 100%
}

.scroll_tips_right {
    display: none;
    position: fixed;
    right: 15px;
    top: 171px;
    width: 80px;
    height: 28px;
    background-color: rgba(0, 0, 0, .5);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: 100
}

.scroll_tips_right:after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 12px solid rgba(0, 0, 0, .5)
}

.scroll_tips_right .i_clock {
    position: absolute;
    left: 6px;
    top: 6px;
    display: block;
    width: 17px;
    height: 17px;
    background-position: -200px 0;
    z-index: 10010
}

.scroll_tips_right .scroll_info {
    position: absolute;
    left: 28px;
    margin: 2px 0;
    line-height: 12px;
    color: #fff
}

.cbb-slogan {
    padding: 4px 5px;
    font-size: 11px;
    line-height: 12px;
    color: #999
}

.baiduServiceBottomBar [class*=" icon-"] {
    display: -webkit-box;
    height: auto;
    background: 0 0
}

.operate {
    background-color: #fff
}

.indexlist .operate {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 10px
}

.operate .col_in_row, .operate .row_in_col {
    width: 100%;
    max-width: 12.8rem;
    margin: 0 auto
}

.operate .col_in_row a, .operate .row_in_col a {
    display: block;
    width: 100%;
    height: 100%
}

.operate .col_in_row img {
    width: 100%
}

.operate .col_in_row .row100 {
    float: left;
    width: 100%;
    margin: 0
}

.operate .col_in_row .col100 {
    float: left;
    width: 100%;
    text-align: center
}

.operate .col_in_row_ent {
    width: 100%
}

.operate .col_in_row_ent .row {
    height: auto;
    margin: 0
}

.operate .col_in_row_ent img {
    width: 100%;
    height: auto
}

.operate .col_in_row_ent .col25 {
    float: left;
    width: 25%;
    text-align: center
}

.operate .row_in_col .col100 {
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.operate .row_in_col .col50 {
    height: auto;
    margin: 0;
    float: left;
    width: 50%;
    text-align: center;
    overflow: hidden
}

.operate .row_in_col .col33 {
    float: left;
    width: 33.333333334%;
    text-align: center;
    overflow: hidden
}

.operate .row_in_col .col25 {
    float: left;
    width: 25%;
    text-align: center
}

.operate .row_in_col .row100 {
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.operate .row_in_col .row50 {
    float: left;
    width: 50%;
    text-align: center;
    overflow: hidden
}

.operate .row_in_col .row33 {
    float: left;
    width: 33.333333334%;
    text-align: center;
    overflow: hidden
}

.operate .row_in_col .row25 {
    float: left;
    width: 25%;
    text-align: center
}

.operate .row_in_col img {
    width: 100%;
    height: auto
}

.operate a {
    width: 100%;
    display: block;
    position: relative
}

.operate .countdown-inner:after, .operate .countdown-inner:before {
    content: "";
    display: table
}

.operate .countdown-inner:after {
    clear: both
}

.operate .countdown-normal {
    position: absolute;
    bottom: 11.5%;
    right: 4.5333%
}

.operate .countdown-left {
    left: 4.5333%
}

.operate .countdown-right {
    left: auto;
    right: 4.5333%
}

.operate .countdown-center {
    width: 100%;
    text-align: center;
    right: auto;
    bottom: auto
}

.operate .countdown-center .countdown-inner {
    display: inline-block
}

.operate .countdown-center.countdown-bottom {
    bottom: 7.77%
}

.operate .countdown-top {
    top: 21.8%
}

.operate .countdown-bottom {
    top: auto;
    bottom: 11.5%
}

.operate .countdown-vertical-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.operate .countdown-normal span {
    float: left;
    font-size: 12px
}

.operate .countdown-normal .colon, .operate .countdown-normal .numbers + span {
    width: 9px;
    text-align: center;
    line-height: 24px;
    height: 24px;
    font-style: normal;
    color: #001406;
    font-size: 16px
}

.operate .countdown-normal .numbers {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 24px;
    line-height: 20px;
    color: #fefefe;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2b2a26), to(#030007));
    background-image: -webkit-linear-gradient(top, #2b2a26, #030007);
    background-image: linear-gradient(to bottom, #2b2a26, #030007);
    border-radius: 2px;
    border: 1px solid #030007;
    font-weight: 400
}

.operate .countdown-custom {
    width: 100%;
    top: 28%;
    bottom: auto;
    right: 0;
    text-align: center;
    position: absolute
}

.operate .countdown-custom .countdown-inner {
    display: inline-block
}

.operate .countdown-custom span {
    float: left
}

.operate .countdown-custom .numbers + span:not([class=numbers]), .operate .countdown-custom .separate-txt {
    color: #525252;
    font-size: 12px;
    width: 14px;
    line-height: 16px;
    margin-top: 10px;
    margin-left: 4px;
    margin-right: 2px
}

.operate .countdown-custom .millisecond, .operate .countdown-custom .numbers {
    width: 20px;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    color: #000;
    background-color: #fff;
    margin-left: 3px;
    border: none;
    position: relative;
    border-radius: 2px
}

.operate .countdown-custom .millisecond:before, .operate .countdown-custom .numbers:before {
    content: '';
    position: absolute;
    height: 1px;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%
}

.operate .countdown-custom .numbers:first-child {
    margin-left: 0
}

.operate .countdown-custom span.millisecond {
    background-color: #dc1518;
    color: #fff
}

.operate .countdown-white .millisecond:before, .operate .countdown-white .numbers:before {
    background-color: #000
}

.operate .countdown-white .numbers {
    background-color: #fff;
    color: #000
}

.operate .countdown-white .separate-txt {
    color: #525252
}

.operate .countdown-black {
    top: 25.6%
}

.operate .countdown-black .millisecond:before, .operate .countdown-black .numbers:before {
    background-color: #fff
}

.operate .countdown-black .numbers {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2b2a26), to(#030007));
    background-image: -webkit-linear-gradient(top, #2b2a26, #030007);
    background-image: linear-gradient(to bottom, #2b2a26, #030007);
    color: #fff
}

.operate .countdown-black .numbers:before {
    background-color: #fff
}

.operate .countdown-black span.millisecond {
    background-image: none;
    background-color: #dc1518
}

.operate .countdown-black .separate-txt {
    color: #525252
}

@media (max-width: 375px) {
    .operate .countdown-custom {
        top: 28%
    }

    .operate .countdown-custom .millisecond, .operate .countdown-custom .numbers {
        height: 26px;
        line-height: 26px;
        font-size: 18px;
        width: 16px
    }

    .operate .countdown-custom .separate-txt {
        margin-top: 9px;
        margin-left: 3px;
        margin-right: 2px
    }

    .operate .countdown-black {
        top: 28%
    }
}

@media (max-width: 320px) {
    .operate .countdown-custom {
        top: 23%
    }

    .operate .countdown-custom .millisecond, .operate .countdown-custom .numbers {
        height: 22px;
        line-height: 22px;
        font-size: 16px;
        width: 14px
    }

    .operate .countdown-custom .separate-txt {
        margin-top: 6px;
        margin-left: 3px;
        margin-right: 1px
    }
}

.u-vipmoney {
    background-color: #fff;
    overflow: hidden
}

.u-vipmoney .u-msg {
    background-color: #e4007f;
    font-size: .28rem
}

.u-vipmoney .u-msg .h1 {
    padding: .28rem 0;
    font-size: .72rem;
    font-weight: 100
}

.u-vipmoney .u-msg .u-tips {
    position: absolute;
    top: .98rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: .2rem;
    color: rgba(255, 255, 255, .5)
}

.u-vipmoney .u-total, .u-vipmoney .u-usable {
    position: relative;
    width: 50%;
    height: 1.8rem;
    color: #fff;
    line-height: 1;
    text-align: center
}

{
    position: relative
;
    float: left
;
    width: 50%
;
    height: 1.8rem
;
    color: #fff
;
    line-height: 1
;
    text-align: center
}
.u-vipmoney .u-usable:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #f565ab;
    -webkit-transform: scaleX(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-vipmoney .u-cont {
    margin: .6rem auto;
    text-align: center
}

.u-vipmoney .u-cont .i-vipmoney {
    width: 44.6%;
    height: 0;
    margin: 0 auto;
    padding-top: 45%;
    background: url(../images/common/67579df297.vipmoney.png?20150413) no-repeat;
    background-size: 100%
}

.u-vipmoney .u-cont .h1, .u-vipmoney .u-cont .h3 {
    font-size: .26rem;
    color: rgba(0, 0, 0, .7)
}

.u-vipmoney .u-cont .h2 {
    font-size: .32rem;
    line-height: 2;
    color: #000
}

.u-vipmoney .u-cont .h3 {
    display: block;
    margin-top: .8rem;
    text-decoration: underline
}

.u-vipmoney .u-default-btn {
    margin-top: .6rem
}

.u-vipmoney .u-nomsg {
    height: 1.8rem;
    font-size: .36rem;
    line-height: 1.8rem;
    color: #fff;
    text-align: center
}

.u-shopbag {
    position: fixed;
    bottom: 22px;
    left: 15px;
    min-width: 42px;
    height: 42px;
    z-index: 9999;
    background: rgba(223, 0, 113, .93);
    border-radius: 22px
}

.u-shopbag a {
    display: block;
    padding: 11px 10px;
    position: relative
}

.i-flow-carticon {
    display: block;
    float: left;
    width: 24px;
    height: 22px;
    background-position: 0 -50px
}

.u-flow-carttime {
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    margin-left: 12px;
    color: #fff
}

.u-flow-cartnum {
    position: absolute;
    left: 24px;
    top: 6px;
    width: 14px;
    height: 14px;
    font-style: normal;
    text-align: center;
    line-height: 14px;
    background-color: #fbe943;
    border-radius: 7px;
    color: #4c1f02;
    font-size: 12px
}

.u-loading {
    padding: .4rem .2rem;
    color: #666;
    text-shadow: 0 .02rem 0 #fff;
    text-align: center;
    vertical-align: middle
}

.u-loading p {
    color: #999
}

.u-loading img {
    margin-right: .1rem;
    vertical-align: -.16rem;
    width: .52rem
}

.loading {
    padding: 5px 10px;
    margin-bottom: 9px;
    color: #888;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    vertical-align: middle
}

.loading img {
    margin-right: 5px;
    vertical-align: -8px;
    width: 26px
}

.u-loading.u-loading-text {
    font-size: .24rem;
    line-height: 1;
    color: #999
}

.u-loading.u-loading-text span {
    color: #e4007f;
    text-decoration: underline
}

.u-spinner {
    display: inline-block;
    text-align: center
}

.u-spinner > div {
    width: 10px;
    height: 10px;
    margin: 0 1px;
    background-color: #e4007f;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.u-spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.u-spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 100%, 80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.u-default-page {
    padding: .8rem .2rem;
    font-size: .28rem
}

.u-default-result {
    padding: .4rem .2rem;
    font-size: .36rem
}

.u-default-logo {
    position: relative;
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 auto
}

.u-default-result .u-default-logo {
    width: .96rem;
    height: .96rem
}

.u-default-text {
    margin-top: .4rem;
    color: #585c64;
    text-align: center
}

.u-default-btn {
    display: block;
    width: 57%;
    margin: .9rem auto 0;
    padding: .18rem 0;
    color: #e61188;
    text-align: center;
    border: 1px solid #e61188;
    border-radius: .1rem
}

.i-d-cart {
    display: block;
    background-position: 0 0
}

.i-d-heart {
    display: block;
    background-position: 0 -4rem
}

.u-panel, .u-panel-bd {
    position: relative;
    width: 100%
}

.u-panel-hd {
    padding: .3rem .2rem
}

.u-panel-bd {
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc
}

.u-panel-bd li {
    position: relative;
    padding: .3rem 0;
    color: #000;
    border-bottom: .02rem solid #cccbcf
}

.u-panel-bd li:nth-last-child(1) {
    border: none
}

.u-panel-bd .i-radio {
    position: absolute;
    top: .3rem;
    left: .2rem
}

.u-newuser {
    position: relative;
    margin: 0 auto;
    padding: 0 4.6875%;
    overflow: hidden;
    background-color: #eee
}

.u-newuser:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-newuser h1 {
    font-size: .52rem;
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: .92rem
}

.i-welnewuser {
    width: .6rem;
    height: .35rem;
    background-position: -1rem -4.5rem
}

.i-welnewuser.e-flip-horizontal {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1)
}

.u-newuser .i-welnewuser {
    margin: 0 .24rem
}

.u-newuser .u-weltitle {
    position: relative;
    margin-bottom: .2rem;
    font-size: .26rem;
    color: #333;
    text-align: center;
    line-height: 1
}

.u-newuser .u-weltitle:before {
    content: "";
    position: absolute;
    top: 49%;
    left: 0;
    width: 25%;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-newuser .u-weltitle:after {
    content: "";
    position: absolute;
    top: 49%;
    right: 0;
    width: 25%;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-newuser .u-title {
    font-size: .28rem;
    line-height: .92rem;
    color: #333;
    text-align: center
}

.u-newuser .u-title > span {
    font-size: .36rem;
    font-weight: 700
}

.u-newuser > a > img {
    margin: 0 auto;
    max-width: 100%;
    display: block
}

.u-newuser .u-tip {
    position: relative;
    font-size: .36rem;
    line-height: .7rem;
    color: #333;
    text-align: center;
    background-color: #fff
}

.u-newuser .u-tip:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c8c7cc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    pointer-events: none
}

.u-newuser .close-btn {
    display: block;
    margin: .36rem auto;
    width: 1.86rem;
    height: .56rem;
    font-size: .28rem;
    color: #333;
    text-align: center;
    line-height: .56rem;
    border: 1px solid #aaa;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.ui-list-item .ui-list-item-inner:after, .ui-list-item .ui-list-item-inner:before, .ui-list-item > a:after, .ui-list-item > a:before {
    content: "";
    display: table
}

.ui-list-item .ui-list-item-inner:after, .ui-list-item > a:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.single-line {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.highlight {
    color: #e80080
}

.ui-bottom-bar, .ui-top-bar {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fafafa;
    height: 48px;
    line-height: 48px
}

.ui-top-bar {
    top: 0;
    background-position: bottom left
}

.ui-bottom-bar {
    bottom: 0;
    background-position: top left
}

.ui-bottom-bar ~ .ui-page > .ui-page-content {
    border-bottom: 44px solid transparent
}

.ui-top-bar ~ .ui-page > .ui-page-content {
    border-top: 44px solid transparent
}

.ui-button {
    display: inline-block;
    text-align: center;
    border: 0 none;
    /*background-color: #fff;*/
    padding: 0;
    position: relative
}

/*.ui-button:before {
    border: 1px solid #dedede;
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    padding: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none
}*/

.ui-button-large {
    height: 44px;
    line-height: 44px;
    width: 249px;
    font-size: 18px
}

.ui-button-primary {
    height: 25px;
    line-height: 25px;
    width: 80px;
    background-color: #fff
}

.ui-button-pink {
    background-color: #e80080;
    color: #fff
}

.ui-button-pink:before {
    border-color: #e80080
}

.ui-button-pink:active, .ui-button-pink:focus {
    background-color: #ae0060
}

.ui-button-maroon {
    background-color: #750010;
    color: #fff
}

.ui-button-maroon:before {
    border-color: #55002f
}

.ui-button-maroon:active, .ui-button-maroon:focus {
    background-color: #55002f
}

.ui-button-radius {
    border-radius: 3px
}

.ui-button-radius:before {
    border-radius: 6px
}

.ui-button-disabled, .ui-button.disabled {
    background-color: #e3e3e3 !important;
    color: #999 !important;
    cursor: default !important;
    pointer-events: none !important
}

.ui-button-disabled:before, .ui-button.disabled:before {
    border-color: #e3e3e3 !important
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-repeat: no-repeat
}

.ui-icon-bankCard {
    width: 24px;
    height: 18px;
    background-repeat: no-repeat
}

.ui-icon-caretBottom {
    width: 16px;
    height: 9px;
    background-repeat: no-repeat
}

.ui-icon-caretRight {
    width: 9px;
    height: 16px;
    background-repeat: no-repeat
}

.ui-icon-checkbox, .ui-icon-checkboxChecked {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat
}

.ui-icon-close {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat
}

.ui-icon-hui {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat
}

.ui-icon-cash, .ui-icon-h5pay, .ui-icon-pos {
    width: 23px;
    height: 23px;
    background-repeat: no-repeat
}

.ui-icon-radio {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat
}

.ui-icon-radioChecked {
    width: 15px;
    height: 16px;
    background-repeat: no-repeat
}

.ui-icon-weixin, .ui-icon-weixinapp, .ui-icon-zfbapp {
    width: 23px;
    height: 23px;
    background-repeat: no-repeat
}

.ui-icon-zfbapp {
    background-position: 0 0
}

.ui-icon-weixin, .ui-icon-weixinapp {
    background-position: -25px 0
}

.ui-icon-cash, .ui-icon-pos {
    background-position: 0 -25px
}

.ui-icon-h5pay {
    background-position: -25px -25px
}

.ui-icon-hui {
    background-position: -50px 0
}

.ui-icon-checkboxChecked {
    background-position: -50px -22px
}

.ui-icon-checkbox {
    background-position: 0 -50px
}

.ui-icon-bankCard {
    background-position: -20px -50px
}

.ui-icon-caretRight {
    background-position: -46px -50px
}

.ui-icon-radio {
    background-position: -72px 0
}

.ui-icon-radioChecked {
    background-position: -72px -17px
}

.ui-icon-close {
    background-position: -72px -34px
}

.ui-icon-caretBottom {
    background-position: 0 -70px
}

.ui-icon-bankCard, .ui-icon-caretBottom, .ui-icon-caretRight, .ui-icon-cash, .ui-icon-checkbox, .ui-icon-checkboxChecked, .ui-icon-close, .ui-icon-h5pay, .ui-icon-hui, .ui-icon-pos, .ui-icon-radio, .ui-icon-radioChecked, .ui-icon-weixin, .ui-icon-weixinapp, .ui-icon-zfbapp {
    -webkit-background-size: 89px 79px;
    background-size: 89px 79px;
    background-image: url(../images/common/757a34563f.sprite.png?20150715)
}

.ui-icon-check {
    position: relative;
    font-style: normal;
    color: #ddd;
    text-align: left;
    text-indent: -9999px;
    direction: ltr;
    width: 28px;
    height: 28px;
    margin: 3px 0 3px 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ui-icon-check:after, .ui-icon-check:before {
    content: '';
    pointer-events: none;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.ui-icon-check:before {
    width: 20px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ui-icon-check:after {
    position: absolute;
    height: 12px;
    width: 2px;
    left: 4px;
    bottom: 14px
}

.ui-page * {
    box-sizing: border-box
}

.ui-border-t {
    border-top: 1px solid #dedede
}

.ui-border-b {
    border-bottom: 1px solid #dedede
}

.ui-border-tb {
    border-top: #dedede 1px solid;
    border-bottom: #dedede 1px solid;
    background-image: none
}

.ui-border-l {
    border-left: 1px solid #dedede
}

.ui-border-r {
    border-right: 1px solid #dedede
}

.ui-border {
    border: 1px solid #dedede
}

.ui-border-radius {
    border: 1px solid #dedede;
    border-radius: 4px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-border-radius {
        position: relative;
        border: 0
    }

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

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-border {
        position: relative;
        border: 0
    }

    .ui-border-b, .ui-border-l, .ui-border-r, .ui-border-t, .ui-border-tb {
        border: 0
    }

    .ui-border-t {
        background-position: left top;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede))
    }

    .ui-border-b {
        background-position: left bottom;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede))
    }

    .ui-border-b, .ui-border-t, .ui-border-tb {
        background-repeat: repeat-x;
        -webkit-background-size: 100% 1px
    }

    .ui-border-tb {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede));
        background-position: top, bottom
    }

    .ui-border-l {
        background-position: left top;
        background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede))
    }

    .ui-border-r {
        background-position: right top;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede))
    }

    .ui-border-l, .ui-border-r {
        background-repeat: repeat-y;
        -webkit-background-size: 1px 100%
    }

    .ui-border:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #dedede), to(#dedede));
        -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        background-repeat: no-repeat;
        background-position: top, right, bottom, left;
        padding: 1px;
        -webkit-box-sizing: border-box;
        z-index: 10;
        pointer-events: none
    }
}

.ui-caption {
    margin: 15px 0 5px;
    padding: 0 12px;
    line-height: 24px;
    font-size: 14px;
    text-shadow: 0 1px rgba(255, 255, 255, .2)
}

.ui-list {
    margin-bottom: 10px;
    background-color: #fff;
    position: relative;
    font-size: 14px
}

.ui-list .highlight {
    color: #e80080
}

.ui-list-item {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    list-style-type: none;
    font-weight: 400;
    line-height: 24px
}

.ui-list-item .ui-list-item-inner, .ui-list-item > a {
    display: block;
    padding: 12px 0
}

.ui-list-item .ui-list-item-right {
    position: absolute;
    text-align: right;
    right: 15px;
    top: 50%;
    margin-top: -12px
}

.ui-list-item + .ui-list-item {
    position: relative
}

.ui-list-item.arrow-right:after {
    color: #9b9b9b;
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui-list-item.arrow-down:after {
    color: #9b9b9b;
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ui-list-item.arrow-up:after {
    color: #9b9ba6;
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ui-list.icon-left .ui-icon {
    position: absolute;
    left: 8px;
    top: 6px;
    width: 25px;
    height: 25px
}

.ui-list.icon-left > .ui-list-item {
    padding-left: 40px
}

.ui-list-title-item {
    position: relative;
    padding: 0 15px;
    margin: 0;
    line-height: 26px;
    background-color: #eef0f3
}

.ui-list-title-item:first-child {
    border-top-width: 0
}

.ui-list-item-bfc {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 41px
}

.ui-list-item-bfc .ui-list-item-left {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 15px;
    top: 50%;
    margin-top: -8px
}

.ui-list-item-bfc .ui-list-item-info {
    width: 100%
}

.ui-list-item-bfc .ui-list-item-info h4 {
    margin-bottom: 5px
}

@media (max-width: 413px) {
    .ui-caption {
        margin-left: 10px;
        margin-right: 10px
    }

    .ui-list-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .ui-list-item .ui-list-item-right {
        right: 10px
    }

    .ui-list-item.arrow-down:after, .ui-list-item.arrow-right:after, .ui-list-item.arrow-up:after {
        right: 12px
    }

    .ui-list-item-bfc {
        padding-left: 36px
    }

    .ui-list-item-bfc .ui-list-item-left {
        left: 10px
    }

    .ui-list-title-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.ui-tab-content {
    width: 100%
}

.ui-tab-content.active {
    display: block
}

.ui-tab-title {
    display: table;
    width: 100%
}

.ui-tab-title li {
    display: table-cell;
    width: 50%;
    height: 35px;
    line-height: 35px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #5c5c5c
}

.ui-tab-title li.active {
    background-color: #dedede
}

.ui-form {
    background-color: #fff;
    margin-bottom: 10px
}

.ui-form-item {
    position: relative;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px
}

.ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-radio) {
    width: 72px;
    overflow: hidden;
    position: absolute;
    text-align: left
}

.ui-form-item input, .ui-form-item textarea {
    width: 60%;
    -webkit-appearance: none;
    border: 1px #ccc solid;
    background: 0 0;
    margin: 0 0 0 72px;
    outline: 0;
    line-height: 16px
}

.ui-form-item input {
    line-height: 24px
}

/*.ui-form-item input:not([type=checkbox]):not([type=radio]) {
    padding-top: 12px;
    padding-bottom: 12px
}*/

.ui-form-item input[type=checkbox], .ui-form-item input[type=radio] {
    padding-left: 0
}

.ui-form-item .ui-icon-close {
    position: absolute;
    top: 0;
    right: 6px
}

@media (max-width: 413px) {
    .ui-form-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .ui-form-item .ui-icon-close {
        right: 1px
    }
}

.ui-form-item-textarea {
    height: 100px
}

.ui-form-item-textarea label {
    vertical-align: top
}

.ui-form-item-textarea textarea {
    margin-top: 16px;
    border: 0;
    line-height: 18px;
    height: 70px
}

.ui-form-item-textarea textarea:focus {
    outline: 0
}

.ui-form-item-l label, .ui-form-item-r button {
    color: #e80080;
    text-align: center
}

.ui-form-item-l input:not([type=checkbox]):not([type=radio]) {
    padding-left: 115px
}

.ui-form-item-r {
    padding-right: 0
}

.ui-form-item-r .ui-icon-close {
    right: 125px
}

.ui-form-item-r input:not([type=checkbox]):not([type=radio]) {
    padding-left: 0;
    padding-right: 150px
}

.ui-form-item-r button {
    width: 110px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0
}

.ui-form-item-r button.disabled {
    color: #bbb
}

.ui-form-item-r button:not(.disabled):active {
    background-color: #e5e6e7
}

.ui-form-item-pure input, .ui-form-item-pure textarea {
    padding-left: 0
}

.ui-form-item-checkbox, .ui-form-item-radio, .ui-form-item-switch {
    display: -webkit-box;
    -webkit-box-align: center
}

.ui-radio {
    width: 17px;
    height: 17px
}

.ui-radio .ui-icon-radio {
    display: block;
    width: 17px;
    height: 17px;
    position: relative;
    overflow: visible;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    outline: 0;
    margin-right: 8px
}

.ui-radio .ui-icon-radio:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #9b9b9b;
    border-radius: 8px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    left: 0;
    top: 0
}

.ui-radio.active .ui-icon-radio:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    background: #e80080;
    border-radius: 7px;
    position: absolute;
    left: 3px;
    top: 3px
}

.ui-radio.active .ui-icon-radio:before {
    border: 1px solid #e80080
}

.ui-select {
    position: relative;
    margin-right: 10px
}

.ui-select select {
    -webkit-appearance: none;
    border: 0;
    background: 0 0;
    width: 100%;
    padding-right: 14px
}

.ui-select:after {
    color: #39424a;
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    right: -7px;
    width: 10px;
    height: 10px;
    margin-top: -3px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui-select-group {
    margin-left: 77px;
    overflow: hidden
}

.ui-select-group .ui-select {
    float: left
}

.ui-select-group .ui-select:after {
    display: none
}

.ui-select-group .ui-select:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 6px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #a6a6a6;
    content: "";
    pointer-events: none
}

.ui-form-item > .ui-select {
    margin-left: 72px
}

.ui-form-item > .ui-select.selected, .ui-form-item > .ui-select.selected:after {
    color: #181A1C
}

.ui-form-item > .ui-select.disabled, .ui-form-item > .ui-select.disabled:after {
    color: #999
}

.ui-page-edit-address ~ .u-footer {
    display: none
}

.ui-bottom-bar .add-address-submit {
    display: block;
    width: 100%;
    border-radius: 0
}

.ui-page-edit-address .ui-bottom-bar {
    position: static;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 413px) {
    .ui-page-edit-address .ui-bottom-bar {
        position: static;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.ui-page-address .ui-page-content {
    margin-bottom: 10px
}

.ui-modal .ui-list, .ui-page-address .ui-list {
    margin-bottom: 0
}

.ui-modal .ui-list-item-bfc, .ui-page-address .ui-list-item-bfc {
    line-height: 19px
}

.ui-modal .username, .ui-page-address .username {
    margin-right: 30px
}

.ui-modal .time, .ui-page-address .time {
    line-height: 25px;
    margin-top: 5px
}

.ui-modal .address, .ui-modal .time, .ui-page-address .address, .ui-page-address .time {
    color: #8e8e93
}

.ui-modal .manage-address, .ui-page-address .manage-address {
    position: absolute;
    bottom: 10px;
    right: 15px
}

.ui-modal .manage-address .ui-button, .ui-page-address .manage-address .ui-button {
    padding: 0;
    float: left;
    margin-left: 10px
}

.ui-page-checkout {
    background-color: #eef1f3
}

.ui-page-checkout a {
    color: #181a1c
}

.ui-page-checkout b, .ui-page-checkout h2, .ui-page-checkout h4 {
    font-weight: 400
}

.ui-page-checkout .ui-list-meta {
    background-color: #fffcec;
    margin-bottom: 10px
}

.ui-page-checkout .ui-list-meta h4 {
    margin-bottom: 4px
}

.ui-page-checkout .ui-list-meta .username {
    margin-right: 10px
}

.ui-page-checkout .ui-list-item-meta {
    padding-right: 40px;
    padding-top: 21px;
    padding-bottom: 21px;
    line-height: 20px;
    font-size: 13px;
    position: relative
}

.ui-page-checkout .ui-list-item-meta:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #979797;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.ui-page-checkout .ui-list-item-receiving {
    line-height: 15px
}

.ui-page-checkout .ui-list-item-receiving > a {
    padding-left: 0;
    padding-right: 0
}

.ui-page-checkout .receiving-time {
    background-color: #fef7e1;
    margin-bottom: 0
}

.ui-page-checkout .receiving-time .ui-radio {
    float: left;
    margin-top: 3px;
    margin-right: 10px
}

.ui-page-checkout h2.ui-list-item {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 15px
}

.ui-page-checkout h2.ui-list-item b {
    padding: 0 10px;
    position: relative;
    display: inline-block;
    border-left: 3px solid #e80080
}

.ui-page-checkout h2.ui-list-item .ui-list-item-right {
    color: #8e8e93
}

.ui-page-checkout .ui-checkbox {
    float: left;
    margin-right: 9px
}

.ui-page-checkout .ui-checkbox.active .ui-icon-checkbox {
    width: 18px;
    background-position: -50px -22px
}

.ui-page-checkout .ui-list-wallet .ui-list-item {
    height: 48px
}

.ui-page-checkout .ui-list-wallet span {
    color: #e80080
}

.ui-page-checkout .ui-list-wallet a {
    display: block
}

.ui-page-checkout .ui-list-payment {
    background-color: transparent
}

.ui-page-checkout .ui-list-payment h2, .ui-page-checkout .ui-list-payment ul {
    background-color: #fff
}

.ui-page-checkout .ui-list-payment ul + .highlight, .ui-page-checkout .ui-list-payment ul + .tips {
    padding-left: 15px;
    margin-top: 5px
}

.ui-page-checkout .ui-list-payment ul + .tips {
    color: #8e8e93
}

.ui-page-checkout .ui-list-payment h2.ui-list-item:after {
    display: none
}

.ui-page-checkout .ui-list-payment .ui-list-item.disabled, .ui-page-checkout .ui-list-payment .ui-list-item.disabled .bank-select {
    color: #ccc
}

.ui-page-checkout .ui-list-payment .ui-list-item.disabled .ui-icon, .ui-page-checkout .ui-list-payment .ui-list-item.disabled .ui-icon-radio:before {
    opacity: .4
}

.ui-page-checkout .ui-list-payment .ui-icon, .ui-page-checkout .ui-list-payment .ui-radio {
    float: left
}

.ui-page-checkout .ui-list-payment .ui-radio {
    margin-right: 10px;
    margin-top: 3px
}

.ui-page-checkout .ui-list-payment .ui-icon {
    margin-right: 12px
}

.ui-page-checkout .ui-list-payment em {
    color: #8e8e93;
    font-style: normal;
    margin-left: 6px
}

.ui-page-checkout .ui-list-payment .bank-select {
    color: #181a1c
}

.ui-page-checkout .ui-list-payment .ui-list-item-right {
    margin-top: -7px
}

.ui-page-checkout .ui-list-payment .pay-tips {
    color: #8e8e93;
    font-size: 12px
}

.ui-page-checkout .ui-page-content {
    padding-bottom: 100px
}

.ui-page-checkout .ui-list-invoice .invoice-title {
    position: relative
}

.ui-page-checkout .ui-list-invoice .invoice-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #979797;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.ui-page-checkout .ui-icon-bankCard {
    margin-top: 2px
}

.ui-page-checkout .ui-list-money .carriage {
    padding-right: 40px;
    display: block
}

.ui-page-checkout .ui-list-money {
    background-color: transparent
}

.ui-page-checkout .ui-list-money ul {
    background-color: #eef1f3
}

.ui-page-checkout .ui-list-money .ui-list-item {
    background-color: #fff
}

.ui-page-checkout .ui-list-money ul .ui-list-item {
    height: 48px
}

.ui-page-checkout .ui-list-money .ui-list-item:last-child {
    margin-top: 10px
}

.ui-page-checkout .ui-list-item-bankcard {
    padding-left: 0;
    padding-right: 0
}

.ui-page-checkout .ui-list-item-bankcard.arrow-right:after {
    top: 19px;
    margin-top: 0
}

.ui-page-checkout .ui-list-item-bankcard.arrow-down:after {
    top: 17px;
    margin-top: 0
}

.ui-page-checkout .ui-list-item-bankcard.arrow-up:after {
    top: 21px;
    margin-top: 0
}

.ui-page-checkout .bank-select {
    padding-left: 15px;
    padding-right: 15px
}

.bankcard-box .ui-list {
    position: relative;
    z-index: 11;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 0;
    overflow-x: hidden
}

.bankcard-box .ui-tab-content {
    position: absolute;
    z-index: 12;
    -webkit-tap-highlight-color: transparent;
    width: 100%
}

.bankcard-box .ui-tab-title li.active {
    color: #e80080;
    background-color: transparent
}

.bankcard-box .ui-list-item .icon-seleted {
    float: right;
    width: 18px;
    margin-top: 2px;
    margin-right: 0
}

.bankcard-box .ui-list-item .ui-icon-check {
    display: none
}

.bankcard-box .ui-list-item.active {
    color: #e80080
}

.bankcard-box .ui-list-item.active .ui-icon-check {
    margin-right: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -14px;
    display: block;
    color: #e80080
}

@media (max-width: 413px) {
    .ui-page-checkout h2.ui-list-item .ui-list-item-right {
        right: 10px
    }

    .ui-page-checkout .bank-select {
        padding-left: 10px;
        padding-right: 10px
    }

    .ui-modal .manage-address, .ui-page-address .manage-address {
        right: 10px
    }

    .ui-list-item-meta {
        padding-right: 32px
    }

    .bankcard-box .ui-list-item.active .ui-icon-check {
        right: 0
    }

    .ui-page-checkout .ui-list-payment ul + .highlight, .ui-page-checkout .ui-list-payment ul + .tips {
        padding-left: 10px
    }
}

.ui-bottom-bar .submit-orders, .ui-bottom-bar .total-money {
    font-size: 16px;
    color: #fff;
    float: left
}

.ui-bottom-bar .total-money {
    width: 39%
}

.ui-bottom-bar .submit-orders {
    width: 61%;
    border:0;
}

.ui-bottom-bar .submit-orders.disabled span {
    color: #999
}

.ui-bottom-bar .submit-orders .cart-time {
    color: #f699c7;
    margin-left: 10px
}

.cblue{
    color: #136ec2;
}