@charset "utf-8";

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.tl,
caption,
th {
    text-align: left
}

.bx {
    width: 1200px;
    margin: 0 auto;
}

body {
    background-color: #F7F7F7;
}

.dividing-line {
    border-top: 2px solid #FF794F;
}

.clearfix:after,
.hidden {
    visibility: hidden
}

.breakword,
.layui-layer-tips {
    word-wrap: break-word
}

.tit-tab-small li,
.ttu {
    text-transform: uppercase
}

.textInput,
button,
input,
select,
textarea {
    outline: 0
}

address,
article,
aside,
audio,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
video {
    display: block
}

.fl,
.fr {
    display: inline
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0
}

abbr,
acronym,
fieldset,
img {
    border: 0
}


ol,
ul {
    list-style: none
}

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

q:after,
q:before {
    content: ''
}

i {
    font-style: normal
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.fb {
    font-family: Arial;
    font-weight: 700
}

.theme-fb {
    font-family: open_sansbold
}

.fn {
    font-weight: 400
}

.t2 {
    text-indent: 2em
}

.header-wrap .top-help dl.change-site>dt,
.header-wrap .top-help dl.top-currency>dt,
.header-wrap .top-help dl>dd li>a {
    text-indent: 10px
}

.lh150 {
    line-height: 150%
}

.lh180 {
    line-height: 180%
}

.lh200 {
    line-height: 200%
}

.unl {
    text-decoration: underline
}

.no-unl {
    text-decoration: none
}

.tdlt {
    text-decoration: line-through
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.btn,
.page-wrap,
.tips {
    text-align: center
}

.bc {
    margin-left: auto;
    margin-right: auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.cb {
    clear: both
}

.cl {
    clear: left
}

.cr {
    clear: right
}

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

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.dib,
.va-m,
.va-t,
.va-tb,
.vam {
    display: inline-block
}

.pr {
    position: relative
}

.abs-right,
.pa {
    position: absolute
}

.abs-right {
    right: 0
}

.zoom {
    zoom: 1
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.w300 {
    width: 300px
}

.w400 {
    width: 400px
}

.w500 {
    width: 500px
}

.w600 {
    width: 600px
}

.w700 {
    width: 700px
}

.w800 {
    width: 800px
}

.h50 {
    height: 50px
}

.h80 {
    height: 80px
}

.h100 {
    height: 100px
}

.h200 {
    height: 200px
}

.h,
body {
    height: 100%
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m30 {
    margin: 30px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt50 {
    margin-top: 50px
}

.mt100 {
    margin-top: 100px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb50 {
    margin-bottom: 50px
}

.mb100 {
    margin-bottom: 100px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml50 {
    margin-left: 50px
}

.ml100 {
    margin-left: 100px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr50 {
    margin-right: 50px
}

.mr100 {
    margin-right: 100px
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt50 {
    padding-top: 50px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb50 {
    padding-bottom: 50px
}

.pb100 {
    padding-bottom: 100px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl50 {
    padding-left: 50px
}

.pl100 {
    padding-left: 100px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr50 {
    padding-right: 50px
}

.pr100 {
    padding-right: 100px
}

.c0 {
    color: #000
}

.c01 {
    color: #010101
}

.cf {
    color: #fff
}

.c6 {
    color: #666
}

.c3,
a {
    color: #333
}

.va-m,
.vam {
    vertical-align: middle
}

.va-tb {
    vertical-align: text-bottom
}

.va-t {
    vertical-align: top
}

.db {
    display: block
}

.di {
    display: inline
}

.nowrap {
    white-space: nowrap
}

.none {
    display: none
}

.hide {
    display: none !important
}

.text-ellipsis-left,
.text-ellipsis-left span {
    display: inline-block
}

.text-ellipsis-left {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.text-ellipsis-left>span:not(.extra) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-ellipsis-left>span.extra {
    position: absolute;
    right: 0;
    background-color: #fff
}

body,
input,
select,
textarea {
    font-size: 12px;
    line-height: 150%;
    font-family: open_sansregular, 'Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif';
    color: #333
}

body {
    background-color: #f6f6f6;
    width: 100%
}

.required {
    color: #DA0000;
}

a {
    text-decoration: none
}

a:hover {
    /* text-decoration: underline */
}

.btn,
.btn:hover {
    text-decoration: none
}

img {
    vertical-align: middle
}

.bizhong {
    display: none
}

.arrow:after,
.btn {
    display: inline-block;
    vertical-align: middle
}

/* ::selection {
    background-color: #FF6A07;
    color: #fff
}

::-moz-selection {
    background-color: #FF6A07;
    color: #fff
} */

.main-wrap {
    min-height: 400px;
    overflow: hidden;
    /*min-width: 90% !important;*/
}

.theme {
    color: #FF6A07
}

.theme-1-2 {
    color: #fc263f
}

.green {
    color: #159f25
}

.blue {
    color: #1329C2
}

.red {
    color: #da0120
}

.orange {
    color: #ff6900;
}

.light-blue {
    color: #35a2fe
}

.color-warn {
    color: #ff5722
}

.c9 {
    color: #999
}

.btn {
    padding: 5px 14px;
    min-width: 100px;
    line-height: 1.5;
    box-sizing: border-box;
    border-radius: 2px;
    transition: transform 150ms ease
}

.btn.disabled,
.btn:disabled {
    background-color: #999;
    border: 1px solid #999;
    color: #fff;
    cursor: not-allowed
}

.btn:active {
    -ms-transform: translate(1px, 2px);
    transform: translate(1px, 2px)
}

.btn:hover {
    opacity: .9
}

.btn-disable,
.btn-disable:hover,
.btn.disabled,
.btn.disabled:hover,
.btn:disabled,
.btn:disabled:hover {
    opacity: .6
}

.btn:disabled:active {
    -ms-transform: translate(0);
    transform: translate(0)
}

.btn-theme,
.btn-theme-2 {
    background-color: #da0120;
    border: 1px solid #da0120
}

.btn.disabled:active {
    -ms-transform: translate(0);
    transform: translate(0)
}

.btn-theme {
    color: #fff
}

.btn-theme-2 {
    color: #333
}

.btn-gray {
    color: #fff;
    background-color: #bec2cd;
    border: 1px solid #bec2cd
}

.btn-transparent {
    color: #da0120;
    background-color: transparent;
    border: 1px solid #da0120
}

.btn-pink {
    color: #da0120;
    background-color: #fef0f2;
    border: 1px solid #fef0f2
}

.btn-faceBook {
    color: #fff;
    background-color: #4a67a2;
    border: 1px solid #4a67a2
}

.btn-link {
    color: #333;
    background-color: transparent;
    border: 1px solid transparent;
    text-decoration: underline
}

.btn-paypal {
    color: #333;
    background-color: #ffd472;
    border: 1px solid #ffd472
}

.btn-google {
    color: #fff;
    background-color: #d6492f;
    border: 1px solid #d6492f
}

.btn-info {
    color: #fff;
    background-color: #da0120;
    border: 1px solid #da0120
}

.btn-disable {
    cursor: not-allowed;
    background-color: #999;
    border: 1px solid #999;
    color: #fff
}

.btn-disable:active {
    -ms-transform: translate(0);
    transform: translate(0)
}

.btn-upload .btn {
    position: relative
}

.btn-upload .custom-text {
    width: 250px
}

.btn-upload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.btn-wait {
    transition: background-color .5s;
    cursor: wait;
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    animation: animate-stripes 1.8s linear infinite
}

/* .arrow:after {
    background-image: url(../images/styleimg/spriter.png?20180906200334);
    background-position: -591px -382px;
    width: 8px;
    height: 5px;
    content: "";
    background-repeat: no-repeat;
    margin-left: 5px;
    transition: transform .3s
} */

.arrow.on:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.w {
    margin: 0 auto;
    width: 1200px
}

.pulldown .down {
    display: none
}

.pulldown.on .arrow:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pulldown.on .down {
    display: block
}

.custom-form li.line>div,
.page-wrap .page-list,
.tips {
    display: inline-block
}

.free-shipping {
    color: #159f25
}

.free-shipping i {
    width: 23px;
    height: 10px;
    background-position: -4px -241px;
    margin-right: 5px
}

.china-warehouse i,
.hk-warehouse i {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.hk-warehouse i {
    background-position: -272px -83px
}

.china-warehouse i {
    background-position: -294px -83px
}

.grabbing,
.grabbing a {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.attr-select li,
button,
label {
    cursor: pointer
}

.path {
    padding: 10px 0
}

.path a {
    padding: 0 5px
}

.page-wrap {
    color: #666;
    line-height: 30px;
    margin: 30px 0
}

.page-wrap .page-text {
    float: left
}

.page-wrap .page-text a {
    margin: 0 5px
}

.page-wrap .page-text a.on {
    color: #da0120
}

.page-wrap .page-list span {
    color: #999
}

.page-wrap .page-list a,
.page-wrap .page-list span {
    padding: 0 10px;
    border-right: 1px solid #ddd
}

.page-wrap .page-list a:last-child,
.page-wrap .page-list span:last-child {
    border-right: 0
}

.page-wrap .page-list .on {
    color: #da0120;
    font-family: open_sansbold
}

.attr-select li {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    border: 2px solid transparent
}

.attr-select li.on,
.attr-select li:hover {
    border: 2px solid #da0120
}

.attr-select li.on {
    position: relative
}

.attr-select li.on:after {
    position: absolute;
    top: -2px;
    right: -2px;
    background-position: -67px -197px;
    width: 15px;
    height: 15px
}

.tips {
    vertical-align: middle;
    width: 15px;
    height: 15px;
    padding-left: 10px
}

.custom-form li.line.text>div textarea,
.custom-form li.line.text>strong,
.tips:before {
    vertical-align: top
}

.tips:before {
    background-position: -232px -198px;
    width: 12px;
    height: 13px
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 6px;
    border: 1px solid #ddd
}

button {
    border: none;
    margin: 0;
    padding: 0;
    background: 0 0;
    overflow: hidden
}

.textInput {
    border: 1px solid #bfbfbf
}

input.error,
select.error,
textarea.error {
    border: 1px solid #d80d0d
}

input[type=text],
select,
textarea {
    transition: box-shadow .2s;
    color: #666
}

input[type=text]:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 3px #ea5f5f;
    border: 1px solid #ea5f5f
}

button,
input[type=submit],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input.valid,
select.valid,
textarea.valid {
    border-color: #669350
}

input[type=button],
input[type=checkbox],
input[type=radio] {
    cursor: pointer;
    /*width: 14px;*/
    height: 14px
}

.custom-text {
    height: 34px;
    width: 170px;
    max-height: 90%;
    padding: 0 5px;
    line-height: 34px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    box-sizing: border-box
}

.custom-text[disabled] {
    opacity: .5;
    filter: alpha(opacity=50);
    background-color: #eee
}

.custom-text:focus {
    box-shadow: 0 0 3px #ea5f5f;
    border-color: #ea5f5f
}

.custom-text.long {
    width: 250px
}

textarea.custom-text {
    width: auto;
    height: auto;
    line-height: 1.5em;
    padding: 5px;
    resize: vertical
}

.custom-select {
    height: 34px;
    width: 170px;
    padding: 0 5px;
    line-height: 34px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    border-radius: 2px
}

.custom-select[disabled] {
    opacity: .5;
    filter: alpha(opacity=50);
    background-color: #eee
}

.custom-select:focus {
    box-shadow: 0 0 3px #da0120;
    border-color: #da0120
}

.custom-form li.line {
    margin-top: 15px
}

.custom-form li.line>strong {
    min-width: 220px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    margin-right: 10px;
    color: #666;
    margin-top: 8px
}

.custom-form li.line>div {
    max-width: 630px;
    line-height: 34px;
    height: 34px
}

.custom-form li.line>div p {
    width: 440px
}

.custom-form li.line.text>div {
    height: auto
}

.custom-form li.line.required strong:before {
    content: "*";
    margin-right: 5px;
    font-weight: 700;
    color: #d80d0d
}

.tit-tab-large li,
.tit-tab-small li {
    display: inline-block;
    margin-right: 10px;
    font-family: open_sansbold;
    cursor: pointer
}

.tit-tab-large {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff
}

.tit-tab-large li {
    line-height: 60px;
    border: 1px solid #ebebeb;
    background-color: #f5f5f5;
    color: #737373;
    padding: 0 50px;
    font-size: 16px;
    border-bottom: 0
}

.tit-tab-large li.on {
    border-top: 2px solid #da0120;
    border-bottom: 2px solid #fff;
    margin-bottom: -3px;
    background-color: #fff;
    color: #333
}

.tit-tab-small {
    border-bottom: 2px solid #ddd;
    background-color: #fff
}

.tit-tab-small li {
    line-height: 32px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #737373;
    padding: 0 20px;
    border-bottom: 0
}

.tit-tab-small li.on {
    border-top: 2px solid #da0120;
    border-bottom: 2px solid #fff;
    margin-bottom: -3px;
    background-color: #fff;
    color: #333
}

.row-fluid {
    height: 50px;
    padding-bottom: 10px
}

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

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

.row-fluid .span12 {
    width: 100%
}

.row-fluid .span11 {
    width: 91.45299145%
}

.row-fluid .span10 {
    width: 82.90598291%
}

.row-fluid .span9 {
    width: 74.35897436%
}

.row-fluid .span8 {
    width: 65.81196581%
}

.row-fluid .span7 {
    width: 57.26495726%
}

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

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

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

.row-fluid .span3 {
    width: 23.07692308%
}

.row-fluid .span2 {
    width: 14.52991453%
}

.row-fluid .span1 {
    width: 5.98290598%
}

.dialog-msg {
    position: fixed;
    top: 0;
    left: 50%;
    padding: 15px;
    margin-bottom: 20px;
    min-width: 200px;
    text-align: center;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8
}

.client-tips .layui-layer-content {
    background-color: #fff;
    color: #333
}

.wait {
    padding: 10px 20px
}

.wait:before {
    background-image: url(../images/styleimg/loading.png?);
    content: "";
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/styleimg/loading.gif?) \9;
    width: 16px;
    height: 16px;
    animation: rotate .8s linear infinite
}

.wait span {
    margin-left: 10px
}

.qty {
    float: right;
    width: 160px
}

.qty input {
    height: 24px;
    line-height: 24px;
    width: 70px;
    text-align: center
}

/* .qty .add,.qty .minus {
    width: 17px;
    height: 17px;
    background-image: url(../images/styleimg/spriter.png?20180906200334);
    content: "";
    background-repeat: no-repeat;
    vertical-align: middle
} */

.if-show-price .login-first {
    display: none
}

.pagination,
.qty .add,
.qty .minus {
    display: inline-block
}

input:focus::-webkit-input-placeholder {
    font-weight: 400 !important
}

input:focus:-moz-placeholder {
    font-weight: 400 !important
}

input:focus::-moz-placeholder {
    font-weight: 400 !important
}

input:focus:-ms-input-placeholder {
    font-weight: 400 !important
}

.qty .minus {
    background-position: -491px -330px
}

.qty .add {
    background-position: -492px -300px
}

.qty .disabled {
    opacity: .3;
    cursor: default
}

.pagination {
    text-align: right;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    /*width: 100%*/
}

.pagination>li {
    display: inline !important;
    border: none !important
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 5px;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #999;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 4px
}

.pagination>li button,
.pagination>li input,
.pagination>li select {
    box-sizing: border-box;
    margin: 0 5px;
    height: 30px;
    vertical-align: middle;
    border: 1px solid #ddd
}

.pagination>li input {
    width: 50px;
    text-align: center
}

.pagination>li button {
    padding: 0 10px;
    color: #999
}

.pagination>li button:focus,
.pagination>li button:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #FF6A07;
    border-color: #FF6A07
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #FF6A07;
    border-color: #FF6A07;
    cursor: default
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #666;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination .first a,
.pagination .first span {
    margin-left: 5px
}


.pagination .last a,
.pagination .last span {
    margin-right: 5px
}

.p-skip {
    float: right;
    padding-left: 0;
    margin: 20px 0;
}

.p-skip em {
    float: left;
    line-height: 30px;
    font-size: 14px;
    font-style: normal;
}

.p-skip .input-txt {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}

.p-skip .btn {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #dddddd;
    min-width: 50px;
}

.with-left {
    padding: 20px 0
}

.with-left .left-part {
    float: left;
    line-height: 30px;
    font-weight: 700
}

.with-left .pagination {
    margin: 0;
    float: right;
    width: auto
}

.layui-layer-dialog div.layui-layer-content {
    word-break: normal
}

@media (min-width: 1920px) {

    #goodsCompareWindow,
    .back-to-top {
        right: 195px
    }
}

@media (max-width: 1366px) {

    #goodsCompareWindow,
    .back-to-top {
        right: 0
    }
}

.client-tip {
    position: relative;
    padding: 20px
}

.client-tip p {
    margin: 6px 0;
    line-height: 24px
}

.client-tip p.action {
    margin-top: 24px
}

.client-tip p.action a {
    margin-right: 12px;
    padding: 6px
}

.map-wrap .map-title {
    float: left;
    text-decoration: underline
}

.header-wrap .top-search .top-search-form .search-tips a:hover,
.header-wrap .user-wrap .u-name-wrap p.f12 a:hover,
.header-wrap .user-wrap:hover,
a.shop-type-icon-group:hover {
    text-decoration: none
}

.map-wrap .map-content {
    float: left;
    display: inline-block
}

.map-wrap .map-content .advise-price {
    color: #da0120
}

.ellipsis-sku {
    display: inline-block;
    max-width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shop-type-icon-group {
    position: relative;
    margin-right: 5px
}

.shop-type-icon-alt {
    position: absolute;
    top: -25px;
    left: -45px;
    padding: 1px 5px !important;
    white-space: nowrap;
    display: none;
    border: 1px solid #DA0120;
    border-radius: 15px;
    background-color: #DA0120;
    color: #FFF;
    height: 20px;
    line-height: 20px;
    z-index: 1
}

.shop-type-icon-group:hover .shop-type-icon-alt {
    display: block
}

.shop-type-icon-text {
    color: #000;
    white-space: nowrap;
    font-size: 14px
}

.progress-group {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    border: 1px solid #f96;
    background-color: #fff
}

.progress-group,
.progress-group .progress-inner {
    height: 10px;
    border-radius: 25px
}

.progress-group .progress-inner {
    background-color: #f96;
    float: left
}

.progress-num {
    color: #f96
}

.pc-tip {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    text-align: center;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    cursor: pointer
}

.alert-migrate-wrap h2 {
    font-size: 18px
}

.alert-migrate-wrap .btn {
    padding: 10px 14px
}

.alert-migrate-confirm-wrap {
    padding: 30px 20px;
    width: 500px
}

/* 导航栏:top-nav */
.header-wrap .top-nav {
    margin-top: 20px;
    height: 35px;
    font-size: 16px;
    background-color: #fff;
    /*border-bottom: 2px solid #ff6900;*/
}

.header-wrap .top-nav .all-category {
    float: left;
    width: 200px;
    height: 100%;
    position: relative
}

.header-wrap .top-nav .all-category .menu-tit {
    position: relative;
    display: block;
    line-height: 35px;
    background-color: #ff6900;
    font-size: 16px;
    color: #fff;
    text-indent: 20px;
    /*text-align: center;*/
}

.header-wrap .top-nav .all-category .menu-tit::after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    /*background: url("../images/ico.png") no-repeat -204px -67px;*/
}

.header-wrap .top-nav .all-category .nav-list {
    position: absolute;
    z-index: 1009;
    left: 0;
    top: 35px;
    width: 200px;/*220px;*/
    font-size: 14px;
    text-align: left;
    /*background: rgba(76, 76, 76, 0.9);*/
    min-height: 460px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.header-wrap .top-nav .all-category .nav-list.index {
    height: 460px;
    /* overflow: hidden */
}

.header-wrap .nav-list li.menu-item {
    font-size: 12px;
}

.header-wrap .nav-list li.menu-item:hover .menu {
    /*background: rgba(153, 153, 153, 0.9);*/
    /*color: #fff;*/
    background:#ff6900;
    color: #fff;
    margin-top: 1px;
}

.header-wrap .nav-list li.menu-item:hover .submenu {
    display: block;
}

.header-wrap .nav-list li.menu-item .submenu {
    display: none;
    position: absolute;
    left: 200px;/*220px;*/
    top: 2px;
    /*background: rgba(153, 153, 153, 0.9);*/
    background: #fff;
    /*width: 800px;*//*920px;*//*width: 980px;*//*20210224*/
    min-width: 800px;
    max-width: 980px;
    color: #fff;
    min-height: 460px;
    /*border: solid 1px blue;*/
}

.header-wrap .nav-list li.menu-item .submenu .submenu-list{
    /*min-height: 600px;*/
    overflow-x: hidden;
    overflow-y: scroll;
}

.header-wrap .nav-list li.menu-item .submenu .submenu-list li>a {
    font-size: 14px;
    /*font-size: 18px;*/
    /*color: #fff;*/
    display: block;
    margin: 10px 0 0 20px;/*上右下左*/
    padding: 5px;
}

.header-wrap .nav-list li.menu-item .submenu .submenu-list>li.active>a {
    background: #fff;
    /*color: #555;*/
    color:#ff6900;
}

.header-wrap .nav-list li.menu-item .submenu .submenu-list>li>a{
    border-bottom: solid 1px #eeeeee;
    width: 200px;
}

/*20210224*/
.header-wrap .nav-list li.menu-item .submenu .submenu-list>li{
    /*float: left;*/
    /*margin-left: 100px;*/
    /*min-width: 200px;*/
    min-width: 170px;
    min-height: 40px;
    /*text-decoration: underline #FF6900;*/
    text-decoration:none;
}

.header-wrap .nav-list li.menu-item .submenu li .submenu-three {
    color: #555;
    /*width: 220px;*/
    width: 820px;/*20210224*/
    /*min-height: 460px;*/
    min-height: 40px;
    /*border: solid 1px red;*/
    /*margin-top: -40px;*/
    /*margin-left: 170px;*/
}

.header-wrap .nav-list li.menu-item .submenu li .submenu-three>li {
    float: left;
}

.header-wrap .nav-list li.menu-item .submenu li .submenu-three-li {
    float: left;
}
.header-wrap .nav-list li.menu-item .submenu li .submenu-three-li a:hover{
    color: #ff6900;
}

.header-wrap .nav-list li.menu-item .submenu li .submenu-three a {
    color: #555;
    font-size: 14px;
}
/*20210224*/


.header-wrap .nav-list li.menu-item .submenu li .submenu-sub {
    position: absolute;
    top: 0;
    left: 200px;
    background: rgba(255, 255, 255, 0.9);
    color: #555;
    /*width: 220px;*/
    width: 920px;/*width: 980px;*//*20210224*/
    min-height: 460px;
}

.header-wrap .nav-list li.menu-item .submenu li .submenu-sub a {
    color: #555;
}

.header-wrap .nav-list li.menu-item .menu {
    position: relative;
    display: block;
    padding: 8.2px 0;/*10px 0;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 20px;
    font-size: 14px;
    /*color: #fff;*/
    border-bottom: solid 0.5px #eeeeee;
}

.header-wrap .nav-list li.menu-item .menu::after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
   /* background: url("../images/ico.png") no-repeat -338px -66px;*/
    filter: grayscale(100%) brightness(0);/*变黑*/
}

.header-wrap .nav-list li.menu-item .menu:hover::after {
    filter: grayscale(100%) brightness(200%); /*变白*/
}

.header-wrap .top-nav .all-category .nav-list li.menu-item:hover>.mlv-1 {
    color: #ff6900;
    text-decoration: none
}

.header-wrap .top-nav .mod-nav {
    float: left;
    margin-left: 30px;
    width: 935px;
    background-color: #fff
}

/**
 * 头部菜单导航：多语言样式
 */
.header-wrap .top-nav .mod-nav li {
    float: left;
    position: relative;
    /*margin-right: 60px;*/
}
.header-wrap .top-nav .mod-nav li .menu_line{
    border:solid 1px #bbb;float:left;height:15px;margin: 10px 15px;
}
/**头部菜单导航[中文]**/
.header-wrap .top-nav .mod-nav li.zh {
    /*margin: 0 15px;*/
}
/**头部菜单导航[英文]**/
.header-wrap .top-nav .mod-nav li.en {
    margin-right: 0px;
}
/**头部菜单导航[德语]**/
.header-wrap .top-nav .mod-nav li.de {
    margin-right: 0px;
}
/**头部菜单导航[法语]**/
.header-wrap .top-nav .mod-nav li.fr {
    margin-right: 0px;
}
/**头部菜单导航[西班牙语]**/
.header-wrap .top-nav .mod-nav li.es {
    margin-right: 0px;
}
/**头部菜单导航[意大利语]**/
.header-wrap .top-nav .mod-nav li.it {
    margin-right: 0px;
}
/**头部菜单导航[俄罗斯]**/
.header-wrap .top-nav .mod-nav li.ru {
    margin-right: -12px;
}

.header-wrap .top-nav .mod-nav li>a {
    display: block;
    /*padding-right: 30px;*/
    /*margin-right: 10px;*/
    line-height: 35px;
    height: 100%;
    color: #333;
    transition: color .3s
}

.header-wrap .top-nav .mod-nav li>a.hot-pro::after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    /*background: url("../images/ico.png") no-repeat -48px -67px;*/
}

.header-wrap .top-nav .mod-nav li>a.md-hot:after,
.header-wrap .top-nav .mod-nav li>a.md-new:after {
    content: ' ';
    position: absolute;
    right: 30px;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    top: 0;
    display: block
}

.header-wrap .top-nav .mod-nav li>a:hover,
.mlv-3-wrap>li>.mlv-3:hover,
.nav-child .mlv-tit-1,
.nav-child .mlv-tit-1:hover {
    color: #ff6900
}

.header-wrap .top-nav .mod-nav li>a.md-hot {
    position: relative
}

/* .header-wrap .top-nav .mod-nav li>a.md-hot:after {
    position: absolute;
    background: url(../images/styleimg/spriter.png?20180906200334) -162px -592px no-repeat
} */

.header-wrap .top-nav .mod-nav li>a.md-new {
    position: relative
}

/* .header-wrap .top-nav .mod-nav li>a.md-new:after {
    position: absolute;
    background: url(../images/styleimg/spriter.png?20180906200334) -146px -592px no-repeat
} */

.mlv-3-wrap {
    padding-left: 5px
}

.mlv-3-wrap>li {
    float: left
}

.mlv-3-wrap>li>.mlv-3 {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    margin-right: 16px
}

#LP_DIV_1487743476719 {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px
}

#LP_DIV_1487743476719>div {
    width: 122px !important;
    height: 35px !important;
    background: 0 0 !important
}

#LP_DIV_1487743476719>div>div {
    background: 0 0 !important;
    font-size: 0 !important
}

#LP_DIV_1487743476719:focus,
#LP_DIV_1487743476719>div:focus,
#LP_DIV_1487743476719>div>div:focus {
    outline: 0 !important
}

#LP_DIV_1487743476719>div>img {
    display: none !important
}

.sider-cart {
    position: fixed;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    border-radius: 2px;
    z-index: 100002
}

@keyframes popup {
    0% {
        transform: scale(0)
    }

    60% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

.popup {
    animation: popup .4s ease both;
    -ms-transform-origin: 50% top;
    transform-origin: 50% top
}

.flipInX,
.flipInY {
    animation-duration: .8s
}

@keyframes flipInY {
    0% {
        transform: perspective(1000px) rotate3d(0, 1, 0, 30deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(1000px) rotate3d(0, 1, 0, -10deg);
        transition-timing-function: ease-in
    }

    60% {
        transform: perspective(1000px) rotate3d(0, 1, 0, 6deg);
        opacity: 1
    }

    80% {
        transform: perspective(1000px) rotate3d(0, 1, 0, -3deg)
    }

    100% {
        transform: perspective(1000px)
    }
}

.flipInY {
    animation-name: flipInY
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 30deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        transition-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 6deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -3deg)
    }

    100% {
        transform: perspective(400px)
    }
}

.flipInX {
    animation-name: flipInX
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 60px 0
    }
}

@keyframes fav-ico-falsh {

    0%,
    100% {
        transform: scale(1, 1)
    }

    30% {
        transform: scale(1.5, 1.5)
    }

    70% {
        transform: scale(.7, .7)
    }
}

.fav-ico-falsh {
    animation: fav-ico-falsh .4s linear
}

@keyframes cart-ico-flash {

    0%,
    100% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.3, 1.3)
    }
}

.cart-ico-flash {
    animation: cart-ico-flash .2s linear
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-down {
    animation: fadeDown .5s
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade-up {
    animation: fadeUp .5s
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.rotate {
    animation: rotate .8s linear infinite
}

@keyframes bubble-up {

    0%,
    100% {
        transform: translateY(0);
        opacity: 1
    }

    50%,
    99% {
        transform: translateY(-220px);
        opacity: 1
    }

    51% {
        transform: translateY(-220px);
        opacity: 0
    }
}

@keyframes slideIn {
    0% {
        filter: alpha(Opacity=0);
        opacity: 0;
        margin-left: -320px
    }

    100% {
        filter: alpha(enabled=false);
        opacity: 1;
        margin-left: 0
    }
}

.event_star {
    cursor: pointer
}

.star_animate i {
    transition: width .3s
}

.star_big,
.star_big i {
    display: inline-block;
    height: 29px;
    background-image: url(start.png?);
    background-repeat: no-repeat;
    font-size: 0
}

.star_in,
.star_in i,
.star_small,
.star_small i {
    display: inline-block;
    background-image: url(../images/styleimg/start.png?);
    background-repeat: no-repeat;
    font-size: 0
}

.star_big {
    background-position: 0 -62px;
    width: 145px;
    vertical-align: middle
}

.star_big i {
    background-position: 0 -91px;
    overflow: hidden
}

.star_big[data-starnum="0"] i {
    width: 0
}

.star_big[data-starnum="0.5"] i {
    width: 14.5px
}

.star_big[data-starnum="1"] i {
    width: 29px
}

.star_big[data-starnum="1.5"] i {
    width: 43.5px
}

.star_big[data-starnum="2"] i {
    width: 58px
}

.star_big[data-starnum="2.5"] i {
    width: 72.5px
}

.star_big[data-starnum="3"] i {
    width: 87px
}

.star_big[data-starnum="3.5"] i {
    width: 101.5px
}

.star_big[data-starnum="4"] i {
    width: 116px
}

.star_big[data-starnum="4.5"] i {
    width: 130.5px
}

.star_big[data-starnum="5"] i {
    width: 145px
}

.star_in,
.star_in i {
    height: 17px
}

.star_in i {
    vertical-align: top
}

.star_in {
    background-position: 0 0;
    width: 85px;
    vertical-align: middle
}

.star_in i {
    background-position: 0 -17px;
    overflow: hidden
}

.star_in[data-starnum="0"] i {
    width: 0
}

.star_in[data-starnum="0.5"] i {
    width: 8.5px
}

.star_in[data-starnum="1"] i {
    width: 17px
}

.star_in[data-starnum="1.5"] i {
    width: 25.5px
}

.star_in[data-starnum="2"] i {
    width: 34px
}

.star_in[data-starnum="2.5"] i {
    width: 42.5px
}

.star_in[data-starnum="3"] i {
    width: 51px
}

.star_in[data-starnum="3.5"] i {
    width: 59.5px
}

.star_in[data-starnum="4"] i {
    width: 68px
}

.star_in[data-starnum="4.5"] i {
    width: 76.5px
}

.star_in[data-starnum="5"] i {
    width: 85px
}

.star_small,
.star_small i {
    height: 14px
}

.star_small i {
    vertical-align: top
}

.star_small {
    background-position: 0 -34px;
    width: 70px;
    vertical-align: middle
}

.star_small i {
    background-position: 0 -48px;
    overflow: hidden
}

.star_small[data-starnum="0"] i {
    width: 0
}

.star_small[data-starnum="0.5"] i {
    width: 7px
}

.star_small[data-starnum="1"] i {
    width: 14px
}

.star_small[data-starnum="1.5"] i {
    width: 21px
}

.star_small[data-starnum="2"] i {
    width: 28px
}

.star_small[data-starnum="2.5"] i {
    width: 35px
}

.star_small[data-starnum="3"] i {
    width: 42px
}

.star_small[data-starnum="3.5"] i {
    width: 49px
}

.star_small[data-starnum="4"] i {
    width: 56px
}

.star_small[data-starnum="4.5"] i {
    width: 63px
}

.star_small[data-starnum="5"] i {
    width: 70px
}

body .cb .layui-layer-title {
    background: #da0120;
    color: #fff
}

body .cb .layui-layer-btn {
    text-align: center
}

body .cb .layui-layer-btn .layui-layer-btn0 {
    border-color: #ad0119;
    background-color: #da0120
}

.com-cart-wrap {
    width: 240px;
    padding: 20px 10px 30px;
    color: #353535
}

.com-cart-wrap p {
    margin: 10px 0
}

.com-goods-wrap {
    width: 490px;
    height: 615px;
    background-color: #fff
}

.com-goods-wrap .goods-wrap {
    max-height: 580px;
    overflow-y: scroll
}

.com-goods-wrap .com-w-item {
    margin-bottom: 20px
}

.com-goods-wrap .com-w-item .cwi-warehouse {
    padding: 10px 0 10px 5px;
    border-bottom: 1px solid #ddd
}

.com-goods-wrap .loading .wait {
    padding: 110px 190px
}

.gds-item {
    height: 84px;
    padding: 10px 0 10px 10px
}

.gds-item:after {
    display: block;
    clear: both
}

.gds-item .check-wrap {
    float: left;
    line-height: 84px
}

.gds-item .good-img-wrap {
    float: left;
    width: 84px;
    height: 84px;
    margin: 0 10px;
    border: 1px solid #ddd
}

.gds-item .good-img-wrap img {
    display: block;
    width: 100%;
    height: 100%
}

.gds-item .good-des {
    float: left;
    width: 336px
}

.good-des p {
    margin: 2px 0
}

.good-des .gd-attr-wrap,
.good-des .gd-tit {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.good-des .gd-attr-wrap p.c9 {
    display: inline-block;
    margin-right: 4px
}

.good-des .float-wrap:after {
    display: block;
    clear: both
}

.good-des .float-wrap .fl {
    float: left
}

.good-des .float-wrap .fl .my_shop_price {
    color: #da0120;
    font-size: 14px
}

.good-des .float-wrap .fl .my_shop_price.market-price {
    color: #666;
    text-decoration: line-through;
    font-size: 12px
}

.good-des .float-wrap .goods-num {
    float: right;
    width: 140px
}

.good-des .float-wrap .goods-num:before {
    content: '+';
    display: inline-block;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkout-wrap {
    border-top: 1px solid #ddd
}

.checkout-wrap:after {
    content: ' ';
    display: block;
    clear: both
}

.checkout-wrap .cw-selected {
    float: left;
    line-height: 34px;
    margin-right: 10px;
    text-indent: 10px
}

.checkout-wrap .cw-total {
    float: left;
    line-height: 34px;
    color: #da0120
}

.checkout-wrap .btn {
    float: right;
    border-radius: 0
}

.checkout-wrap .btn:active {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.checkout-wrap .btn.disabled:active {
    background-color: #999
}

.primary-btn {
    height: 30px;
    padding: 0 16px;
    border: 1px solid #FF6A07;
    background-color: #FF6A07;
    color: #fff;
    border-radius: 2px;
}

.default-btn {
    height: 30px;
    padding: 0 16px;
    border: 1px solid #FF6A07;
    background-color: #fff;
    color: #FF6A07;
    border-radius: 2px;
}

body :checked+.ui-checkbox,
body :checked+.ui-checkbox:hover {
    color: #FF6A07;
    background-color: #FF6A07 !important;
}

#pagination .ui-page {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    padding: 0;
}

.ui-page-current {
    background-color: #FF6A07 !important;
}

body :focus {
    outline: none !important;
}

.yl-input {
    height: 30px;
    padding: 0 5px;
    border-radius: 2px;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    vertical-align: middle;
}

.input-line {
    font-size: 14px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.p-tag {
    font-size: 12px;
    padding: 1px 3px;
    color: #fff;
    background-color: #78CBB8;
    line-height: 1.2;
    vertical-align: bottom;
    margin-left: 5px;
    border-radius: 2px;
    margin-top: 10px;
}

body .layui-layer-title {
    height: 60px;
    line-height: 60px;
    background-color: #FAFAFA;
}

body .layui-layer-setwin {
    top: 25px;
}

body .layui-layer-btn {
    background-color: #FAFAFA;
    height: 60px;
    line-height: 60px;
    text-align: center;
    box-sizing: border-box;
}

body .layui-layer-btn .layui-layer-btn0 {
    min-width: 90px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    background-color: #B0B0B0;
    border-radius: 2px;
    padding: 0 5px;
    border: none;
}

body .layui-layer-btn .layui-layer-btn1 {
    min-width: 90px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    background-color: #999;
    border-radius: 2px;
    padding: 0 5px;
    border: none;
}

/*.collect,*/
.collect{
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/ico5.png') -132px -79px no-repeat;
    margin-top: 8px;
}
/*.download,*/
.download{
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/ico5.png') -490px -80px no-repeat;
}
.addErp,
.downloaded {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/ico.png') -64px -240px no-repeat;
}
.collected {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/ico5.png') -182px -80px no-repeat;
    margin-top: 8px;
}

/*.collect:hover,*/
.collect:hover{
    background-position-x: -238px;
}
/*.download:hover,*/
.addErp:hover {
    background-position-y: -271px;
}

/*.download {*/
    /*background-position-x: -122px;*/
/*}*/

.addErp {
    background-position-x: -181px;
}

.downloaded {
    background-position-x: -4px;
    vertical-align: text-bottom;
}

.listing {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/ico3.png') -86px -166px no-repeat;
    vertical-align: text-bottom;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* 背景高 */
.bg-height {
    height: 10px;
    background: #f6f6f6;
}

.btns {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.orange-btns {
    background: #ff6900;
}

.gray-btns {
    background: #b0b0b0;
}

.border-btns {
    background: #fff;
    border: 1px solid #ff6900;
    color: #ff6900;
}

.default-btns {
    background: #fafafa;
    color: #333;
    border: 1px solid #e3e3e3;
}

.min-btns {
    display: inline-block;
    width: 64px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.min-orange-btn {
    background: #ff6900;
}

.min-white-btn {
    background: #fff;
    color: #ff6900;
    border: 1px solid #ff6900;
}


.colors {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    margin-right: 5px;
}

.orange-color {
    background: #fffc00;
}

.blank-color {
    background: #000;
}

.blue-color {
    background: #1d0eff;
}

.red-color {
    background: #f40000;
}

.pink-color {
    background: #f9b6c1;
}

.red-font {
    color: red;
}



/* 加入购物车 */
.u-flyer {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: fixed;
    z-index: 9999;
}

#addCar-msg {
    position: fixed;
    top: 300px;
    right: 35px;
    z-index: 10000;
    width: 1px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #ff6900;
    display: none
}

.main-container-title {
    line-height: 50px;
    padding: 0 20px;
    font-size: 16px;
    border-bottom: 1px solid #E3E3E3;
}

.right-container {
    background-color: white;
}
.feature-help .help.links{ padding-bottom: 20px; color: #999;}
.feature-help .help.links span{}
.feature-help .help.links a{color: #999; padding-right: 15px;}
.footer-wrap .feature-help .pb10 img {
    max-width: 105px;
    max-height: 105px;
}
/**
 *手机样式
 */
@media only screen and (max-width: 1024px) {
    .main-wrap{
        width: 1200px !important;
    }
}