@charset "utf-8";
/*基础样式*/
body { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px; color: #666; }

@media (max-width: 768px) {
    body { margin: 0; font-family: "微软雅黑"; font-size: 14px; color: #666; }
    .wp10 { padding: 10px !important; }
}

ul,
li,
dl,
dt,
dd,
p,
em,
b,
h1,
h2,
h3,
h4,
h5,
h6,
select,
checkbox,
textarea,
span,
input,
button,
img { margin: 0; padding: 0; list-style: none; border: 0; outline: none; }
dl,
dt,
dd { font-weight: normal; }
a { display: inline-block; text-decoration: none; color: #666; }
    a:hover { color: #42b9c7; text-decoration: none; }
    a:active, a:link { text-decoration: none; }
.white { color: #fff; }
.blue { color: #42b9c7; }
.grey { color: #c0c4cb; }
.orange { color: #ff564e; }
.red { color: #ff0000; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb40 { margin-bottom: 40px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 30px; }
.mr80 { margin-right: 80px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml50 { margin-left: 50px; }
.ml120 { margin-left: 120px; }
.h10 { height: 10px; }
.h20 { height: 20px; }
.h40 { height: 40px; }
.w45 { width: 45px; }
.w120 { width: 140px; }
.w518 { width: 518px; }
.w240 { width: 240px; }
.w140 { width: 140px; }
.w640 { width: 640px; }
.w1220 { max-width: 1220px; margin: 0 auto; overflow: hidden; }
img { vertical-align: top; /*解决IMG留白的bug，而且保留原来的行内块属性*/ border: none; }
li { list-style: none; }
.clearfix:after /*清除浮动*/ { display: block; clear: both; content: ''; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding: 0; }
.row { margin: 0; padding: 0; }
.btn-default { color: #fff !important; background-color: #42b9c7 !important; border-color: #42b9c7 !important; }
    .btn-default.focus, .btn-default:focus { color: #fff !important; background-color: #42b9c7 !important; border-color: #42b9c7 !important; }
    .btn-default:hover { color: #fff !important; background-color: #42b9c7 !important; border-color: #42b9c7 !important; }
    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #fff !important; background-color: #42b9c7 !important; border-color: #42b9c7 !important; }
        .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #fff !important; background-color: #42b9c7 !important; border-color: #42b9c7 !important; }
    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-image: none; }
    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff !important; border-color: #42b9c7 !important; }

.img-auto-center { width: 1920px; margin-left: -960px; left: 50%; position: absolute; }
.content { background: #fff; min-height: 500px; padding-bottom: 50px; overflow: hidden; }
.colorB { color: #42b9c7; }
.empty { max-width: 1220px; margin: 0 auto; width: 100%; text-align: center; }
    .empty img { max-width: 100%; }

.fixedBar { position: fixed; bottom: 0; width: 100%; max-width: 720px; background-color: #fff; z-index: 101; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #e7e7e7; margin-top: 40px; }
    .fixedBar ul { display: flex; align-items: center; justify-content: center; height: 50px; }
    .fixedBar li { text-align: center; flex: 1; }
        .fixedBar li span { display: block; }
            .fixedBar li span i { font-size: 20px; }

.height-auto { height: auto !important; }
.lblSpanRed { color: #c1081a; margin-right: 5px; }
.layer-box { padding: 30px 20px 30px 10px; }
    .layer-box .form-group { display: flex; height: 35px; margin-bottom: 15px; }
        .layer-box .form-group .control-label { width: 140px; display: inline-block; text-align: right; font-weight: 700; float: left; padding-top: 7px; padding-right: 10px; }
        .layer-box .form-group .form-control { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 24px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
            .layer-box .form-group .form-control[disabled] { cursor: not-allowed; background-color: #eee; opacity: 1; }

[v-cloak] { display: none !important; }

/*兼容ios*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }

/*复选框样式*/
input[type=checkbox] { visibility: hidden; }
.color-input-blue + label { display: block; width: 20px; height: 20px; line-height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; background: #ccc; border-radius: 50%; }
    .color-input-blue + label::after { display: block; width: 20px; height: 20px; content: "\2714"; text-align: center; font-size: 16px; color: white; position: absolute; }
.color-input-blue:checked + label::before { display: block; width: 20px; height: 20px; content: "\2714"; text-align: center; font-size: 16px; color: white; position: absolute; background: #42b9c7; border-radius: 50%; }

@media (min-width: 1200px) {
    .col-zdlg-2-5 { float: left; width: 20%; }
}

@media (max-width: 768px) {
    .col-zdlg-2-5 { float: left; width: 50%; }
    .content { background: #fff; min-height: 500px; padding-bottom: 120px; overflow: hidden; }
}

.breadcrumb-area { line-height: 30px; padding: 10px 0; color: #666; }
    .breadcrumb-area a { color: #666; }

.swiper-button-prev { position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -40px; z-index: 10; cursor: pointer; background-size: 24px 24px; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,.3); border-radius: 8px 0 0 8px; }
.swiper-button-next { position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -40px; z-index: 10; cursor: pointer; background-size: 24px 24px; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,.3); border-radius: 0 8px 8px 0; }


/*手机版头部*/
.header-wap { width: 100%; height: 50px; line-height: 50px; margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; border-bottom: 1px solid #f5f5f5; }
    .header-wap .header-btn { width: 50px; text-align: center; }
        .header-wap .header-btn i { font-size: 30px; }
    .header-wap .header-tit { flex: 1; text-align: center; margin-right: 25px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.wap-header { height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; }
    .wap-header .menu { width: 40px; text-align: center; font-size: 20px; }
    .wap-header .notice { width: 40px; text-align: center; font-size: 20px; }
    .wap-header .search { flex: 1; padding: 0 10px; position: relative; }
        .wap-header .search i { position: absolute; top: 8px; left: 20px; z-index: 100; color: #a4a4a4; }
        .wap-header .search input { color: #333333; width: 100%; height: 30px; text-align: left; -webkit-border-radius: 5px; border-radius: 5px; border: 0; padding: 0 10px 0 30px; background-color: rgba(155,155,155,0.1); }

/*头部*/
.top-banner { width: 100%; height: 90px; position: relative; overflow: hidden; height: 90px; }
    .top-banner img { width: 100%; height: 100%; }
.shortcut { width: 100%; height: 36px; line-height: 36px; background-color: #f9f9f9; color: #a4a4a4; font-size: 12px; }
    .shortcut ul, li { display: inline-block; }
    .shortcut li { padding: 0 10px; position: relative; }
        .shortcut li:first-child { padding-left: 20px; }
        .shortcut li::before { content: ""; width: 1px; height: 10px; display: block; position: absolute; top: 13px; left: 0; background: #d3d3d3; }
        .shortcut li:nth-of-type(1)::before { content: ""; width: 0px; height: 10px; display: none; position: absolute; top: 13px; left: 0; background: #d3d3d3; }
    .shortcut a { color: #a4a4a4; text-decoration: none; }
        .shortcut a:hover { color: #42b9c7; text-decoration: none; }
.header { background: #fff; height: 110px; display: flex; align-items: center; justify-content: center; }
    .header .logo { height: 110px; width: 320px; display: flex; align-items: center; justify-content: center; }
    .header .search-box { width: 500px; height: 70px; margin: 0 70px; position: relative; overflow: hidden; }
        .header .search-box i { position: absolute; top: 13px; left: 10px; z-index: 100; color: #a4a4a4; }
        .header .search-box li { padding: 0 10px; position: relative; height: 36px; line-height: 36px; }
            .header .search-box li:first-child { padding-left: 5px; }
            .header .search-box li::before { content: ""; width: 1px; height: 10px; display: block; position: absolute; top: 13px; left: 0; background: #d3d3d3; }
            .header .search-box li:nth-of-type(1)::before { content: ""; width: 0px; height: 10px; display: none; position: absolute; top: 13px; left: 0; background: #d3d3d3; }
        .header .search-box a { color: #a4a4a4; text-decoration: none; }
            .header .search-box a:hover { color: #42b9c7; text-decoration: none; }
    .header .wechat { flex: 1; }
        .header .wechat img { width: 100px; height: 100px; margin-left: 10px; }

@media (min-width: 768px) {
    .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 500px; }
}

.banner { position: relative; }

.head-wrap { padding: 25px 0 10px 0; text-align: center; }
    .head-wrap h2 { font-size: 18px; font-weight: 500; color: #333; line-height: 40px; }
    .head-wrap p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999; }

/*分类导航*/
.categorys { width: 1120px; height: 470px; position: absolute; top: 0; left: 50%; margin-left: -560px; z-index: 2; }
    .categorys .category-list { position: absolute; left: 0; top: 28px; bottom: 0; width: 200px; z-index: 3; box-shadow: 0 0 46px rgba(0,0,0,0.03); background: rgba(255,255,255,0.95); border-radius: 10px; }
    .categorys .category-item:hover { background: #fff; }
        .categorys .category-item:hover .category-info a { color: #666; }
            .categorys .category-item:hover .category-info a:hover { color: #42b9c7; }
        .categorys .category-item:hover .category-panels { display: block; }
    .categorys .category-info { padding: 12px 0 13px 0; margin: 0; margin-left: 20px; width: 160px; border-bottom: 1px solid rgba(0,0,0,0.06); margin: 0 auto; position: relative; }
        .categorys .category-info a { color: #a6a6a6; margin-right: 10px; display: inline-block; text-decoration: none; }
            .categorys .category-info a:hover { color: #42b9c7; margin-right: 10px; display: inline-block; text-decoration: none; }
        .categorys .category-info .category-info-detail { width: 180px; height: 47px; overflow: hidden; }
        .categorys .category-info .category-title { margin-bottom: 2px; }
            .categorys .category-info .category-title a { font-size: 16px; color: #848484; }
                .categorys .category-info .category-title a:hover { font-size: 16px; color: #42b9c7; }
    .categorys .category-panels { width: 712px; position: absolute; left: 190px; top: 0; bottom: 0; background: #FFF; padding: 0px 22px 20px 28px; border-radius: 0 10px 10px 0; box-shadow: 0 0 46px rgba(0,0,0,0.1); z-index: 3; overflow: hidden; display: none; }
        .categorys .category-panels .subcate-item dl { padding-top: 20px; line-height: 14px; display: inline-flex; width: 100%; }
        .categorys .category-panels .subcate-item dt { float: left; width: 80px; }
            .categorys .category-panels .subcate-item dt a { color: #777; font-weight: 700; text-decoration: none; }
            .categorys .category-panels .subcate-item dt > a:hover { color: #42b9c7; text-decoration: none; }
        .categorys .category-panels .subcate-item dd { float: left; flex: 1; }
            .categorys .category-panels .subcate-item dd > a { position: relative; padding: 0 10px; color: #a4a4a4; margin-bottom: 10px; text-decoration: none; }
                .categorys .category-panels .subcate-item dd > a:before { content: ""; width: 1px; height: 10px; display: block; position: absolute; top: 5px; left: 0; background: #d3d3d3; }
                .categorys .category-panels .subcate-item dd > a:hover { color: #42b9c7; text-decoration: none; }
.tags-box { margin-top: 10px; }
    .tags-box img { max-width: 100%; }

/*热销推荐*/
.nav-box { margin-top: 20px; }
    .nav-box .title { height: 40px; line-height: 40px; margin-bottom: 10px; }
        .nav-box .title h3 { height: 30px; line-height: 30px; font-weight: 500; font-size: 20px; color: #666; font-weight: bold; border-left: 6px solid #42b9c7; padding-left: 10px; display: inline-block; float: left; }
        .nav-box .title ul, li { display: inline-block; }
        .nav-box .title li { padding-left: 30px; }
            .nav-box .title li a { color: #a4a4a4; text-decoration: none; }
                .nav-box .title li a:hover { color: #42b9c7; text-decoration: none; }
        .nav-box .title .more { float: right; padding-right: 10px; color: #666; }

    .nav-box .wap-title { font-size: 16px; color: #666; font-weight: bold; margin-bottom: 10px; border-left: 6px solid #42b9c7; padding-left: 10px; }

    .nav-box .swiper-container { width: 100%; height: 100%; position: relative; padding-bottom: 10px; }
        .nav-box .swiper-container .swiper-slide { cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.2); background: #fff; border: 1px solid rgba(0,0,0,.3); border-radius: 5px; margin-top: 0; padding: 5px; height: 100%; margin-bottom: 10px; }
            .nav-box .swiper-container .swiper-slide:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.5); }


/*商品展示*/
.white-box { cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.2); background: #fff; border: 1px solid rgba(0,0,0,.3); border-radius: 5px; margin-top: 0; padding: 5px; height: 100%; margin-bottom: 10px; margin-left: 10px; }
    .white-box:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.5); }
.grid-info { width: 100%; padding: 5px; }
    .grid-info .grid-img { width: 100%; height: 0px; padding-bottom: 100%; position: relative; overflow: hidden; }
        .grid-info .grid-img img { max-width: 100%; }

@media (min-width:1200px) {
    .grid-info .grid-img { width: 213px; height: 213px; padding-bottom: 0; position: relative; overflow: hidden; }
        .grid-info .grid-img img { width: 213px; height: 213px; margin: 0 auto; }
}


.grid-info .grid-title { width: 100%; height: 40px; line-height: 20px; color: #3a3a3a; text-align: left; margin: 20px auto 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px; }
.grid-info .grid-price { height: 40px; }
    .grid-info .grid-price .cny { color: #c1081a; }

.wap-more { margin: 5px 0 30px 0; width: 100%; text-align: center; }
    .wap-more a { display: inline-block; width: 100px; height: 35px; line-height: 35px; border: 1px solid #42b9c7; border-radius: 5px; text-align: center; color: #42b9c7; cursor: pointer; }

/*手机版底部*/
.wap-footer { background-color: #fff; position: fixed; bottom: 0; left: 0; right: 0; max-width: 720px; z-index: 100; margin: 0 auto; border-top: 1px solid #f5f5f5; }
    .wap-footer ul { display: flex; align-items: center; justify-content: center; height: 60px; }
    .wap-footer li { text-align: center; flex: 1; }
        .wap-footer li a { color: #666; }
        .wap-footer li span { display: block; }
            .wap-footer li span i { font-size: 20px; }
    .wap-footer .current a { color: #42b9c7; }

/*底部*/
.footer { background: #f9f9f9; padding: 30px 0; }
    .footer .cti { display: inline-flex; width: 100%; height: 50px; }
        .footer .cti img { margin: 0 auto; max-width: 100%; }
    .footer .service { display: inline-flex; width: 1220px; margin: 30px 0 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 30px 0; }
        .footer .service .service-l { flex: 1; }
            .footer .service .service-l dl { float: left; padding: 0px 30px 0; }
            .footer .service .service-l dt { font: 16px; color: #666; padding: 5px; margin: 5px 0; }
            .footer .service .service-l dd { font-size: 12px; color: #777; white-space: nowrap; text-overflow: ellipsis; display: block; clear: both; padding: 2px 5px; overflow: hidden; }
        .footer .service .service-r { width: 500px; border-left: 1px solid #e5e5e5; padding-left: 30px; }
            .footer .service .service-r dl { float: left; padding: 0px 30px 0; }
            .footer .service .service-r dt { font: 16px; color: #666; padding: 5px; margin: 5px 0; }
            .footer .service .service-r dd { font-size: 12px; color: #777; white-space: nowrap; text-overflow: ellipsis; display: block; clear: both; padding: 2px 5px; overflow: hidden; }
    .footer .cope { text-align: center; color: #a4a4a4; font-size: 12px; }

/*右侧悬浮*/
.right-box { position: fixed; right: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; border-radius: 5px; box-shadow: 0 4px 12px 0 rgba(7,17,27,.1); z-index: 9999999; background: rgba(0,0,0,.65); }
    .right-box li { position: relative; width: 70px; height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
        .right-box li:hover { cursor: pointer; }
        .right-box li .qr-code { position: absolute; width: 400px; top: -150px; right: 72px; display: none; border: 0; box-shadow: 0 4px 12px 0 rgba(7,17,27,.1); background: #FFF; padding: 20px 0; color: rgba(0,0,0,.65); }
            .right-box li .qr-code .title { font-size: 16px; font-weight: bold; }
        .right-box li:hover .qr-code { display: block; }
    .right-box i { font-size: 26px; }
    .right-box span { display: block; text-align: center; font-size: 12px; line-height: 24px; }
    .right-box li:hover i,
    .right-box li:hover span { color: #42b9c7; }
    .right-box li .qr-code .wechat-item { float: left; width: 33%; text-align: center; }
        .right-box li .qr-code .wechat-item img { max-width: 80%; }
.right-box-cart { position: relative; }
    .right-box-cart .count { position: absolute; top: 8px; right: 15px; font-size: 12px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; background: #42b9c7; color: #FFF; }
.right-box li:hover .count { color: #FFF; }


/*登录框*/
.login-box { border-radius: 5px; box-shadow: 3px 3px 10px #aaa; width: 100%; max-width: 350px; }
    .login-box .login-title { padding: 10px 15px; font-size: 18px; border-bottom: 1px solid #EEE; }
    .login-box .form-horizontal { padding: 20px; }
    .login-box .form-group { display: flex; padding: 10px; margin: 0; position: relative; }
        .login-box .form-group i { position: absolute; font-size: 18px; top: 20px; left: 25px; color: #8b8b8b; }
        .login-box .form-group input { line-height: 38px; height: 38px; padding: 0px 0 0px 40px; width: 100%; font-size: 14px; border: 1px solid #ddd; border-radius: 3px; }
        .login-box .form-group .btn-blue { width: 100%; margin: 0 auto; background: #42b9c7; color: #FFF; border-radius: 4px; border: 0; height: 36px; cursor: pointer; }
    .login-box .to-reg { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; text-align: right; padding: 15px 30px; }
        .login-box .to-reg a { color: #c1081a; }

.wap-login-box { width: 100%; padding: 40px 0; }
    .wap-login-box .logo { width: 200px; margin: 0 auto; }
        .wap-login-box .logo img { max-width: 100%; }
    .wap-login-box .form-horizontal { padding: 20px 0 0; }
    .wap-login-box .form-group { display: flex; padding: 10px; margin: 0; position: relative; }
        .wap-login-box .form-group i { position: absolute; font-size: 18px; top: 20px; left: 15px; color: #8b8b8b; }
        .wap-login-box .form-group input { line-height: 38px; height: 38px; padding: 0px 0 0px 30px; width: 100%; font-size: 14px; border: none; border-bottom: 1px solid #ddd; }
        .wap-login-box .form-group .btn-blue { width: 100%; margin: 0 auto; background: #42b9c7; color: #FFF; border-radius: 4px; border: 0; height: 36px; cursor: pointer; }
    .wap-login-box .to-reg { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; text-align: right; padding: 5px 20px; }
        .wap-login-box .to-reg a { color: #c1081a; }


/*商城公告*/
.notice-list { width: 100%; max-width: 1220px; margin: 0 auto; }
    .notice-list li { width: 100%; padding: 13px 0 14px; border-bottom: 1px dotted #ccc; }
    .notice-list .n-title { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
        .notice-list .n-title i { padding-right: 10px; }
        .notice-list .n-title a { color: #666; }
    .notice-list .n-date { color: #adadad; padding-right: 7px; text-align: right; }

.notice-item { width: 100%; max-width: 1220px; margin: 0 auto; }
    .notice-item img { max-width: 100%; }
    .notice-item h1 { font-size: 16px; line-height: 32px; font-weight: 600; color: #3d3f3e; text-align: center; }
    .notice-item h2 { color: #9a9a9a; font-size: 12px; padding: 5px 0 20px; margin-bottom: 20px; font-weight: normal; text-align: center; border-bottom: 1px dotted #ccc; }


/*帮助中心*/
.help-box .nav-left { padding-right: 30px; }
.help-box .panel { margin-bottom: 0; }
.help-box .list-group .current a { color: #42b9c7; }
.help-box .help-right img { max-width: 100%; }
.help-box .wap-title { color: rgb(102, 102, 102); line-height: 22px; padding: 5px; font-size: 14px; background: #f6f6f6; margin-bottom: 10px; overflow-x: scroll; width: 100%; white-space: nowrap; }
.help-box .wap-second-title li { padding: 5px 10px; }
.help-box .wap-second-title .current { border-bottom: 2px solid #42b9c7; }
    .help-box .wap-second-title .current a { color: #42b9c7; }

/*商品列表*/
.product-list { width: 100%; max-width: 1220px; margin: 0 auto; }
.search-container { border: 1px solid #dedede; border-radius: 3px; margin-bottom: 30px; }
    .search-container .attr-box { border-bottom: 1px solid #dedede; line-height: 50px; }
        .search-container .attr-box:last-child { border: none; }
        .search-container .attr-box .attr-name { padding: 0 20px 0 10px; }
            .search-container .attr-box .attr-name li { padding: 0 10px; position: relative; color: #999; }
                .search-container .attr-box .attr-name li a { color: #999; }
            .search-container .attr-box .attr-name .current a { color: #42b9c7; }
.wap-order { padding: 10px 20px 10px 10px; }
    .wap-order li { padding: 0 10px; position: relative; color: #999; }
        .wap-order li a { color: #999; }
    .wap-order .current a { color: #42b9c7; }

.wap-search-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0,0,0,.3); }
    .wap-search-mask .wap-search-box { position: absolute; top: 0; right: 0; bottom: 0; z-index: 102; background: #f7f7f7; width: 80%; padding-bottom: 50px; overflow-x: scroll; }
        .wap-search-mask .wap-search-box .search-attr { background: #fff; margin-bottom: 30px; padding: 5px 10px; overflow: hidden; }
            .wap-search-mask .wap-search-box .search-attr h3 { margin: 0; padding: 10px 0; font-weight: 700; font-size: 14px; color: #666; position: relative; }
                .wap-search-mask .wap-search-box .search-attr h3 i { position: absolute; top: 10px; right: 10px; }
            .wap-search-mask .wap-search-box .search-attr li { box-sizing: border-box; float: left; width: 33.33%; padding-right: 10px; height: 30px; line-height: 30px; margin-bottom: 10px; text-align: center; }
                .wap-search-mask .wap-search-box .search-attr li a { display: block; padding: 0 5px; color: #666; font-size: 12px; background-color: #f7f7f7; border-radius: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .wap-search-mask .wap-search-box .search-attr .current a { background: #42b9c7; color: #fff; }
        .wap-search-mask .wap-search-box .search-btn { position: fixed; bottom: 0; right: 0; width: 80%; }
            .wap-search-mask .wap-search-box .search-btn .btn-cancel { width: 50%; height: 40px; line-height: 40px; font-size: 16px; background: #fff; color: #a6a6a6; border-top: 1px solid #ccc; }
            .wap-search-mask .wap-search-box .search-btn .btn-submit { width: 50%; height: 40px; line-height: 40px; font-size: 16px; background: #42b9c7; color: #fff; border-top: 1px solid #42b9c7; }

/*商品详情*/
.item-box { width: 100%; max-width: 1220px; margin: 0 auto; }
    .item-box .curtain { height: auto; width: 100%; overflow: hidden; }
        .item-box .curtain .gallery-top { height: 100%; width: 100%; border: 1px solid #ccc; position: relative; }
        .item-box .curtain .swiper-slide { height: 100%; width: 100%; margin: 0; padding: 0; display: flex; }
            .item-box .curtain .swiper-slide img { flex: 1; width: 100%; height: 100%; }
        .item-box .curtain .gallery-thumbs { height: 110px; padding-top: 15px; }
            .item-box .curtain .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; padding: 3px; cursor: pointer; }
            .item-box .curtain .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
    .item-box .item-detail { padding: 5px 30px; }
        .item-box .item-detail h1 { font-size: 16px; color: #555555; line-height: 24px; margin-bottom: 10px; }
        .item-box .item-detail .p-des { font-size: 14px; color: #f03435; line-height: 13px; height: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; }
        .item-box .item-detail .shop-price-cou { margin-top: 10px; margin-bottom: 10px; font-size: 14px; padding: 10px; background: url(/Img/detail_price_bg.jpg) center center no-repeat; background-size: 100% 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
        .item-box .item-detail .p:before, .p:after { content: ""; clear: both; display: block; }
        .item-box .item-detail .shop-price-cou .shop-price-le { float: left; }
            .item-box .item-detail .shop-price-cou .shop-price-le ul { clear: both; }
                .item-box .item-detail .shop-price-cou .shop-price-le ul li { float: left; line-height: 32px; }
        .item-box .item-detail .jaj { width: 80px; letter-spacing: 4px; color: #666; }
        .item-box .item-detail .shop-price-cou .shop-price-le ul .bigpri_jj { font-size: 22px; color: #e23435; }
        .item-box .item-detail .shop-price-cou .shop-price-le ul .though-line { color: #666666; font-size: 18px; }
        .item-box .item-detail .though-line > span { text-decoration: line-through; }
        .item-box .item-detail .shop-price-cou .shop-cou-ri { float: right; }
            .item-box .item-detail .shop-price-cou .shop-cou-ri .allcomm { float: left; text-align: center; cursor: pointer; font-size: 12px; }
                .item-box .item-detail .shop-price-cou .shop-cou-ri .allcomm .f_blue { color: #42b9c7; }
            .item-box .item-detail .shop-price-cou .shop-cou-ri .br1 { border-right: 1px solid #DADADA; float: left; width: 1px; height: 42px; margin: 0 10px; }
            .item-box .item-detail .shop-price-cou .shop-cou-ri .allcomm { float: left; text-align: center; cursor: pointer; font-size: 12px; }
        .item-box .item-detail .spec-list { margin-bottom: 10px; margin-left: 10px; }
            .item-box .item-detail .spec-list li { display: inline-block; padding: 8px 10px; border: 1px solid #dadada; margin-right: 10px; cursor: pointer; overflow: hidden; }
                .item-box .item-detail .spec-list li img { height: 30px; margin: -3px 0 -3px 5px; vertical-align: middle; }
                .item-box .item-detail .spec-list li:hover { border: 1px solid #42b9c7; }
                .item-box .item-detail .spec-list li:first-child { border: none; padding-left: 0; margin-right: 0; }
            .item-box .item-detail .spec-list .is-current { position: relative; border: 1px solid #42b9c7; }
                .item-box .item-detail .spec-list .is-current a { color: #42b9c7; }
                .item-box .item-detail .spec-list .is-current::after { content: ""; display: block; position: absolute; bottom: 0; right: 0; border-width: 5px; width: 0; height: 0; border-style: solid; border-color: transparent #42b9c7 #42b9c7 transparent; }
        .item-box .item-detail .shoes-cnt { margin: 0; display: inline-flex !important; display: -webkit-flex; margin-left: 5px; margin-bottom: 20px; }
        .item-box .item-detail .shoes-cnt-minus { width: 30px; height: 35px; box-sizing: border-box; border: 1px solid grey; text-align: center; line-height: 35px; font-size: 18px; border-radius: 3px 0 0 3px; cursor: pointer; }
        .item-box .item-detail .shoes-cnt-minus-blur { color: #b1b1b1; }
        .item-box .item-detail .shoes-cnt-area { width: 60px; height: 35px; border-top: 1px solid grey; border-bottom: 1px solid grey; box-sizing: border-box; line-height: 30px; }
        .item-box .item-detail .shoes-cnt-input { width: 100%; height: 33px; border: none; outline: none; text-align: center; }
        .item-box .item-detail .shoes-cnt-plus { width: 30px; height: 35px; box-sizing: border-box; border: 1px solid grey; text-align: center; line-height: 35px; font-size: 18px; border-radius: 0 3px 3px 0; cursor: pointer; }
        .item-box .item-detail .shoes-cnt-plus-blur { color: #b1b1b1; }
        .item-box .item-detail .shoes-cnt .shoes-cnt-max { line-height: 35px; color: #c1081a; font-weight: bold; }
        .item-box .item-detail .btn-cart { background-color: #42b9c7; color: #fff; border: none; font-size: 16px; font-weight: 700; border-radius: 3px; margin-left: 10px; padding: 10px; }
        .item-box .item-detail .sold-out-info { height: 54px; line-height: 54px; background: #FAFAFA; padding-left: 10px; margin-top: 20px; color: #555555; }

    .item-box .wap-btn-cart { background-color: #42b9c7; color: #fff; border: none; font-size: 15px; font-weight: 600; height: 50px; line-height: 50px; width: 140px; }
    .item-box .item-intro { min-height: 400px; padding-left: 20px; }
        .item-box .item-intro img { max-width: 100%; }
        .item-box .item-intro .tab-main { position: relative; background-color: #f7f7f7; border: 1px solid #eee; border-bottom: 1px solid #42b9c7; display: inline-block; display: block; }
            .item-box .item-intro .tab-main ul { margin-top: -1px; }
            .item-box .item-intro .tab-main li { position: relative; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; padding: 10px 25px; font-size: 14px; }
                .item-box .item-intro .tab-main li.current { background-color: #42b9c7; color: #fff; cursor: default; }
        .item-box .item-intro .p-parameter { padding: 0 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
            .item-box .item-intro .p-parameter .p-parameter-list { padding-top: 10px; }
            .item-box .item-intro .p-parameter ul li { padding-left: 10px; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .item-box .item-intro .item-intro-content { margin: 20px 0; }
    .item-box .hot-box { border: 1px solid #eee; }
        .item-box .hot-box .hot-box-title { background-color: #f7f7f7; border-bottom: 1px solid #eee; padding: 12px; }
            .item-box .hot-box .hot-box-title h3 { font-size: 14px; font-weight: 700; color: #666; }
        .item-box .hot-box .hot-box-content { padding: 10px; }
    .item-box .title { width: 100%; height: 40px; line-height: 40px; text-align: center; background: #f7f7f7; }
        .item-box .title h3 { position: relative; max-width: 50%; line-height: 40px; color: #474747; font-size: 14px; font-weight: 100; margin-left: auto; margin-right: auto; }
            .item-box .title h3:before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #dfdfdf; z-index: 1; }
            .item-box .title h3 span { position: relative; display: inline-block; padding: 0rem 0.833rem; z-index: 2; background-color: #f4f4f4; }


/*购物车*/
.cart-box { width: 100%; max-width: 1220px; margin: 0 auto; }
    .cart-box .cart-title { background: #f7f7f7; height: 40px; line-height: 40px; color: #777; padding: 0 5px 0 15px; }
    .cart-box .cart-content { margin: 10px 0; border: 1px solid #f7f7f7; padding: 10px 5px 10px 15px; }
        .cart-box .cart-content img { width: 90px; height: 90px; }
        .cart-box .cart-content .p-info { display: flex; }
            .cart-box .cart-content .p-info .p-info-img { width: 130px; }
            .cart-box .cart-content .p-info .p-info-name { flex: 1; padding-right: 10px; }
                .cart-box .cart-content .p-info .p-info-name p { margin: 0 0 10px 0; padding: 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .cart-box .cart-bottom { border: 1px solid #f7f7f7; height: 40px; line-height: 40px; color: #777; padding: 0 0 0 15px; }
        .cart-box .cart-bottom b { color: #42b9c7; padding: 0 5px; }
    .cart-box .btn-buy { background: #42b9c7; color: #fff; width: 100px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 700; }
        .cart-box .btn-buy em { font-weight: 400; font-size: 12px; font-family: none; }
    .cart-box .shoes-cnt { padding: 0 10px; display: flex; display: -webkit-flex; width: 100%; }
    .cart-box .shoes-cnt-minus { width: 30px; height: 30px; box-sizing: border-box; border: 1px solid grey; text-align: center; line-height: 28px; font-size: 18px; border-radius: 3px 0 0 3px; cursor: pointer; }
    .cart-box .shoes-cnt-minus-blur { color: #b1b1b1; }
    .cart-box .shoes-cnt-area { width: 60px; height: 30px; border-top: 1px solid grey; border-bottom: 1px solid grey; box-sizing: border-box; line-height: 25px; }
    .cart-box .shoes-cnt-input { width: 100%; height: 25px; border: none; outline: none; text-align: center; }
    .cart-box .shoes-cnt-plus { width: 30px; height: 30px; box-sizing: border-box; border: 1px solid grey; text-align: center; line-height: 28px; font-size: 18px; border-radius: 0 3px 3px 0; cursor: pointer; }
    .cart-box .shoes-cnt-plus-blur { color: #b1b1b1; }

/*订单确认页*/
.confirm-box { width: 100%; max-width: 1220px; margin: 0 auto; }
    .confirm-box h2 { margin-bottom: 15px; line-height: 25px; color: #333; font-weight: 700; font-size: 14px; }
        .confirm-box h2 a { margin-left: 20px; color: #42b9c7; font-size: 12px; font-weight: 100; }
    .confirm-box .address-list { width: 100%; height: 40px; overflow: hidden; }
        .confirm-box .address-list .address-item { width: 100%; overflow: hidden; display: inline-flex; margin-bottom: 10px; line-height: 30px; }
            .confirm-box .address-list .address-item .add-name { display: inline-block; width: 120px; height: 30px; text-align: center; border: 1px solid #ddd; cursor: pointer; }
            .confirm-box .address-list .address-item .add-default { padding: 0 10px; background-color: #999; color: #fff; border-radius: 3px; }
            .confirm-box .address-list .address-item .add-oper { display: none; }
                .confirm-box .address-list .address-item .add-oper a { color: #42b9c7; }
            .confirm-box .address-list .address-item:hover .add-oper { display: block; }
            .confirm-box .address-list .address-item .is-current { position: relative; border: 2px solid #42b9c7; }
                .confirm-box .address-list .address-item .is-current::after { content: ""; display: block; position: absolute; bottom: 0; right: 0; border-width: 5px; width: 0; height: 0; border-style: solid; border-color: transparent #42b9c7 #42b9c7 transparent; }
    .confirm-box .add-more { margin-bottom: 20px; width: 100%; font-size: 12px; cursor: pointer; }
    .confirm-box .pay-list { margin-bottom: 20px; }
        .confirm-box .pay-list .pay-item { float: left; border: 1px solid #ddd; width: 120px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; margin-right: 20px; font-weight: bold; margin-bottom: 10px; }
        .confirm-box .pay-list .is-current { position: relative; border: 2px solid #42b9c7; }
            .confirm-box .pay-list .is-current::after { content: ""; display: block; position: absolute; bottom: 0; right: 0; border-width: 5px; width: 0; height: 0; border-style: solid; border-color: transparent #42b9c7 #42b9c7 transparent; }
    .confirm-box .confirm-info { width: 100%; text-align: right; padding: 20px; }
        .confirm-box .confirm-info p { margin-bottom: 10px; }
        .confirm-box .confirm-info .spanAmount { width: 120px; text-align: right; display: inline-block; }
    .confirm-box .trade-footer { padding: 15px 10px 15px 0; line-height: 20px; text-align: right; border-top: 1px solid #e6e6e6; color: #999; background-color: #f4f4f4; }
        .confirm-box .trade-footer .fc-price-info, .confirm-box .trade-footer .fc-consignee-info { margin-right: 10px; line-height: 25px; }
        .confirm-box .trade-footer .price-num { color: #42b9c7; font-family: Verdana; font-weight: 700; font-size: 18px; min-width: 122px; _width: 122px; float: right; text-align: right; }
    .confirm-box .btn-order { background: #42b9c7; color: #fff; width: 100px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 700; margin-top: 10px; border-radius: 3px; float: right; margin-bottom: 50px; }
    .confirm-box .wap-address-list { padding: 15px 10px; display: flex; display: -webkit-flex; width: 100%; align-items: center; }

    .confirm-box .order-virtual { margin-top: 20px; }
        .confirm-box .order-virtual .nav-tabs { border: 1px solid #e6e6e6; background: #e6e6e6; }
            .confirm-box .order-virtual .nav-tabs > li { float: left; margin-bottom: -4px; }
                .confirm-box .order-virtual .nav-tabs > li a { color: #666; font-weight: 700; }
            .confirm-box .order-virtual .nav-tabs .active { background: #fff; border: none; }
                .confirm-box .order-virtual .nav-tabs .active a { border: none; }
        .confirm-box .order-virtual .tab-pane { padding: 15px; border: 1px solid #e6e6e6; max-height: 215px; overflow-y: auto; }
            .confirm-box .order-virtual .tab-pane .cho-msg { line-height: 30px; }
                .confirm-box .order-virtual .tab-pane .cho-msg i { padding-right: 10px; }
            .confirm-box .order-virtual .tab-pane .cho-info { line-height: 30px; }
                .confirm-box .order-virtual .tab-pane .cho-info select { border: 1px solid #e6e6e6; margin-left: 5px; color: #999; padding: 3px 5px; }

            .confirm-box .order-virtual .tab-pane .c-dong { border-left: 1px solid #74d2d4; border-right: 1px solid #74d2d4; background-color: #74d2d4; width: 22%; height: 75px; margin-left: 30px; float: left; margin-bottom: 15px; position: relative; }
            .confirm-box .order-virtual .tab-pane .item-selected { position: absolute; right: 5px; font-size: 24px; color: #fff; }
            .confirm-box .order-virtual .tab-pane .c-dong .c-top-dong { height: 3px; width: 100%; background: #fff url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/virtual-spite.png) -36px -6px no-repeat; }
            .confirm-box .order-virtual .tab-pane .c-dong .c-price { color: #fff; font: 24px Arial,Verdana,'Microsoft YaHei',SimSun; display: inline; position: relative; top: 8px; margin-left: 12px; vertical-align: bottom; *float: left; }
                .confirm-box .order-virtual .tab-pane .c-dong .c-price b { font-size: 12px; margin-left: 5px; }
            .confirm-box .order-virtual .tab-pane .c-dong .c-limit { color: #f5f5f5; font-size: 12px; display: inline; position: relative; top: 7px; margin-left: 5px; }
            .confirm-box .order-virtual .tab-pane .c-dong .c-time { padding-left: 12px; margin-top: 10px; *clear: both; color: #cef0f1; }

@media (max-width: 768px) {
    .confirm-box .order-virtual .cho-item { width: 100%; line-height: 40px; border-bottom: 1px solid #e6e6e6; display: inline-flex; }
        .confirm-box .order-virtual .cho-item b { width: 60px; }
        .confirm-box .order-virtual .cho-item span { flex: 1; text-align: right; font-size: 12px; }
    .confirm-box .order-virtual .cho-info { text-align: right; margin-top: 10px; }
        .confirm-box .order-virtual .cho-info select { border: 1px solid #e6e6e6; margin-left: 5px; color: #999; padding: 3px 5px; }

    .confirm-box .order-virtual .coupon-box { margin-top: 15px; width: 100%; }
        .confirm-box .order-virtual .coupon-box .c-dong { width: 100%; border-left: 1px solid #74d2d4; border-right: 1px solid #74d2d4; background-color: #74d2d4; height: 75px; margin-bottom: 15px; position: relative; }
        .confirm-box .order-virtual .coupon-box .item-selected { position: absolute; right: 5px; font-size: 24px; color: #fff; }
        .confirm-box .order-virtual .coupon-box .c-dong .c-top-dong { height: 3px; width: 100%; background: #fff url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/virtual-spite.png) -36px -6px no-repeat; }
        .confirm-box .order-virtual .coupon-box .c-dong .c-price { color: #fff; font: 24px Arial,Verdana,'Microsoft YaHei',SimSun; display: inline; position: relative; top: 8px; margin-left: 12px; vertical-align: bottom; *float: left; }
            .confirm-box .order-virtual .coupon-box .c-dong .c-price b { font-size: 12px; margin-left: 5px; }
        .confirm-box .order-virtual .coupon-box .c-dong .c-limit { color: #f5f5f5; font-size: 12px; display: inline; position: relative; top: 7px; margin-left: 5px; }
        .confirm-box .order-virtual .coupon-box .c-dong .c-time { padding-left: 12px; margin-top: 10px; *clear: both; color: #cef0f1; }


    .confirm-box .confirm-info { width: 100%; padding: 20px 10px; text-align: left; }
        .confirm-box .confirm-info p { margin-bottom: 10px; display: inline-flex; width: 100%; }
            .confirm-box .confirm-info p span { width: 140px; }
        .confirm-box .confirm-info .spanAmount { flex: 1; text-align: right; }
}

/*会员中心*/
.leftNav { width: 150px; margin-bottom: 50px; margin-right: 20px; margin-top: 20px; float: left; }
.rightNav { width: 1050px; margin-bottom: 50px; margin-top: 20px; float: left; }

@media (max-width: 768px) {
    .rightNav { width: 100%; margin-bottom: 50px; float: left; margin-top: 0; }
}

.list-group .active1 a { color: #42b9c7; text-decoration: none; }
.member-title { border: 1px solid #e5e5e5; padding: 20px 20px 10px 20px; margin-bottom: 30px; }
    .member-title h2 { font-size: 16px; color: #333; margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; }
    .member-title .search-box { margin-top: 10px; }
        .member-title .search-box .search-item { margin-bottom: 15px; display: inline-block; }
            .member-title .search-box .search-item li { display: inline-block; color: #666; margin-right: 15px; padding: 0 20px; height: 25px; line-height: 25px; cursor: pointer; }
                .member-title .search-box .search-item li:hover { background: #42b9c7; color: #fff; border-radius: 15px; }
            .member-title .search-box .search-item .curr { background: #42b9c7; color: #fff; border-radius: 15px; }
            .member-title .search-box .search-item .ui-input { display: inline-block; width: 160px; height: 34px; padding: 6px 12px; line-height: 34px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

/*订单列表*/
.order-list-box .order-menu { border-bottom: 2px solid #ddd; line-height: 40px; position: relative; }
    .order-list-box .order-menu li { list-style: none; display: inline-block; padding-left: 20px; }
        .order-list-box .order-menu li:first-child { padding-left: 10px; }
    .order-list-box .order-menu .active a { color: #42b9c7; font-size: 14px; font-weight: bold; }
    .order-list-box .order-menu .line { font-weight: initial; font-size: 14px; margin-left: 20px; color: #ddd; }
.order-list-box .order-del { position: absolute; right: 3px; top: 0; color: #6c6c6c; }
    .order-list-box .order-del a { margin-left: 5px; color: #6c6c6c; }

@media (max-width: 768px) {
    .order-list-box .order-menu { color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; background: #f6f6f6; margin-bottom: 10px; overflow-x: scroll; width: 100%; white-space: nowrap; border: none; }
        .order-list-box .order-menu li { list-style: none; display: inline-block; padding-left: 20px; }
            .order-list-box .order-menu li:first-child { padding-left: 10px; }
        .order-list-box .order-menu .active { border-bottom: 2px solid #42b9c7; }
            .order-list-box .order-menu .active a { color: #42b9c7; font-size: 14px; font-weight: bold; }
        .order-list-box .order-menu .line { font-weight: initial; font-size: 14px; margin-left: 20px; color: #ddd; }
    .order-list-box .del { display: inline-block !important; padding-right: 20px; }
}


.order-list-box .order-title { width: 100%; background: #f7f7f7; color: #777; margin-top: 20px; display: flex; height: 40px; line-height: 40px; }
.order-list-box .order-info { width: 507px; float: left; }
.order-list-box .order-consignee { width: 120px; float: left; text-align: center; }
.order-list-box .order-price { width: 120px; float: left; text-align: center; }
.order-list-box .order-state { width: 120px; float: left; text-align: center; }
.order-list-box .order-oper { width: 120px; float: left; text-align: center; }
.order-list-box .order-content { width: 100%; background: #f7f7f7; height: 40px; line-height: 40px; color: #777; }
.order-list-box .order-list { border: 1px solid #e5e5e5; margin: 12px 0; }
    .order-list-box .order-list .title { background: #f7f7f7; height: 40px; line-height: 40px; padding: 0 15px; color: #aaa; }
    .order-list-box .order-list .content1 { display: flex; }
        .order-list-box .order-list .content1 .order-info { width: 507px; float: left; position: relative; box-sizing: border-box; }
            .order-list-box .order-list .content1 .order-info::before { position: absolute; content: ""; right: 0; top: 0; height: 100%; display: block; width: 1px; background: #e5e5e5; }
            .order-list-box .order-list .content1 .order-info .p-img { padding-right: 10px; }
                .order-list-box .order-list .content1 .order-info .p-img img { height: 90px; width: 90px; }
            .order-list-box .order-list .content1 .order-info .p-item { width: 320px; }
                .order-list-box .order-list .content1 .order-info .p-item p { margin-bottom: 7px; }
            .order-list-box .order-list .content1 .order-info .p-num { width: 60px; text-align: right; }
            .order-list-box .order-list .content1 .order-info .order-pname { padding: 10px; border-bottom: 1px solid #e5e5e5; }
                .order-list-box .order-list .content1 .order-info .order-pname:last-child { border: none; }
        .order-list-box .order-list .content1 .order-consignee { width: 120px; float: left; text-align: center; border-right: 1px solid #e5e5e5; position: relative; padding: 10px 0; box-sizing: border-box; }
            .order-list-box .order-list .content1 .order-consignee a:hover .p-address { display: block; }
            .order-list-box .order-list .content1 .order-consignee a:hover .p-arrow { display: block; }
            .order-list-box .order-list .content1 .order-consignee .p-address { position: absolute; top: -10px; right: 110px; width: 230px; z-index: 2; background: #fff; text-align: left; padding: 10px 20px; border: 1px solid #e5e5e5; border-radius: 3px; display: none; color: #666; }
            .order-list-box .order-list .content1 .order-consignee .p-arrow { position: absolute; background: url(/Img/arrow-gray.png) no-repeat; right: 103px; top: 15px; width: 8px; height: 16px; background-position: -7px 0; z-index: 3; display: none; color: #666; }
        .order-list-box .order-list .content1 .order-price { width: 120px; float: left; text-align: center; border-right: 1px solid #e5e5e5; position: relative; padding: 10px; box-sizing: border-box; }
        .order-list-box .order-list .content1 .order-state { width: 120px; float: left; text-align: center; border-right: 1px solid #e5e5e5; position: relative; padding: 10px 0; box-sizing: border-box; }
        .order-list-box .order-list .content1 .order-oper { width: 120px; float: left; text-align: center; position: relative; padding: 10px 0; box-sizing: border-box; }

.wap-order-list .wap-order-title { border-bottom: 1px solid #f7f7f7; padding: 10px; }
.wap-order-list .wap-order-item { display: inline-flex; padding: 10px; }
    .wap-order-list .wap-order-item .p-img { width: 110px; }
        .wap-order-list .wap-order-item .p-img img { width: 90px; height: 90px; }
    .wap-order-list .wap-order-item .p-content { flex: 1; }
        .wap-order-list .wap-order-item .p-content p { margin-bottom: 10px; }
.wap-order-list .wap-order-oper { border-top: 1px solid #f7f7f7; padding: 10px; text-align: right; }
    .wap-order-list .wap-order-oper a { border: 1px solid #ddd; padding: 3px 10px; border-radius: 10px; color: #777; margin-left: 10px; }


/*订单详情*/
.order-item { margin-top: 20px; }
    .order-item .nav-tabs { border-bottom: 1px solid #AEC7E5; }
    .order-item > .nav-tabs > li.active > a { color: #555; cursor: default; background-color: #fff; border: 1px solid #AEC7E5; border-bottom-color: transparent; }
    .order-item .tab-content { border-left: 1px solid #AEC7E5; border-right: 1px solid #AEC7E5; border-bottom: 1px solid #AEC7E5; padding: 20px; }
    .order-item .order-info { margin-bottom: 30px; }
        .order-item .order-info h4 { font-size: 14px; font-weight: 800; line-height: 40px; }
        .order-item .order-info ul li { list-style: none; display: inline-block; line-height: 30px; }
        .order-item .order-info li { width: 33%; }
    .order-item .order-title { background: #f7f7f7; height: 40px; line-height: 40px; padding: 0 15px; color: #aaa; border: 1px solid #aaa; margin-top: 10px; }
    .order-item .order-content { padding: 10px 15px; border: 1px solid #aaa; border-top: none; }
    .order-item .order-name { width: 580px; float: left; }
        .order-item .order-name .order-pname { display: inline-flex; }
        .order-item .order-name .p-img { padding-right: 10px; width: 100px; }
            .order-item .order-name .p-img img { height: 90px; width: 90px; }
        .order-item .order-name .p-item { flex: 1; }
            .order-item .order-name .p-item p { margin-bottom: 7px; }
    .order-item .order-price { width: 120px; float: left; text-align: center; }
    .order-item .order-num { width: 120px; float: left; text-align: center; }
    .order-item .order-price { width: 120px; float: left; text-align: center; }
    .order-item .order-fee { width: 120px; float: left; text-align: center; }
    .order-item .order-oper { width: 120px; float: left; text-align: center; }
    .order-item .order-track { margin-bottom: 30px; }
        .order-item .order-track h4 { font-size: 14px; font-weight: 800; line-height: 40px; }
        .order-item .order-track p { padding: 4px; border-bottom: 1px solid #ddd; }

.order-wap-item .wap-address-list { padding: 15px 10px; display: flex; display: -webkit-flex; width: 100%; align-items: center; }
.order-wap-item .wap-order-item { display: inline-flex; padding: 10px; }
    .order-wap-item .wap-order-item .p-img { width: 110px; }
        .order-wap-item .wap-order-item .p-img img { width: 90px; height: 90px; }
    .order-wap-item .wap-order-item .p-content { flex: 1; }
        .order-wap-item .wap-order-item .p-content p { margin-bottom: 10px; }

/*我的收藏*/
.favorites-list-box { margin-left: -10px; }
    .favorites-list-box .white-box { position: relative; }
        .favorites-list-box .white-box .del { position: absolute; z-index: 99; top: 5px; right: 5px; height: 40px; width: 40px; line-height: 40px; font-size: 22px; text-align: center; background: rgba(0,0,0,.5); color: #fff; border-radius: 50%; }
    .favorites-list-box .grid-price { height: 40px; }


/*收货地址*/
.add-list { margin-bottom: 40px; }
    .add-list .add-item { border-bottom: 1px solid #eee; padding: 10px; display: flex; display: -webkit-flex; width: 100%; align-items: center; }
        .add-list .add-item .add-check { width: 40px; text-align: center; position: relative; }
        .add-list .add-item .add-info { flex: 1; }
        .add-list .add-item .add-edit { width: 40px; text-align: right; cursor: pointer; }
        .add-list .add-item h2 { font-size: 14px; color: #666; font-weight: 600; line-height: 30px; }
        .add-list .add-item .add-default { padding: 0 10px; background-color: #999; color: #fff; border-radius: 3px; }
.btn-bottom-add { background: #42b9c7; color: #fff; width: 70%; height: 35px; line-height: 35px; border-radius: 30px; margin-left: 50%; transform: translateX(-50%); position: fixed; bottom: 10px; }


/*我的优惠券*/
.coupon-list-box .coupon-menu { border-bottom: 2px solid #ddd; line-height: 40px; position: relative; }
    .coupon-list-box .coupon-menu li { list-style: none; display: inline-block; padding-left: 20px; }
        .coupon-list-box .coupon-menu li:first-child { padding-left: 10px; }
    .coupon-list-box .coupon-menu .active a { color: #42b9c7; font-size: 14px; font-weight: bold; }
    .coupon-list-box .coupon-menu .line { font-weight: initial; font-size: 14px; margin-left: 20px; color: #ddd; }

@media (max-width: 768px) {
    .coupon-list-box .coupon-menu { color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; background: #f6f6f6; margin-bottom: 10px; overflow-x: scroll; width: 100%; white-space: nowrap; border: none; }
        .coupon-list-box .coupon-menu li { list-style: none; display: inline-block; padding-left: 20px; }
            .coupon-list-box .coupon-menu li:first-child { padding-left: 10px; }
        .coupon-list-box .coupon-menu .active { border-bottom: 2px solid #42b9c7; }
            .coupon-list-box .coupon-menu .active a { color: #42b9c7; font-size: 14px; font-weight: bold; }
        .coupon-list-box .coupon-menu .line { font-weight: initial; font-size: 14px; margin-left: 20px; color: #ddd; }
}

.coupon-list-box .coupon-item { margin-top: 20px; }
    .coupon-list-box .coupon-item .stamp { width: 95%; height: 110px; padding: 0 10px; position: relative; overflow: hidden; margin-bottom: 10px; margin-left: 10px; }
        .coupon-list-box .coupon-item .stamp:before { content: ''; position: absolute; top: 0; bottom: 0; left: 10px; right: 10px; z-index: -1; }
        .coupon-list-box .coupon-item .stamp:after { content: ''; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5); z-index: -2; }
        .coupon-list-box .coupon-item .stamp i { position: absolute; left: 20%; top: 45px; height: 190px; width: 390px; background-color: rgba(255,255,255,.15); transform: rotate(-30deg); }
        .coupon-list-box .coupon-item .stamp .par { float: left; padding: 16px 15px; width: 65%; border-right: 2px dashed rgba(255,255,255,.3); text-align: left; }
            .coupon-list-box .coupon-item .stamp .par p { color: #fff; }
            .coupon-list-box .coupon-item .stamp .par span { font-size: 30px; color: #fff; margin-right: 5px; }
            .coupon-list-box .coupon-item .stamp .par sub { position: relative; top: -5px; color: rgba(255,255,255,.8); }
        .coupon-list-box .coupon-item .stamp .copy { display: inline-block; padding: 10px 4px; width: 35%; vertical-align: text-bottom; font-size: 25px; color: rgb(255,255,255); text-align: center; }
            .coupon-list-box .coupon-item .stamp .copy p { font-size: 16px; margin-top: 5px; }
    /*.coupon-list-box .coupon-item.stamp01 { background: #F39B00; background: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 5px, #F39B00 5px); background-size: 15px 15px; background-position: 9px 3px; }
        .coupon-list-box .coupon-item .stamp01:before { background-color: #F39B00; }*/
    .coupon-list-box .coupon-item .stamp01 { background: #7EAB1E; background: radial-gradient(transparent 0, transparent 5px, #7EAB1E 5px); background-size: 15px 15px; background-position: 9px 3px; }
        .coupon-list-box .coupon-item .stamp01:before { background-color: #7EAB1E; }
    .coupon-list-box .coupon-item .stamp02 { background: #F39B00; background: radial-gradient(transparent 0, transparent 5px, #F39B00 5px); background-size: 15px 15px; background-position: 9px 3px; }
        .coupon-list-box .coupon-item .stamp02:before { background-color: #F39B00; }
    .coupon-list-box .coupon-item .stamp03 { background: #C1C1C1; background: radial-gradient(transparent 0, transparent 5px, #C1C1C1 5px); background-size: 15px 15px; background-position: 9px 3px; }
        .coupon-list-box .coupon-item .stamp03:before { background-color: #C1C1C1; }

/*我的积分*/
.integral-list-box .integral-menu { border-bottom: 2px solid #ddd; line-height: 40px; position: relative; }
    .integral-list-box .integral-menu li { list-style: none; display: inline-block; padding-left: 20px; }
        .integral-list-box .integral-menu li:first-child { padding-left: 10px; }
    .integral-list-box .integral-menu .active a { color: #42b9c7; font-size: 14px; font-weight: bold; }
    .integral-list-box .integral-menu .line { font-weight: initial; font-size: 14px; margin-left: 20px; color: #ddd; }

@media (max-width: 768px) {
    .integral-list-box .integral-menu { color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; background: #f6f6f6; margin-bottom: 10px; overflow-x: scroll; width: 100%; white-space: nowrap; border: none; }
        .integral-list-box .integral-menu li { list-style: none; display: inline-block; padding-left: 20px; }
            .integral-list-box .integral-menu li:first-child { padding-left: 10px; }
        .integral-list-box .integral-menu .active { border-bottom: 2px solid #42b9c7; }
            .integral-list-box .integral-menu .active a { color: #42b9c7; font-size: 14px; font-weight: bold; }
        .integral-list-box .integral-menu .line { font-weight: initial; font-size: 14px; margin-left: 20px; color: #ddd; }
}

.integral-list-box .integral-title { width: 100%; background: #f7f7f7; color: #777; margin-top: 20px; display: flex; height: 40px; line-height: 40px; }
.integral-list-box .integral-list { border: 1px solid #e5e5e5; margin-top: 20px; padding: 10px 0 10px 10px; }
.integral-list-box .integral-info { width: 390px; float: left; position: relative; box-sizing: border-box; }
    .integral-list-box .integral-info .p-img { width: 100px; padding-right: 10px; }
        .integral-list-box .integral-info .p-img img { height: 90px; width: 90px; }
    .integral-list-box .integral-info .p-item { width: 290px; }
        .integral-list-box .integral-info .p-item p { margin-bottom: 7px; }
.integral-list-box .integral-date { width: 190px; float: left; text-align: center; }
    .integral-list-box .integral-date .plus { font-size: 24px; font-weight: 700; color: #42b9c7; }
    .integral-list-box .integral-date .reduce { font-size: 24px; font-weight: 700; color: #b1000f; }
.integral-list-box .integral-remark { width: 250px; float: left; text-align: center; }

.integral-list-box .wap-integral-list { display: inline-flex; border-bottom: 1px solid #e5e5e5; padding: 10px 0; }
    .integral-list-box .wap-integral-list .p-img { width: 100px; margin-left: 10px; }
        .integral-list-box .wap-integral-list .p-img img { height: 90px; width: 90px; }
    .integral-list-box .wap-integral-list .p-item { flex: 1; }
        .integral-list-box .wap-integral-list .p-item p { margin-bottom: 7px; }
    .integral-list-box .wap-integral-list .p-value { width: 80px; text-align: center; }
        .integral-list-box .wap-integral-list .p-value .plus { font-size: 20px; font-weight: 700; color: #42b9c7; }
        .integral-list-box .wap-integral-list .p-value .reduce { font-size: 20px; font-weight: 700; color: #b1000f; }