/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.mi-cart *{
    box-sizing: unset;
}
[class*=iconfont] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.iconfont-arrow-left:before {
    content: "\E626"
}

.iconfont-arrow-right:before {
    content: "\E621"
}

.iconfont-arrow-up:before {
    content: "\E611"
}

.iconfont-arrow-down:before {
    content: "\E61A"
}

.iconfont-arrow-left-big:before {
    content: "\E628"
}

.iconfont-arrow-right-big:before {
    content: "\E623"
}

.iconfont-arrow-up-big:before {
    content: "\E612"
}

.iconfont-arrow-down-big:before {
    content: "\E61B"
}

.iconfont-arrow-up-tail:before {
    content: "\E62F"
}

.iconfont-arrow-down-tail:before {
    content: "\E633"
}

.iconfont-arrow-down-mini:before {
    content: "\E61C"
}

.iconfont-arrow-down-small:before {
    content: "\E62B"
}

.iconfont-arrow-left-thin:before {
    content: "\E629"
}

.iconfont-arrow-right-thin:before {
    content: "\E624"
}

.iconfont-arrow-left-big-thin:before {
    content: "\E627"
}

.iconfont-arrow-right-big-thin:before {
    content: "\E622"
}

.iconfont-like:before {
    content: "\E60F"
}

.iconfont-like2:before {
    content: "\E607D"
}

.iconfont-like3:before {
    content: "\E90A"
}

.iconfont-like3-outline:before {
    content: "\E909"
}

.iconfont-dislike:before {
    content: "\E603"
}

.iconfont-dqm-left:before {
    content: "\E625"
}

.iconfont-dqm-right:before {
    content: "\E620"
}

.iconfont-check:before {
    content: "\221A"
}

.iconfont-close:before {
    content: "\E602"
}

.iconfont-close-small:before {
    content: "\D7"
}

.iconfont-circle-check:before {
    content: "\E618"
}

.iconfont-circle-close:before {
    content: "\E605"
}

.iconfont-plus:before {
    content: "\E609"
}

.iconfont-minus:before {
    content: "\E60B"
}

.iconfont-heart:before {
    content: "\E62E"
}

.iconfont-heart-outline:before {
    content: "\E62D"
}

.iconfont-heart-small:before {
    content: "\E631"
}

.iconfont-heart-outline-small:before {
    content: "\E614"
}

.iconfont-face:before {
    content: "\E61F"
}

.iconfont-face-smile:before {
    content: "\E60E"
}

.iconfont-face-sad:before {
    content: "\E613"
}

.iconfont-face-laugh:before {
    content: "\E619"
}

.iconfont-cart:before {
    content: "\E60C"
}

.iconfont-cart-plus:before {
    content: "\E60A"
}

.iconfont-cart-full:before {
    content: "\E60D"
}

.iconfont-menu:before {
    content: "\E62C"
}

.iconfont-message:before {
    content: "\E610"
}

.iconfont-message2:before {
    content: "\E600"
}

.iconfont-forward:before {
    content: "\E607"
}

.iconfont-forward2:before {
    content: "\E639"
}

.iconfont-question:before {
    content: "\E617"
}

.iconfont-wechat:before {
    content: "\E608"
}

.iconfont-weibo:before {
    content: "\E630"
}

.iconfont-qzone:before {
    content: "\E632"
}

.iconfont-play:before {
    content: "\E601"
}

.iconfont-disbled:before {
    content: "\E61E"
}

.iconfont-simcard:before {
    content: "\E641"
}

.iconfont-simcard2:before {
    content: "\E906"
}

.iconfont-telecom:before {
    content: "\E640"
}

.iconfont-tool:before {
    content: "\E634"
}

.iconfont-circle-7:before {
    content: "\E635"
}

.iconfont-circle-15:before {
    content: "\E636"
}

.iconfont-location:before {
    content: "\E637"
}

.iconfont-location2:before {
    content: "\E90B"
}

.iconfont-gift:before {
    content: "\E638"
}

.iconfont-gift2:before {
    content: "\E63E"
}

.iconfont-gift3:before {
    content: "\E905"
}

.iconfont-search:before {
    content: "\E616"
}

.iconfont-search2:before {
    content: "\E63A"
}

.iconfont-sync:before {
    content: "\E62A"
}

.iconfont-sync2:before {
    content: "\E63B"
}

.iconfont-card:before {
    content: "\E63C"
}

.iconfont-card-outline:before {
    content: "\E907"
}

.iconfont-alarm:before {
    content: "\E63D"
}

.iconfont-fcode:before {
    content: "\E63F"
}

.iconfont-clock:before {
    content: "\E606"
}

.iconfont-star:before {
    content: "\E61D"
}

.iconfont-alert:before {
    content: "\E90C"
}

.iconfont-circle-arrow-right:before {
    content: "\E615"
}

.iconfont-circle-phone:before {
    content: "\E904"
}

.iconfont-phone:before {
    content: "\E908"
}

.iconfont-month:before {
    content: "\E901"
}

.iconfont-1yuan:before {
    content: "\E903"
}

.btn {
    display: inline-block;
    width: 158px;
    height: 38px;
    padding: 0;
    margin: 0;
    border: 1px solid #b0b0b0;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #b0b0b0;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s
}

.btn:hover {
    text-decoration: none;
    color: #b0b0b0
}

.btn:focus {
    outline: 0
}

.btn:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .18);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .18)
}

.btn[disabled] {
    border-style: dashed !important;
    border-color: #e0e0e0;
    background-color: #fff !important
}

.btn-disabled,
.btn[disabled] {
    color: #b0b0b0 !important;
    cursor: default !important
}

.btn-disabled {
    background: #e0e0e0 !important;
    border-color: #e0e0e0 !important
}

.btn-small {
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px
}

.btn-large {
    width: 178px;
    height: 48px;
    line-height: 48px
}

.btn-biglarge {
    width: 298px;
    height: 52px;
    line-height: 52px;
    font-size: 16px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

button.btn,
input.btn {
    width: 160px;
    height: 40px
}

button.btn-small,
input.btn-small {
    width: 120px;
    height: 30px
}

button.btn-large,
input.btn-large {
    width: 180px;
    height: 50px
}

button.btn-biglarge,
input.btn-biglarge {
    width: 300px;
    height: 54px
}

.btn-gray {
    background: #b0b0b0;
    border-color: #b0b0b0;
    color: #fff
}

.btn-gray:hover {
    background-color: #757575;
    border-color: #757575;
    color: #fff
}

.btn-primary {
    background: #ff6700;
    border-color: #ff6700;
    color: #fff
}

.btn-primary:hover {
    background-color: #f25807;
    border-color: #f25807;
    color: #fff
}

.btn-green {
    background: #83c44e;
    border-color: #83c44e;
    color: #fff
}

.btn-green:hover {
    background-color: #71b639;
    border-color: #71b639;
    color: #fff
}

.btn-orange {
    background: #ffac13;
    border-color: #ffac13;
    color: #fff
}

.btn-orange:hover {
    background-color: #ff920f;
    border-color: #ff920f;
    color: #fff
}

.btn-gold {
    background: #ffd600;
    border-color: #ffd600;
    color: #fff
}

.btn-gold:hover {
    background-color: #fec517;
    border-color: #fec517;
    color: #fff
}

.btn-ocean {
    background: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.btn-ocean:hover {
    background-color: #0c80dc;
    border-color: #0c80dc;
    color: #fff
}

.btn-blue {
    background: #545ad0;
    border-color: #545ad0;
    color: #fff
}

.btn-blue:hover {
    background-color: #494fc5;
    border-color: #494fc5;
    color: #fff
}

.btn-red {
    background: #e53935;
    border-color: #e53935;
    color: #fff
}

.btn-red:hover {
    background-color: #e42a27;
    border-color: #e42a27;
    color: #fff
}

.btn-purple {
    background: #a31daf;
    border-color: #a31daf;
    color: #fff
}

.btn-purple:hover {
    background-color: #9715a2;
    border-color: #9715a2;
    color: #fff
}

.btn-pink {
    background: #f93e7a;
    border-color: #f93e7a;
    color: #fff
}

.btn-pink:hover {
    background-color: #e9306c;
    border-color: #e9306c;
    color: #fff
}

.btn-cyan {
    background: #00c0a5;
    border-color: #00c0a5;
    color: #fff
}

.btn-cyan:hover {
    background-color: #03b3ad;
    border-color: #03b3ad;
    color: #fff
}

.btn-brown {
    background: #ffcc80;
    border-color: #ffcc80;
    color: #fff
}

.btn-brown:hover {
    background-color: #f9cb7e;
    border-color: #f9cb7e;
    color: #fff
}

.btn-line-gray {
    border-color: #b0b0b0;
    background: #fff;
    color: #b0b0b0
}

.btn-line-gray:hover {
    color: #fff;
    background-color: #757575;
    border-color: #757575
}

.btn-line-primary {
    border-color: #ff6700;
    background: #fff;
    color: #ff6700
}

.btn-line-primary:hover {
    color: #fff;
    background-color: #f25807;
    border-color: #f25807
}

.btn-line-green {
    border-color: #83c44e;
    background: #fff;
    color: #83c44e
}

.btn-line-green:hover {
    color: #fff;
    background-color: #71b639;
    border-color: #71b639
}

.btn-line-orange {
    border-color: #ffac13;
    background: #fff;
    color: #ffac13
}

.btn-line-orange:hover {
    color: #fff;
    background-color: #ff920f;
    border-color: #ff920f
}

.btn-line-gold {
    border-color: #ffd600;
    background: #fff;
    color: #ffd600
}

.btn-line-gold:hover {
    color: #fff;
    background-color: #fec517;
    border-color: #fec517
}

.btn-line-ocean {
    border-color: #2196f3;
    background: #fff;
    color: #2196f3
}

.btn-line-ocean:hover {
    color: #fff;
    background-color: #0c80dc;
    border-color: #0c80dc
}

.btn-line-blue {
    border-color: #545ad0;
    background: #fff;
    color: #545ad0
}

.btn-line-blue:hover {
    color: #fff;
    background-color: #494fc5;
    border-color: #494fc5
}

.btn-line-red {
    border-color: #e53935;
    background: #fff;
    color: #e53935
}

.btn-line-red:hover {
    color: #fff;
    background-color: #e42a27;
    border-color: #e42a27
}

.btn-line-purple {
    border-color: #a31daf;
    background: #fff;
    color: #a31daf
}

.btn-line-purple:hover {
    color: #fff;
    background-color: #9715a2;
    border-color: #9715a2
}

.btn-line-pink {
    border-color: #f93e7a;
    background: #fff;
    color: #f93e7a
}

.btn-line-pink:hover {
    color: #fff;
    background-color: #e9306c;
    border-color: #e9306c
}

.btn-line-cyan {
    border-color: #00c0a5;
    background: #fff;
    color: #00c0a5
}

.btn-line-cyan:hover {
    color: #fff;
    background-color: #03b3ad;
    border-color: #03b3ad
}

.btn-line-brown {
    border-color: #ffcc80;
    background: #fff;
    color: #ffcc80
}

.btn-line-brown:hover {
    color: #fff;
    background-color: #f9cb7e;
    border-color: #f9cb7e
}

.row {
    margin-left: -14px
}

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

.row:after {
    clear: both
}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.span13,
.span14,
.span15,
.span16,
.span17,
.span18,
.span19,
.span20 {
    float: left;
    margin-left: 14px;
    min-height: 1px
}

.span1 {
    width: 48px
}

.span2 {
    width: 110px
}

.span3 {
    width: 172px
}

.span4 {
    width: 234px
}

.span5 {
    width: 296px
}

.span6 {
    width: 358px
}

.span7 {
    width: 420px
}

.span8 {
    width: 482px
}

.span9 {
    width: 544px
}

.span10 {
    width: 606px
}

.span11 {
    width: 668px
}

.span12 {
    width: 730px
}

.span13 {
    width: 792px
}

.span14 {
    width: 854px
}

.span15 {
    width: 916px
}

.span16 {
    width: 978px
}

.span17 {
    width: 1040px
}

.span18 {
    width: 1102px
}

.span19 {
    width: 1164px
}

.span20 {
    width: 1226px
}

.span-first {
    _margin-left: 0
}

.offset1 {
    margin-left: 76px
}

.offset2 {
    margin-left: 138px
}

.offset3 {
    margin-left: 200px
}

.offset4 {
    margin-left: 262px
}

.offset5 {
    margin-left: 324px
}

.offset6 {
    margin-left: 386px
}

.offset7 {
    margin-left: 448px
}

.offset8 {
    margin-left: 510px
}

.offset9 {
    margin-left: 572px
}

.offset10 {
    margin-left: 634px
}

.offset11 {
    margin-left: 696px
}

.offset12 {
    margin-left: 758px
}

.offset13 {
    margin-left: 820px
}

.offset14 {
    margin-left: 882px
}

.offset15 {
    margin-left: 944px
}

.offset16 {
    margin-left: 1006px
}

.offset17 {
    margin-left: 1068px
}

.offset18 {
    margin-left: 1130px
}

.offset19 {
    margin-left: 1192px
}

.offset20 {
    margin-left: 1254px
}

.loading {
    padding: 20px 0
}

.loader {
    position: relative;
    margin: 0 auto;
    width: 4px;
    height: 20px;
    background: #ff6700;
    overflow: visible;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.loader,
.loader:after,
.loader:before {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: loader;
    animation-name: loader;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse
}

@media (-ms-high-contrast:none) {

    .loader,
    .loader ::-ms-backdrop,
    .loader:after,
    .loader:before {
        animation: none
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .loader,
    .loader:after,
    .loader:before {
        -webkit-animation: none;
        animation: none
    }
}

.loader:after,
.loader:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 20px;
    content: "";
    background: #ff6700
}

.loader:before {
    margin: -10px 0 0 -10px;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-transform: scaleY(.3);
    -ms-transform: scaleY(.3);
    transform: scaleY(.3)
}

.loader:after {
    margin: -10px 0 0 6px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.loader-white,
.loader-white:after,
.loader-white:before {
    background: #fff
}

.loader-gray,
.loader-gray:after,
.loader-gray:before {
    background: rgba(0, 0, 0, .3)
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: scaleY(.5);
        opacity: .2
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes loader {
    0% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        opacity: .2
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

body {
    font: 14px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
    color: #333;
    background-color: #fff;
    min-width: 1226px
}

a {
    color: #757575
}

a,
a:hover {
    text-decoration: none
}

a:hover {
    color: #ff6700
}

.container {
    width: 1226px;
    margin-right: auto;
    margin-left: auto
}

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

.container:after {
    clear: both
}

.jdview .container {
    width: 990px
}

.tmview .container {
    width: 1050px
}

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

.clearfix:after {
    clear: both
}

.hide {
    display: none !important
}

.ir {
    display: block;
    text-align: left;
    text-indent: -9999em;
    overflow: hidden
}

.ndash,
.sep {
    margin: 0 .25em;
    font-family: sans-serif
}



.ey-dialog__wrapper.ey-dialog-alert {
    width: 400px
}

.ey-dialog__wrapper.ey-dialog-alert .alert-msg {
    margin: 50px 10px;
    font-size: 26px;
    text-align: center
}

.ey-dialog__wrapper.ey-dialog-alert .confirm-msg {
    padding: 40px 10px 50px;
    text-align: center;
    font-size: 16px
}

.ey-dialog__wrapper.ey-dialog-alert .confirm-msg h3 {
    margin: 0 0 10px;
    font-size: 24px
}

.breadcrumbs {
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    background: #f5f5f5
}

.breadcrumbs,
.breadcrumbs a {
    color: #757575
}

.breadcrumbs a:hover {
    color: #ff6700
}

.breadcrumbs .sep {
    margin: 0 .5em;
    color: #b0b0b0
}

.page-main {
    padding: 38px 0;
    background: #f5f5f5
}

.page-main .container {
    width: 1226px;
    margin: 0 auto
}

.page-main .addonitems-tips span {
    color: #ff6700;
    margin-left: 2px
}

.ey-popup .pop-del-confirm {
    min-height: 130px;
    text-align: center
}

.ey-popup .pop-del-confirm .del-confirm-title {
    margin: 0;
    padding: 10px 20px 0
}

.ey-popup .pop-del-confirm .del-confirm-title h3 {
    color: #424242;
    line-height: 36px;
    font-size: 18px;
    font-weight: 400
}

.ey-popup .ey-dialog__wrapper.pop-raisebuy {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.ey-popup .ey-dialog__wrapper.pop-raisebuy .ey-dialog .ey-dialog__header {
    text-align: center;
    background: none
}

.ey-popup .ey-dialog__wrapper.pop-raisebuy .ey-dialog .ey-dialog__header .ey-dialog__title {
    font-size: 28px;
    color: #fff
}

.ey-popup .ey-dialog__wrapper.pop-raisebuy .ey-dialog .ey-dialog__headerbtn {
    background: #fafafa
}

.ey-popup .ey-dialog__wrapper.pop-raisebuy .ey-dialog .el-dialog__footer {
    width: 400px;
    margin: auto
}

.ey-dialog__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.ey-dialog__wrapper .ey-dialog {
    position: relative
}

.ey-dialog__wrapper .ey-dialog .ey-dialog__body {
    padding: 20px
}

.ey-dialog__wrapper .ey-dialog .ey-dialog__body.no-header {
    padding-top: 30px
}

.ey-dialog__wrapper .ey-dialog .el-dialog__footer {
    height: 40px;
    padding: 20px 0;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    background-color: #f5f5f5
}

.ey-dialog__wrapper .ey-dialog .el-dialog__footer .btn {
    margin: 0 7px
}

.ey-dialog__wrapper .ey-dialog .ey-dialog__headerbtn {
    position: absolute;
    right: 14px;
    top: 14px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #757575;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 10;
    border-radius: 15px
}

.ey-dialog__wrapper .ey-dialog .ey-dialog__headerbtn.no-header {
    top: 5px;
    right: 5px
}

.ey-dialog__wrapper .ey-dialog .ey-dialog__headerbtn:hover {
    color: #fff;
    background-color: #e53935
}

.ey-dialog__wrapper .ey-dialog .ey-dialog__headerbtn .ey-dialog__close {
    vertical-align: middle;
    font-size: 24px;
    font-weight: 200
}

.ey-dialog__wrapper .ey-dialog .ey-dialog__header {
    position: relative;
    height: 32px;
    padding: 14px 20px;
    line-height: 32px;
    background-color: #f5f5f5
}

.ey-dialog__wrapper .ey-dialog .ey-dialog__header .ey-dialog__title {
    font-size: 18px;
    font-weight: 400;
    color: #424242;
    vertical-align: middle
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in-data-v-54b15c30 .7s;
    animation: dialog-fade-in-data-v-54b15c30 .7s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out-data-v-54b15c30 .7s;
    animation: dialog-fade-out-data-v-54b15c30 .7s
}

@-webkit-keyframes dialog-fade-in-data-v-54b15c30 {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-in-data-v-54b15c30 {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes dialog-fade-out-data-v-54b15c30 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes dialog-fade-out-data-v-54b15c30 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.ey-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.ey-popup .ey-popup__mask {
    opacity: .5;
    background-color: #000
}

.ey-modal-enter {
    -webkit-animation: ey-modal-in-data-v-f6440f00 2.2s ease;
    animation: ey-modal-in-data-v-f6440f00 2.2s ease
}

.ey-modal-leave {
    -webkit-animation: ey-modal-out-data-v-f6440f00 .2s ease forwards;
    animation: ey-modal-out-data-v-f6440f00 .2s ease forwards
}

@-webkit-keyframes ey-modal-in-data-v-f6440f00 {
    0% {
        opacity: 0
    }
}

@keyframes ey-modal-in-data-v-f6440f00 {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes ey-modal-out-data-v-f6440f00 {
    to {
        opacity: 0
    }
}

@keyframes ey-modal-out-data-v-f6440f00 {
    to {
        opacity: 0
    }
}

.ey-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    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-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

@font-face {
    font-family: iconfont;
    src: url(data:application/x-font-ttf;charset=utf-8;base64, ) format("woff");
    font-weight: 400
}

[class*=iconfont] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.iconfont-arrow-left:before {
    content: "\E626"
}

.iconfont-arrow-right:before {
    content: "\E621"
}

.iconfont-arrow-up:before {
    content: "\E611"
}

.iconfont-arrow-down:before {
    content: "\E61A"
}

.iconfont-arrow-left-big:before {
    content: "\E628"
}

.iconfont-arrow-right-big:before {
    content: "\E623"
}

.iconfont-arrow-up-big:before {
    content: "\E612"
}

.iconfont-arrow-down-big:before {
    content: "\E61B"
}

.iconfont-arrow-up-tail:before {
    content: "\E62F"
}

.iconfont-arrow-down-tail:before {
    content: "\E633"
}

.iconfont-arrow-down-mini:before {
    content: "\E61C"
}

.iconfont-arrow-down-small:before {
    content: "\E62B"
}

.iconfont-arrow-left-thin:before {
    content: "\E629"
}

.iconfont-arrow-right-thin:before {
    content: "\E624"
}

.iconfont-arrow-left-big-thin:before {
    content: "\E627"
}

.iconfont-arrow-right-big-thin:before {
    content: "\E622"
}

.iconfont-like:before {
    content: "\E60F"
}

.iconfont-like2:before {
    content: "\E607D"
}

.iconfont-like3:before {
    content: "\E90A"
}

.iconfont-like3-outline:before {
    content: "\E909"
}

.iconfont-dislike:before {
    content: "\E603"
}

.iconfont-dqm-left:before {
    content: "\E625"
}

.iconfont-dqm-right:before {
    content: "\E620"
}

.iconfont-check:before {
    content: "\221A"
}

.iconfont-close:before {
    content: "\E602"
}

.iconfont-close-small:before {
    content: "\D7"
}

.iconfont-circle-check:before {
    content: "\E618"
}

.iconfont-circle-close:before {
    content: "\E605"
}

.iconfont-plus:before {
    content: "\E609"
}

.iconfont-minus:before {
    content: "\E60B"
}

.iconfont-heart:before {
    content: "\E62E"
}

.iconfont-heart-outline:before {
    content: "\E62D"
}

.iconfont-heart-small:before {
    content: "\E631"
}

.iconfont-heart-outline-small:before {
    content: "\E614"
}

.iconfont-face:before {
    content: "\E61F"
}

.iconfont-face-smile:before {
    content: "\E60E"
}

.iconfont-face-sad:before {
    content: "\E613"
}

.iconfont-face-laugh:before {
    content: "\E619"
}

.iconfont-cart:before {
    content: "\E60C"
}

.iconfont-cart-plus:before {
    content: "\E60A"
}

.iconfont-cart-full:before {
    content: "\E60D"
}

.iconfont-menu:before {
    content: "\E62C"
}

.iconfont-message:before {
    content: "\E610"
}

.iconfont-message2:before {
    content: "\E600"
}

.iconfont-forward:before {
    content: "\E607"
}

.iconfont-forward2:before {
    content: "\E639"
}

.iconfont-question:before {
    content: "\E617"
}

.iconfont-wechat:before {
    content: "\E608"
}

.iconfont-weibo:before {
    content: "\E630"
}

.iconfont-qzone:before {
    content: "\E632"
}

.iconfont-play:before {
    content: "\E601"
}

.iconfont-disbled:before {
    content: "\E61E"
}

.iconfont-simcard:before {
    content: "\E641"
}

.iconfont-simcard2:before {
    content: "\E906"
}

.iconfont-telecom:before {
    content: "\E640"
}

.iconfont-tool:before {
    content: "\E634"
}

.iconfont-circle-7:before {
    content: "\E635"
}

.iconfont-circle-15:before {
    content: "\E636"
}

.iconfont-location:before {
    content: "\E637"
}

.iconfont-location2:before {
    content: "\E90B"
}

.iconfont-gift:before {
    content: "\E638"
}

.iconfont-gift2:before {
    content: "\E63E"
}

.iconfont-gift3:before {
    content: "\E905"
}

.iconfont-search:before {
    content: "\E616"
}

.iconfont-search2:before {
    content: "\E63A"
}

.iconfont-sync:before {
    content: "\E62A"
}

.iconfont-sync2:before {
    content: "\E63B"
}

.iconfont-card:before {
    content: "\E63C"
}

.iconfont-card-outline:before {
    content: "\E907"
}

.iconfont-alarm:before {
    content: "\E63D"
}

.iconfont-fcode:before {
    content: "\E63F"
}

.iconfont-clock:before {
    content: "\E606"
}

.iconfont-star:before {
    content: "\E61D"
}

.iconfont-alert:before {
    content: "\E90C"
}

.iconfont-circle-arrow-right:before {
    content: "\E615"
}

.iconfont-circle-phone:before {
    content: "\E904"
}

.iconfont-phone:before {
    content: "\E908"
}

.iconfont-month:before {
    content: "\E901"
}

.iconfont-1yuan:before {
    content: "\E903"
}

.btn {
    display: inline-block;
    width: 158px;
    height: 38px;
    padding: 0;
    margin: 0;
    border: 1px solid #b0b0b0;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #b0b0b0;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s
}

.btn:hover {
    text-decoration: none;
    color: #b0b0b0
}

.btn:focus {
    outline: 0
}

.btn:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .18);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .18)
}

.btn[disabled] {
    border-style: dashed !important;
    border-color: #e0e0e0;
    background-color: #fff !important;
    color: #b0b0b0 !important;
    cursor: default !important
}

.btn-disabled {
    background: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
    color: #b0b0b0 !important;
    cursor: default !important
}

.btn-small {
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px
}

.btn-large {
    width: 178px;
    height: 48px;
    line-height: 48px
}

.btn-biglarge {
    width: 298px;
    height: 52px;
    line-height: 52px;
    font-size: 16px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

button.btn,
input.btn {
    width: 160px;
    height: 40px
}

button.btn-small,
input.btn-small {
    width: 120px;
    height: 30px
}

button.btn-large,
input.btn-large {
    width: 180px;
    height: 50px
}

button.btn-biglarge,
input.btn-biglarge {
    width: 300px;
    height: 54px
}

.btn-gray {
    background: #b0b0b0;
    border-color: #b0b0b0;
    color: #fff
}

.btn-gray:hover {
    background-color: #757575;
    border-color: #757575;
    color: #fff
}

.btn-primary {
    background: #ff6700;
    border-color: #ff6700;
    color: #fff
}

.btn-primary:hover {
    background-color: #f25807;
    border-color: #f25807;
    color: #fff
}

.btn-green {
    background: #83c44e;
    border-color: #83c44e;
    color: #fff
}

.btn-green:hover {
    background-color: #71b639;
    border-color: #71b639;
    color: #fff
}

.btn-orange {
    background: #ffac13;
    border-color: #ffac13;
    color: #fff
}

.btn-orange:hover {
    background-color: #ff920f;
    border-color: #ff920f;
    color: #fff
}

.btn-gold {
    background: #ffd600;
    border-color: #ffd600;
    color: #fff
}

.btn-gold:hover {
    background-color: #fec517;
    border-color: #fec517;
    color: #fff
}

.btn-ocean {
    background: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.btn-ocean:hover {
    background-color: #0c80dc;
    border-color: #0c80dc;
    color: #fff
}

.btn-blue {
    background: #545ad0;
    border-color: #545ad0;
    color: #fff
}

.btn-blue:hover {
    background-color: #494fc5;
    border-color: #494fc5;
    color: #fff
}

.btn-red {
    background: #e53935;
    border-color: #e53935;
    color: #fff
}

.btn-red:hover {
    background-color: #e42a27;
    border-color: #e42a27;
    color: #fff
}

.btn-purple {
    background: #a31daf;
    border-color: #a31daf;
    color: #fff
}

.btn-purple:hover {
    background-color: #9715a2;
    border-color: #9715a2;
    color: #fff
}

.btn-pink {
    background: #f93e7a;
    border-color: #f93e7a;
    color: #fff
}

.btn-pink:hover {
    background-color: #e9306c;
    border-color: #e9306c;
    color: #fff
}

.btn-cyan {
    background: #00c0a5;
    border-color: #00c0a5;
    color: #fff
}

.btn-cyan:hover {
    background-color: #03b3ad;
    border-color: #03b3ad;
    color: #fff
}

.btn-brown {
    background: #ffcc80;
    border-color: #ffcc80;
    color: #fff
}

.btn-brown:hover {
    background-color: #f9cb7e;
    border-color: #f9cb7e;
    color: #fff
}

.btn-line-gray {
    border-color: #b0b0b0;
    background: #fff;
    color: #b0b0b0
}

.btn-line-gray:hover {
    color: #fff;
    background-color: #757575;
    border-color: #757575
}

.btn-line-primary {
    border-color: #ff6700;
    background: #fff;
    color: #ff6700
}

.btn-line-primary:hover {
    color: #fff;
    background-color: #f25807;
    border-color: #f25807
}

.btn-line-green {
    border-color: #83c44e;
    background: #fff;
    color: #83c44e
}

.btn-line-green:hover {
    color: #fff;
    background-color: #71b639;
    border-color: #71b639
}

.btn-line-orange {
    border-color: #ffac13;
    background: #fff;
    color: #ffac13
}

.btn-line-orange:hover {
    color: #fff;
    background-color: #ff920f;
    border-color: #ff920f
}

.btn-line-gold {
    border-color: #ffd600;
    background: #fff;
    color: #ffd600
}

.btn-line-gold:hover {
    color: #fff;
    background-color: #fec517;
    border-color: #fec517
}

.btn-line-ocean {
    border-color: #2196f3;
    background: #fff;
    color: #2196f3
}

.btn-line-ocean:hover {
    color: #fff;
    background-color: #0c80dc;
    border-color: #0c80dc
}

.btn-line-blue {
    border-color: #545ad0;
    background: #fff;
    color: #545ad0
}

.btn-line-blue:hover {
    color: #fff;
    background-color: #494fc5;
    border-color: #494fc5
}

.btn-line-red {
    border-color: #e53935;
    background: #fff;
    color: #e53935
}

.btn-line-red:hover {
    color: #fff;
    background-color: #e42a27;
    border-color: #e42a27
}

.btn-line-purple {
    border-color: #a31daf;
    background: #fff;
    color: #a31daf
}

.btn-line-purple:hover {
    color: #fff;
    background-color: #9715a2;
    border-color: #9715a2
}

.btn-line-pink {
    border-color: #f93e7a;
    background: #fff;
    color: #f93e7a
}

.btn-line-pink:hover {
    color: #fff;
    background-color: #e9306c;
    border-color: #e9306c
}

.btn-line-cyan {
    border-color: #00c0a5;
    background: #fff;
    color: #00c0a5
}

.btn-line-cyan:hover {
    color: #fff;
    background-color: #03b3ad;
    border-color: #03b3ad
}

.btn-line-brown {
    border-color: #ffcc80;
    background: #fff;
    color: #ffcc80
}

.btn-line-brown:hover {
    color: #fff;
    background-color: #f9cb7e;
    border-color: #f9cb7e
}

.row {
    margin-left: -14px
}

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

.row:after {
    clear: both
}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.span13,
.span14,
.span15,
.span16,
.span17,
.span18,
.span19,
.span20 {
    float: left;
    margin-left: 14px;
    min-height: 1px
}

.span1 {
    width: 48px
}

.span2 {
    width: 110px
}

.span3 {
    width: 172px
}

.span4 {
    width: 234px
}

.span5 {
    width: 296px
}

.span6 {
    width: 358px
}

.span7 {
    width: 420px
}

.span8 {
    width: 482px
}

.span9 {
    width: 544px
}

.span10 {
    width: 606px
}

.span11 {
    width: 668px
}

.span12 {
    width: 730px
}

.span13 {
    width: 792px
}

.span14 {
    width: 854px
}

.span15 {
    width: 916px
}

.span16 {
    width: 978px
}

.span17 {
    width: 1040px
}

.span18 {
    width: 1102px
}

.span19 {
    width: 1164px
}

.span20 {
    width: 1226px
}

.span-first {
    _margin-left: 0
}

.offset1 {
    margin-left: 76px
}

.offset2 {
    margin-left: 138px
}

.offset3 {
    margin-left: 200px
}

.offset4 {
    margin-left: 262px
}

.offset5 {
    margin-left: 324px
}

.offset6 {
    margin-left: 386px
}

.offset7 {
    margin-left: 448px
}

.offset8 {
    margin-left: 510px
}

.offset9 {
    margin-left: 572px
}

.offset10 {
    margin-left: 634px
}

.offset11 {
    margin-left: 696px
}

.offset12 {
    margin-left: 758px
}

.offset13 {
    margin-left: 820px
}

.offset14 {
    margin-left: 882px
}

.offset15 {
    margin-left: 944px
}

.offset16 {
    margin-left: 1006px
}

.offset17 {
    margin-left: 1068px
}

.offset18 {
    margin-left: 1130px
}

.offset19 {
    margin-left: 1192px
}

.offset20 {
    margin-left: 1254px
}

.loading {
    padding: 20px 0
}

.loader {
    position: relative;
    margin: 0 auto;
    width: 4px;
    height: 20px;
    background: #ff6700;
    overflow: visible;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.loader,
.loader:after,
.loader:before {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: loader-data-v-562c5445;
    animation-name: loader-data-v-562c5445;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse
}

@media (-ms-high-contrast:none) {

    .loader,
    .loader ::-ms-backdrop,
    .loader:after,
    .loader:before {
        animation: none
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .loader,
    .loader:after,
    .loader:before {
        -webkit-animation: none;
        animation: none
    }
}

.loader:after,
.loader:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 20px;
    content: "";
    background: #ff6700
}

.loader:before {
    margin: -10px 0 0 -10px;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-transform: scaleY(.3);
    -ms-transform: scaleY(.3);
    transform: scaleY(.3)
}

.loader:after {
    margin: -10px 0 0 6px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.loader-white,
.loader-white:after,
.loader-white:before {
    background: #fff
}

.loader-gray,
.loader-gray:after,
.loader-gray:before {
    background: rgba(0, 0, 0, .3)
}


.ey-dialog__wrapper.ey-dialog-alert {
    width: 400px
}

.ey-dialog__wrapper.ey-dialog-alert .alert-msg {
    margin: 50px 10px;
    font-size: 26px;
    text-align: center
}

.ey-dialog__wrapper.ey-dialog-alert .confirm-msg {
    padding: 40px 10px 50px;
    text-align: center;
    font-size: 16px
}

.ey-dialog__wrapper.ey-dialog-alert .confirm-msg h3 {
    margin: 0 0 10px;
    font-size: 24px
}



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

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in-data-v-562c5445 .3s;
    animation: dialog-fade-in-data-v-562c5445 .3s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out-data-v-562c5445 .3s;
    animation: dialog-fade-out-data-v-562c5445 .3s
}

@-webkit-keyframes dialog-fade-in-data-v-562c5445 {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-in-data-v-562c5445 {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes dialog-fade-out-data-v-562c5445 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes dialog-fade-out-data-v-562c5445 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}


.cart-container .loading {
    padding: 50px 0
}

.cart-container .container-main .empty-cart-top {
    height: 273px;
    padding-left: 558px;
    margin: 65px 0 130px;
    background: url(../images/cart-empty.png) no-repeat 124px 0;
    color: #b0b0b0;
    overflow: hidden
}

.cart-container .container-main .empty-cart-top .login-tip {
    margin: 50px 0 0 0;
    font-size: 36px;
    font-weight: bold;
}

.cart-container .container-main .empty-cart-top .login-tip.is-login {
    margin: 70px 0 0 0
}

.cart-container .container-main .empty-cart-top .btn {
    width: 170px;
    height: 48px;
    line-height: 48px
}

.cart-container .container-main .empty-cart-top .login-desc {
    margin: 0;
    font-size: 20px;
    color: #b0b0b0
}

.cart-container .container-main .empty-cart-top .btn {
    margin-top: 20px
}

.cart-container .container-main .empty-cart-top .btn-login {
    margin-right: 10px
}

.cart-container .container-main .empty-cart-top .btn-shoping-yeslogin {
    margin-top: 15px
}

.cart-container .container-main .empty-cart-top .btn-shoping-nologin {
    background-color: #f5f5f5;
    color: #ff6700
}

.cart-container .container-main .cart-recommend {
    margin: 60px 0 0
}

.cart-container .container-main .cart-wrap .addonitems-tips {
    text-align: right;
    font-size: 14px;
    color: rgba(0, 0, 0, .54);
    line-height: 20px;
    margin-bottom: 13px
}

.cart-container .container-main .cart-wrap .addonitems-tips div {
    display: inline-block
}

.cart-container .container-main .cart-wrap .addonitems-tips a {
    margin-left: 12px;
    color: rgba(0, 0, 0, .87)
}

.cart-container .container-main .cart-wrap .icon-plus {
    margin-right: 15px;
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 22px;
    line-height: 1;
    border-radius: 11px;
    text-align: center;
    background: #ff6700;
    color: #fff;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.cart-container .container-main .cart-wrap .cart-goods-list {
    background-color: #fff
}

.cart-container .container-main .cart-wrap .cart-goods-list .list-head {
    height: 70px;
    line-height: 70px;
    padding-right: 26px;
    color: #424242
}

.cart-container .container-main .cart-wrap .cart-goods-list .list-head .col {
    float: left
}

.cart-container .container-main .cart-wrap .cart-goods-list .list-head .col-img {
    width: 120px
}

.cart-container .container-main .cart-wrap .cart-goods-list .list-head .col-name {
    width: 380px
}

.cart-container .container-main .cart-wrap .cart-goods-list .list-head .icon-checkbox {
    margin-right: 15px
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-check {
    width: 110px
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-check .icon-checkbox, .cart-container .container-main .cart-wrap .cart-goods-list .col-check .check-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #e0e0e0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -1px;
    cursor: pointer
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-check .icon-checkbox:hover, .cart-container .container-main .cart-wrap .cart-goods-list .col-check .check-mark:hove {
    color: #757575
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-check .icon-checkbox-selected, .cart-container .container-main .cart-wrap .cart-goods-list .col-check .check-mark {
    color: #fff;
    border-color: #ff6700;
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-check .icon-checkbox-selected:hover, .cart-container .container-main .cart-wrap .cart-goods-list .col-check .check-mark:hover {
    color: #fff
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-check .icon-checkbox-show {
    color: #ff6700;
    border: none;
    cursor: default
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-check .icon-checkbox-show:hover {
    color: #ff6700
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name {
    width: 380px
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .desc,
.cart-container .container-main .cart-wrap .cart-goods-list .col-name .name {
    width: 380px;
    margin: 0
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .desc a,
.cart-container .container-main .cart-wrap .cart-goods-list .col-name .name a {
    color: #ff6700
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .name {
    line-height: 1;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .name a {
    color: #424242
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .desc {
    color: #757575;
    font-size: 12px
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .custom-made {
    color: #b0b0b0;
    font-size: 14px
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .custom-made div {
    line-height: 20px
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .custom-made .link {
    color: #ff6700;
    font-size: 14px;
    margin-top: 12px;
    display: inline-block
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-name .custom-made .iconfont {
    color: #b0b0b0;
    font-size: 14px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-price {
    width: 140px;
    padding-right: 18px;
    text-align: center;
    color: #424242
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-num {
    width: 150px;
    text-align: center;
    color: #424242
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-num .change-goods-num {
    width: 148px;
    height: 38px;
    border: 1px solid #e0e0e0;
    text-align: center;
    background-color: #fff;
    position: relative;
    zoom: 1
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-num .change-goods-num input {
    float: left;
    width: 72px;
    height: 38px;
    line-height: 38px;
    padding: 0;
    border-width: 0;
    color: #424242;
    font-size: 16px;
    text-align: center
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-num .change-goods-num input:focus {
    outline: none
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-num .change-goods-num a {
    float: left;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #757575;
    font-size: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-num .change-goods-num a.disabled {
    cursor: not-allowed
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-num .change-goods-num a:hover {
    background-color: #e0e0e0
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-num .change-goods-num .msg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -24px;
    font-size: 12px;
    color: #b0b0b0
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-total {
    width: 120px;
    padding-right: 81px;
    text-align: right
}

.cart-container .container-main .cart-wrap .cart-goods-list .col-action {
    width: 80px;
    text-align: center
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .over-item-row .col,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .over-item-row .col {
    opacity: .3
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .over-item-row .col-action,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .over-item-row .col-action {
    opacity: 1
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .service-status-type,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .service-status-type {
    position: absolute;
    bottom: 12px;
    left: 20px;
    width: 60px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #afafaf
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .col-total,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-total {
    color: #ff6700;
    font-size: 16px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .col-num,
.cart-container .container-main .cart-wrap .cart-goods-list .item-box .col-price,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-num,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-price {
    font-size: 16px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .col-action .del,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-action .del {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    color: #757575;
    font-size: 16px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .col-action .del:hover,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-action .del:hover {
    color: #fff;
    background-color: #e53935
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .tags,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .tags {
    margin-bottom: 6px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .tag,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .tag {
    display: inline-block;
    width: 60px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    vertical-align: top
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .tag-orange,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .tag-orange {
    background-color: #ff6700
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .tag-blue,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .tag-blue {
    background-color: #2196f3
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .tag-red,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .tag-red {
    background-color: #e53935
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .tag-green,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .tag-green {
    background-color: #83c44e
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .tag-openbuy,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .tag-openbuy {
    width: auto;
    padding: 0 10px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .tag-s,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .tag-s {
    width: 40px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-business {
    text-indent: 24px;
    height: 70px;
    line-height: 70px;
    color: rgba(0, 0, 0, .87);
    border-top: 1px solid #e0e0e0
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-business span {
    float: right;
    margin-right: 30px;
    color: rgba(0, 0, 0, .54)
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-business span i {
    margin-right: 5px;
    vertical-align: middle
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-table {
    display: table;
    border-collapse: collapse;
    border-spacing: 0
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-table .item-row {
    display: table-row;
    *zoom: 1
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-table .col {
    display: table-cell;
    vertical-align: middle;
    *float: left
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box {
    padding: 15px 26px 15px 0;
    border-top: 1px solid #e0e0e0
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .col-img {
    width: 80px;
    height: 80px;
    padding-right: 40px;
    overflow: hidden
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .pre-info {
    margin: 0;
    font-size: 12px;
    color: #b0b0b0
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .extend-buy {
    height: 48px;
    line-height: 48px;
    border: 1px solid #e0e0e0;
    padding-left: 20px;
    margin-bottom: -1px;
    color: #424242;
    -webkit-transition: all .4s;
    transition: all .4s;
    cursor: pointer
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .extend-buy:hover {
    background-color: #fafafa
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .extend-buy .price {
    color: #ff6700
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-box .extend-buy .agreement {
    margin-left: 20px;
    color: #ff6700
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box {
    padding-top: 15px;
    margin-bottom: -2px;
    margin-left: 100px;
    position: relative
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .arrow {
    position: absolute;
    top: 5px;
    left: 39px;
    width: 0;
    height: 0;
    _font-size: 0;
    _line-height: 1;
    border-width: 0 11px 10px;
    border-style: dashed dashed solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f5f5f5;
    overflow: hidden
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .item-table {
    background-color: #f5f5f5
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box.item-box {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    border-top: 0;
    margin-top: 2px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-img {
    width: 60px;
    height: 60px;
    padding-right: 52px;
    padding-left: 20px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-name .name {
    font-size: 16px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-name .price {
    color: #ff6700
}



.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .price-diff {
    color: #ff6700
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box {
    background-color: #fafafa;
    overflow: hidden
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .item-box {
    padding-left: 0;
    margin-top: -1px;
    border-color: #eee
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col {
    opacity: .4
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-check {
    width: 60px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-status {
    width: 45px;
    text-align: center;
    color: #757575
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-name .desc,
.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-name .name {
    width: 351px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-price {
    *padding-right: 50px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-total {
    width: 70px;
    color: #424242;
    padding-right: 36px
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-links {
    width: 95px;
    opacity: 1
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-links a {
    color: #616161
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-links a:hover {
    color: #ff6700
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-links .iconfont {
    font-size: 24px;
    vertical-align: middle
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-links .solid {
    display: none
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-links .is-favorite {
    color: #616161
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-links .is-favorite .solid {
    display: inline;
    color: #e53935
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-links .is-favorite .hollow {
    display: none
}

.cart-container .container-main .cart-wrap .cart-goods-list .item-disable-box .col-action {
    opacity: 1
}




.cart-container .container-main .cart-bar {
    height: 50px;
    text-align: right;
    background-color: #fff;
    -webkit-transition: background .3s ease, top .3s ease;
    transition: background .3s ease, top .3s ease;
    position: relative
}

.cart-container .container-main .cart-bar.cart-bar-fixed {
    position: fixed;
    width: 1226px;
    left: 50%;
    margin-left: -613px;
    bottom: 0;
    z-index: 20;
    background-color: #fafafa;
    -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 -3px 6px rgba(0, 0, 0, .1)
}

.cart-container .container-main .cart-bar a {
    -webkit-transition: color .3s;
    transition: color .3s
}

.cart-container .container-main .cart-bar i {
    font-style: normal
}

.cart-container .container-main .cart-bar .section-left {
    float: left
}

.cart-container .container-main .cart-bar .back-shopping {
    line-height: 50px;
    margin-left: 32px
}

.cart-container .container-main .cart-bar .cart-total {
    margin-left: 16px;
    padding-left: 16px;
    border-left: 1px solid #eee;
    color: #757575
}

.cart-container .container-main .cart-bar .cart-total i {
    color: #ff6700
}

.cart-container .container-main .cart-bar .cart-coudan {
    color: #757575
}

.cart-container .container-main .cart-bar .cart-coudan a {
    margin-left: 3px;
    color: #ff6700
}

.cart-container .container-main .cart-bar .activity-money {
    padding: 0 13px;
    border-right: 1px solid #eee;
    color: #757575
}

.cart-container .container-main .cart-bar .total-price {
    padding-left: 13px;
    color: #ff6700
}

.cart-container .container-main .cart-bar .total-price em {
    font-style: normal;
    font-size: 30px
}

.cart-container .container-main .cart-bar .btn {
    width: 200px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    margin-left: 50px;
    vertical-align: top
}

.cart-container .container-main .cart-bar .no-select-tip {
    width: 200px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    top: -58px;
    right: 0;
    background-color: #fff;
    border: 1px solid #ff6700;
    color: #ff6700;
    text-align: center
}

.cart-container .container-main .cart-bar .no-select-tip .arrow {
    display: block;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    overflow: hidden;
    position: absolute;
    left: 50%
}

.cart-container .container-main .cart-bar .no-select-tip .arrow-a {
    bottom: -8px;
    margin-left: -10px;
    border-width: 8px 10px 0;
    border-color: #ff6700 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    z-index: 1
}

.cart-container .container-main .cart-bar .no-select-tip .arrow-b {
    bottom: -7px;
    margin-left: -8px;
    border-width: 7px 8px 0;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    z-index: 2
}

.cart-container .container-main .raise-buy-box {
    margin: 20px 0
}

.cart-container .container-main .raise-buy-box .item {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    margin-bottom: 2px;
    background-color: #fff;
    color: #424242;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s
}

.cart-container .container-main .raise-buy-box .item:hover {
    background-color: #fafafa
}

.cart-container .container-main .raise-buy-box .item .price-diff,
.cart-container .container-main .raise-buy-box .item .price {
    color: #ff6700
}

.cart-container .container-main .raise-buy-box .item .icon-plus {
    margin-right: 15px
}

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}



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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}



.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}




.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}


@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}



.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.input-label {
    position: absolute;
    left: 12px;
    top: 11px;
    z-index: 2;
    padding: 0 3px;
    font-size: 14px;
    line-height: 18px;
    color: #b0b0b0;
    background: rgba(0, 0, 0, 0);
    cursor: text;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.input-text {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 16px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 18px;
    background: #fff;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.input-text:hover {
    border-color: #b0b0b0
}

.input-text:focus {
    outline: 0
}

textarea.input-text {
    height: 5em;
    resize: vertical
}

.ey-input {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left
}

.ey-input .input-text::-webkit-input-placeholder {
    color: #fff
}

.ey-input .input-text::-moz-placeholder {
    color: #fff
}

.ey-input .input-text:-ms-input-placeholder {
    color: #fff
}

.ey-input .input-text::-ms-input-placeholder {
    color: #fff
}

.ey-input .input-text::placeholder {
    color: #fff
}

.ey-input .input-text[disabled] {
    background-color: #f5f5f5
}

.ey-input .input-text[disabled]::-webkit-input-placeholder {
    color: #b0b0b0
}

.ey-input .input-text[disabled]::-moz-placeholder {
    color: #b0b0b0
}

.ey-input .input-text[disabled]:-ms-input-placeholder {
    color: #b0b0b0
}

.ey-input .input-text[disabled]::-ms-input-placeholder {
    color: #b0b0b0
}

.ey-input .input-text[disabled]::placeholder {
    color: #b0b0b0
}

.ey-input .show-placeholder::-webkit-input-placeholder {
    color: #757575
}

.ey-input .show-placeholder::-moz-placeholder {
    color: #757575
}

.ey-input .show-placeholder:-ms-input-placeholder {
    color: #757575
}

.ey-input .show-placeholder::-ms-input-placeholder {
    color: #757575
}

.ey-input .show-placeholder::placeholder {
    color: #757575
}

.ey-input .msg {
    position: absolute;
    left: 10px;
    top: -26px;
    z-index: 5;
    padding: 6px 12px;
    margin: 0;
    font-size: 12px;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .18);
    box-shadow: 0 3px 4px rgba(0, 0, 0, .18)
}

.ey-input .msg-error {
    visibility: hidden;
    visibility: visible\9;
    display: none\9;
    opacity: 0;
    background-color: #e53935;
    color: #fff;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.ey-input .msg-error:after {
    position: absolute;
    top: 30px;
    left: 15px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #e53935 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    overflow: hidden
}

.ey-input-focus .input-text {
    border-color: #ff6700;
    color: #333
}

.ey-input-focus .input-text::-webkit-input-placeholder {
    color: #b0b0b0;
    -webkit-transition: color .2s linear .2s;
    transition: color .2s linear .2s
}

.ey-input-focus .input-text::-moz-placeholder {
    color: #b0b0b0;
    -moz-transition: color .2s .2s linear;
    transition: color .2s linear .2s
}

.ey-input-focus .input-text:-ms-input-placeholder {
    color: #b0b0b0;
    -ms-transition: color .2s .2s linear;
    transition: color .2s linear .2s
}

.ey-input-focus .input-text::-ms-input-placeholder {
    color: #b0b0b0;
    -ms-transition: color .2s .2s linear;
    transition: color .2s linear .2s
}

.ey-input-focus .input-text::placeholder {
    color: #b0b0b0;
    -webkit-transition: color .2s linear .2s;
    transition: color .2s linear .2s
}

.ey-input-focus .input-label {
    color: #ff6700
}

.ey-input-focus .msg-error {
    display: block\9;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ey-input-active .input-label {
    top: -7px;
    font-size: 12px;
    background: #fff
}

.ey-input-error .icon-error {
    color: #e53935
}

.clear,
.ey-input-error .icon-error {
    position: absolute;
    top: 50%;
    right: 12px;
    font-size: 14px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    line-height: 1
}

.clear {
    color: #b0b0b0;
    display: none
}

.clear.show {
    display: block
}

.ey-error {
    padding: 40px 0 60px;
    text-align: center
}

.ey-error p {
    font-size: 18px;
    margin: 15px 0
}

.ey-error a {
    display: inline-block;
    color: #ff6709
}

.ey-error span {
    margin: 0 15px;
    color: #ebebeb
}

.recommend-title {
    position: relative;
    margin: 0;
    height: 50px;
    font-size: 30px;
    font-weight: 400;
    color: #757575;
    border-top: 1px solid #e0e0e0
}

.recommend-title span {
    position: absolute;
    top: -20px;
    left: 372px;
    height: 40px;
    width: 482px;
    line-height: 40px;
    text-align: center;
    display: block;
    background-color: #f5f5f5
}

.recommend-list {
    margin: 0 0 0 -14px;
    padding: 0
}

.recommend-list.swiper-wrapper .swiper-slide,
.recommend-list.swiper-wrapper {
    margin: 0
}

.recommend-item {
    float: left;
    width: 234px;
    height: 300px;
    padding: 0 20px;
    margin: 0 0 14px 14px;
    padding: 0;
    position: relative;
    overflow: hidden;
    list-style: none;
    background-color: #fff;
    text-align: center
}

.recommend-item img {
    display: block;
    margin: 40px auto 20px;
    width: 140px;
    height: 140px
}

.recommend-item:hover .recommend-action {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.recommend-item a:hover .recommend-name {
    color: #333
}

.recommend-name {
    margin: 0 10px 10px;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333
}

.recommend-price {
    margin-bottom: 10px;
    color: #ff6700
}

.recommend-ad img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.recommend-tips {
    position: relative;
    color: #757575
}

.recommend-action {
    position: absolute;
    left: 0;
    bottom: 16px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
    -webkit-transition: all .4s;
    transition: all .4s
}

.recommend-action .btn {
    width: 120px
}

.recommend-notice {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.recommend-notice .btn {
    border-width: 0
}

.recommend-notice-active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-recommend-pagination {
    padding: 14px;
    text-align: center
}


.site-topbar .topbar-info {
    position: relative;
    float: right;
    height: 40px;
    line-height: 40px
}

.ey-dialog__wrapper.dialog-site-agreement .con {
    max-height: 300px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    text-align: left
}

.ey-dialog__wrapper.dialog-site-agreement iframe {
    border: none
}

.ey-dialog__wrapper.dialog-site-agreement .desc {
    margin-left: 20px;
    margin-bottom: 20px
}

.ey-dialog__wrapper.dialog-site-agreement .desc span {
    color: #ff6700;
    cursor: pointer
}
