@charset "utf-8";

/*基础样式*/
body { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px; color: #333; background: #fff; }

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: #333; }

    a:hover { color: #f86834; text-decoration: none; }

    a:active, a:link { text-decoration: none; }

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; }

.p10 { padding: 10px; }

.mt10 { margin-top: 10px; }

.mt60 { margin-top: 60px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

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

.empty { max-width: 1220px; margin: 0 auto; width: 100%; text-align: center; }

    .empty img { max-width: 100%; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }

.btn-normal { color: #fff; background-color: #f86834; border-color: #f86834; }

    .btn-normal:hover { color: #fff; }

    .btn-normal[disabled] { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }

.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

.form-row { margin: 0 auto 15px; position: relative; }

    .form-row span { display: inline-block; width: 100px; text-align: right; }

.ui-text { width: 230px; height: 30px; line-height: 30px; padding: 0px 5px; border: #999999 solid 1px; border-radius: 5px; margin: 5px 0; }

.ui-input { margin-bottom: 15px; width: 100%; height: 34px; padding: 0 5px; font-size: 14px; line-height: 1.42857143; 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; }

.color-normal { color: #f86834; }

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

textarea { -webkit-appearance: none; }

/*头部*/
.wap-header { width: 100%; height: 50px; line-height: 50px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; background: #f86834; color: #fff; margin-bottom: 10px; }

    .wap-header .header-left { width: 60px; text-align: center; }

    .wap-header .header-center { flex: 1; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }

        .wap-header .header-center input { width: 100%; height: 30px; line-height: 30px; border-radius: 5px; padding: 0 10px 0 30px; }

        .wap-header .header-center i { position: absolute; top: 20px; left: 10px; z-index: 100; color: #a4a4a4; font-size: 14px; }

    .wap-header .header-right { width: 60px; text-align: center; }

        .wap-header .header-right a { color: #fff; }

/*底部菜单*/
.wap-footer { background-color: #fff; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; 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 span { display: block; }

    .wap-footer i { font-size: 20px !important; }

    .wap-footer .current a { color: #f86834; }


/*客服层*/
.zixun-box { width: 230px; text-align: center; line-height: 30px; }

    .zixun-box h3 { color: #0096E3; margin: 5px 0 0; font-weight: 500; }

    .zixun-box .zixun-item { border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; }


/*首页*/
.logo { padding: 10px; display: flex; align-items: center; }

    .logo img { width: 170px; }

    .logo .rate { flex: 1; text-align: right; color: #f86834; font-weight: 500; }

.banner .swiper-slide img { width: 100%; max-width: 100%; }

.nav-main { padding: 15px 0; }

    .nav-main ul { display: flex; }

    .nav-main li { flex: 1; text-align: center; display: inline-block; }

        .nav-main li img { width: 40px; height: 40px; }

        .nav-main li i { display: block; font-style: normal; padding-top: 5px; }

.news-list { margin-bottom: 20px; }

    .news-list .news-title { height: 50px; line-height: 50px; color: #fff; padding: 0 15px 0 10px; display: flex; }

        .news-list .news-title h3 { flex: 1; }

        .news-list .news-title a { width: 60px; text-align: right; color: #fff; }

    .news-list li { display: flex; margin-right: 10px; height: 40px; line-height: 40px; border-bottom: 1px dotted #ccc; padding: 0 10px; }

        .news-list li .n-title { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px; }

            .news-list li .n-title i { padding-right: 10px; }

            .news-list li .n-title a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline; }

        .news-list li .n-date { width: 80px; text-align: right; line-height: 40px; color: #b2b2b2; }

    .news-list .title1 { background: #57c4c5; }

    .news-list .title2 { background: #f86834; }

    .news-list .title3 { background: #97d3b1; }


/*运单跟踪*/
.track-box { background-color: #eeeeee; text-align: center; padding: 20px; }

    .track-box .track-item { position: relative; width: 100%; }

        .track-box .track-item input { padding: 5px 50px 5px 10px; border: 1px solid #e3e3e3; border-radius: 5px; height: 40px; line-height: 40px; width: 100%; box-sizing: border-box; }

        .track-box .track-item i { position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; border-left: 1px solid #e3e3e3; }

    .track-box .result-info { position: relative; width: 100%; border: 1px solid #d8d8d8; margin-top: 20px; }

        .track-box .result-info a { color: #f86834; margin: 10px; }

        .track-box .result-info td { padding: 10px 5px; color: #878787; border-bottom: 1px solid #d8d8d8 !important; text-align: left; }

        .track-box .result-info .row1 { width: 85px; text-align: center; }

        .track-box .result-info .status { width: 40px; background: url(//cdn.kuaidi100.com/images/ico_status.gif) -50px center no-repeat; }

/*服务收费*/
.jsq table { width: 100% !important; }

.jsq img { max-width: 100%; }

.jsq .jsq-01 { overflow: hidden; margin-bottom: 55px; }

.jsq .jsq-01Title { overflow: hidden; margin-bottom: 15px; }

.jsq h3 { font-size: 24px; line-height: 45px; font-weight: normal; }

.jsq .jsq-01Title span { display: inline-block; margin: 10px 20px 0; }

.jsq .jsq-01TR p { line-height: 24px; }

.jsq .jsq-01TR b { display: inline-block; color: #f86834; font-weight: normal; }

.jsq .jsq01C { border: 1px solid #9bb9ff; padding: 20px 0 20px 0; overflow: hidden; border-radius: 5px; position: relative; }

.jsq .jsq-01CT { overflow: hidden; margin: 0 auto; }

    .jsq .jsq-01CT span { display: inline-block; width: 100px; text-align: right; line-height: 34px; color: #666; }

    .jsq .jsq-01CT select { height: 34px; border: 1px solid #ccc; border-radius: 5px; margin-right: 20px; width: 200px; margin-bottom: 10px; }

    .jsq .jsq-01CT input { display: inline-block; width: 190px; height: 32px; border: 1px solid #ccc; border-radius: 5px; padding: 0 5px; margin-bottom: 10px; }

.jsq .btnSearch { display: inline-block; width: 82px; text-align: center; line-height: 32px; color: #fff; height: 32px; background: #6dbeb8; font-size: 16px; border-radius: 2px; border-radius: 5px; margin-left: 105px; }

.jsq .jsq01C table { margin: 30px auto; width: 100%; }

    .jsq .jsq01C table .costLeft { border-left: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; width: 34%; line-height: 45px; height: 45px; text-align: center; box-sizing: border-box; }

    .jsq .jsq01C table .costCenter { border: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; width: 16%; line-height: 45px; height: 45px; text-align: center; box-sizing: border-box; }

    .jsq .jsq01C table .costright { border: 1px solid #E1E1E1; width: 34%; line-height: 45px; height: 45px; text-align: center; box-sizing: border-box; }

.jsq .jsq01C-text { line-height: 40px; color: #666; text-align: center; color: #f86834; }

.jsq .tipMsg { color: #B74D5E; }

/*公告列表*/


.notice-list li { width: 100%; padding: 13px 0 14px; border-bottom: 1px dotted #ccc; display: flex; }

.notice-list .n-title { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; flex: 1; }

    .notice-list .n-title i { padding-right: 10px; }

    .notice-list .n-title a { color: #666; display: inline; }

.notice-list .n-date { color: #adadad; padding-right: 7px; text-align: right; width: 130px; }

.notice-item table { width: 100% !important; }

.notice-item img { max-width: 100%; }

.notice-item .title { font-size: 16px; line-height: 32px; font-weight: 600; color: #3d3f3e; text-align: center; }

.notice-item .date { color: #9a9a9a; font-size: 12px; padding: 5px 0 20px; margin-bottom: 20px; font-weight: normal; text-align: center; border-bottom: 1px dotted #ccc; }

/*登陆页*/
.register-box { width: 100%; padding: 20px 0; }

    .register-box .logo { width: 200px; margin: 0 auto; }

        .register-box .logo img { max-width: 100%; }

    .register-box .form-horizontal { padding: 20px 0 0; }

    .register-box .form-group { display: flex; padding: 10px; margin: 0; position: relative; }

        .register-box .form-group i { position: absolute; font-size: 18px; top: 20px; left: 15px; color: #8b8b8b; }

        .register-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; }

        .register-box .form-group .btn-login { width: 100%; margin: 0 auto; background: #f86834; color: #FFF; border-radius: 4px; border: 0; height: 42px; line-height: 42px; font-size: 16px; letter-spacing: 8px; cursor: pointer; }

    .register-box .to-reg { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; text-align: right; padding: 5px 20px; }

        .register-box .to-reg a { color: #f86834; }

.LayerWindow { padding: 10px; }

    .LayerWindow .lblTip { display: inline-block; width: 100px; text-align: right; }

    .LayerWindow input { margin-bottom: 15px; width: 170px; height: 34px; padding: 0 5px; font-size: 14px; line-height: 1.42857143; 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; }
    .LayerWindow .tips { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; padding: 10px 20px; margin-bottom: 20px; }

    .LayerWindow .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

    .LayerWindow .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

    .LayerWindow .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }

/*找回密码*/
.find-box { margin-top: 30px; padding: 10px; }

    .find-box .form-row { margin: 0 auto 15px; }

        .find-box .form-row span { display: inline-block; width: 100px; text-align: right; }

        .find-box .form-row .ui-text { width: 60%; height: 30px; line-height: 30px; padding: 0px 5px; border: #999999 solid 1px; border-radius: 5px; margin: 5px 0; }

/*商城*/
.category-nav { padding: 10px 20px 10px 10px; margin-top: -10px; }

    .category-nav li { padding: 0 10px; display: inline-block; }

        .category-nav li.active { color: #f86834; }

.goods-list { width: 50%; float: left; padding: 5px; box-sizing: border-box; }

    .goods-list a { width: 100%; }

    .goods-list .white-box { position: relative; 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; width: 100%; height: 100%; display: inline-block; box-sizing: border-box; }

        .goods-list .white-box:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.5); }

        .goods-list .white-box .grid-info { padding: 5px; margin-bottom: 20px; }

            .goods-list .white-box .grid-info .grid-img { width: 100%; height: 0px; padding-bottom: 100%; position: relative; overflow: hidden; text-align: center; }

                .goods-list .white-box .grid-info .grid-img img { max-width: 100%; }

            .goods-list .white-box .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; }

            .goods-list .white-box .grid-info .grid-price { display: flex; color: #e31436; }

                .goods-list .white-box .grid-info .grid-price .cny { flex: 1; height: 20px; line-height: 20px; }

                    .goods-list .white-box .grid-info .grid-price .cny del { font-size: 11px; color: #999; padding-left: 10px; }

                .goods-list .white-box .grid-info .grid-price .volume { display: inline-block; border: 1px dashed #e31436; height: 20px; line-height: 20px; padding: 0 2px; font-size: 11px; }

        .goods-list .white-box .purchase-info { position: absolute; top: -1px; left: -1px; background: #e31436; color: #fff; padding: 6px; }

            .goods-list .white-box .purchase-info::after { content: ""; border-right: 15px solid transparent; border-top: 15px solid #e31436; position: absolute; right: -15px; top: 0; }

            .goods-list .white-box .purchase-info::before { content: ""; border-right: 15px solid transparent; border-bottom: 15px solid #e31436; position: absolute; right: -15px; bottom: 0; }

.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: #f86834; 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: #f86834; color: #fff; border-top: 1px solid #f86834; }


/*商品详情*/
.g-item-box { margin-top: -10px; }

    .g-item-box img { width: 100%; }

    .g-item-box .curtain { height: auto; width: 100%; overflow: hidden; }

        .g-item-box .curtain .gallery-top { height: 100%; width: 100%; position: relative; }

        .g-item-box .curtain .swiper-slide { height: 100%; width: 100%; margin: 0; padding: 0; display: flex; }

            .g-item-box .curtain .swiper-slide img { flex: 1; width: 100%; height: 100%; }

    .g-item-box .item-detail { padding: 10px; }

        .g-item-box .item-detail h1 { font-size: 16px; color: #555555; line-height: 24px; margin-bottom: 10px; }

        .g-item-box .item-detail .p-des { color: #f03435; line-height: 24px; margin-bottom: 15px; }

        .g-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; }

        .g-item-box .item-detail .p:before, .p:after { content: ""; clear: both; display: block; }

        .g-item-box .item-detail .shop-price-cou .shop-price-le { float: left; }

            .g-item-box .item-detail .shop-price-cou .shop-price-le ul { clear: both; }

                .g-item-box .item-detail .shop-price-cou .shop-price-le ul li { float: left; line-height: 32px; }

        .g-item-box .item-detail .jaj { width: 80px; letter-spacing: 4px; color: #666; }

        .g-item-box .item-detail .shop-price-cou .shop-price-le ul .bigpri_jj { font-size: 22px; color: #e23435; }

        .g-item-box .item-detail .shop-price-cou .shop-price-le ul .though-line { color: #666666; font-size: 18px; }

        .g-item-box .item-detail .though-line > span { text-decoration: line-through; }

        .g-item-box .item-detail .shop-price-cou .shop-cou-ri { float: right; }

            .g-item-box .item-detail .shop-price-cou .shop-cou-ri .allcomm { float: left; text-align: center; cursor: pointer; }

            .g-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; }

        .g-item-box .item-detail .item-spec { margin: 15px 10px; display: flex; }

            .g-item-box .item-detail .item-spec .spec-left { width: 80px; display: block; }

            .g-item-box .item-detail .item-spec .spec-right { flex: 1; }

            .g-item-box .item-detail .item-spec .spec-list li { display: inline-block; padding: 8px 10px; border: 1px solid #dadada; margin-right: 10px; cursor: pointer; overflow: hidden; }

                .g-item-box .item-detail .item-spec .spec-list li img { height: 30px; width: 30px; margin: -3px 0 -3px 5px; vertical-align: middle; }

                .g-item-box .item-detail .item-spec .spec-list li:hover { border: 1px solid #f86834; }

            .g-item-box .item-detail .item-spec .spec-list .is-current { position: relative; border: 1px solid #f86834; }

                .g-item-box .item-detail .item-spec .spec-list .is-current a { color: #f86834; }

                .g-item-box .item-detail .item-spec .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 #f86834 #f86834 transparent; }

        .g-item-box .item-detail .shoes-cnt { margin: 0; display: inline-flex !important; display: -webkit-flex; margin-bottom: 20px; }

        .g-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; }

        .g-item-box .item-detail .shoes-cnt-minus-blur { color: #b1b1b1; }

        .g-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; }

        .g-item-box .item-detail .shoes-cnt-input { width: 100%; height: 33px; border: none; outline: none; text-align: center; }

        .g-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; }

        .g-item-box .item-detail .shoes-cnt-plus-blur { color: #b1b1b1; }

        .g-item-box .item-detail .shoes-cnt .shoes-cnt-max { line-height: 35px; color: #f86834; font-weight: bold; }

        .g-item-box .item-detail .btn-cart { background-color: #4285f4; color: #fff; border: none; font-size: 16px; font-weight: 700; border-radius: 3px; margin-left: 10px; padding: 10px; }

        .g-item-box .item-detail .sold-out-info { height: 54px; line-height: 54px; background: #FAFAFA; padding-left: 10px; margin-bottom: 20px; color: #f86834; }

    .g-item-box .item-box .title { width: 100%; height: 40px; line-height: 40px; text-align: center; background: #f7f7f7; }

        .g-item-box .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; }

            .g-item-box .item-box .title h3:before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #dfdfdf; z-index: 1; }

            .g-item-box .item-box .title h3 span { position: relative; display: inline-block; padding: 0rem 0.833rem; z-index: 2; background-color: #f4f4f4; }

    .g-item-box .item-box .tips { padding: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; }

        .g-item-box .item-box .tips p { margin-bottom: 10px; }

    .g-item-box .fixedBar { position: fixed; bottom: 0; width: 100%; height: 50px; 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: 70px; display: flex; }

        .g-item-box .fixedBar .fixed-left { flex: 1; }

            .g-item-box .fixedBar .fixed-left li { width: 60px; height: 50px; text-align: center; display: inline-block; }

            .g-item-box .fixedBar .fixed-left i { font-size: 20px !important; margin-top: 5px; }

            .g-item-box .fixedBar .fixed-left span { display: block; }

        .g-item-box .fixedBar .fixed-right { width: 140px; }

            .g-item-box .fixedBar .fixed-right .btn-cart { height: 100%; width: 100%; border-radius: 0; background-color: #f86834; color: #fff; }

                .g-item-box .fixedBar .fixed-right .btn-cart:disabled { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

/*购物车*/

.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; position: relative; }

        .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-content .p-info .price { line-height: 30px; }

.cart-box .shoes-cnt { padding: 0; 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; }

.cart-box .fixedBar { position: fixed; bottom: 0; width: 100%; height: 50px; 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: 70px; display: flex; }

    .cart-box .fixedBar .fixed-left { width: 70px; }

        .cart-box .fixedBar .fixed-left ul { display: flex; align-items: center; justify-content: center; height: 50px; }

        .cart-box .fixedBar .fixed-left li { text-align: center; flex: 1; }

    .cart-box .fixedBar li span { display: block; }

    .cart-box .fixedBar .fixed-right { flex: 1; text-align: right; }

        .cart-box .fixedBar .fixed-right .btn-cart { height: 100%; width: 120px; border-radius: 0; background-color: #f86834; color: #fff; }

            .cart-box .fixedBar .fixed-right .btn-cart:disabled { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.cart-box .hot-box .title { width: 100%; height: 40px; line-height: 40px; text-align: center; background: #f7f7f7; }

    .cart-box .hot-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; }

        .cart-box .hot-box .title h3:before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #dfdfdf; z-index: 1; }

        .cart-box .hot-box .title h3 span { position: relative; display: inline-block; padding: 0rem 0.833rem; z-index: 2; background-color: #f4f4f4; }

.cart-box .hot-box .swiper-container { width: 100%; height: 100%; position: relative; padding: 10px; box-sizing: border-box; }

.cart-box .hot-box .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; }

.cart-box .hot-box .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; }

.cart-box .hot-box .goods-list { width: 100%; padding: 0; }

.cart-box input[type=checkbox] { visibility: hidden; }

.cart-box .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%; }

    .cart-box .color-input-blue + label::after { display: block; width: 20px; height: 20px; content: "\2714"; text-align: center; font-size: 16px; color: white; position: absolute; }

.cart-box .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: #f86834; border-radius: 50%; }

.cart-box h2 { margin-bottom: 15px; line-height: 25px; color: #333; font-weight: 700; font-size: 14px; }

.cart-box .pay-nav { position: relative; margin-bottom: 15px; }

/*支付结果*/
.payMessage { margin: 50px auto; width: 300px; height: 400px; }

    .payMessage h1 { text-align: center; line-height: 50px; font-size: 18px; font-weight: 600; }

    .payMessage p { font-size: 16px; font-weight: 600; color: #f86834; }

    .payMessage .spanMsg { width: 115px; text-align: right; font-size: 16px; padding-right: 10px; font-weight: normal; display: inline-block; color: #808080; }

    .payMessage .btnBack { width: 115px; margin-top: 40px; color: white; font-size: 16px; border: none; height: 45px; text-align: center; line-height: 45px; font-family: 'Microsoft YaHei'; border-radius: 3px; color: #fff; background: #f86834; cursor: pointer; }

    .payMessage .btnOrder { width: 115px; margin-left: 20px; margin-top: 40px; color: white; font-size: 16px; border: none; height: 45px; text-align: center; line-height: 45px; font-family: 'Microsoft YaHei'; border-radius: 3px; color: #fff; background: #28A0D5; cursor: pointer; }

    .payMessage a:hover { color: white; }



/*会员中心*/

.customer-box .info-box b { color: #f86834; font-size: 12px; }

.customer-box .info-box .info-title { display: flex; padding: 10px 20px; margin-bottom: 10px; }

    .customer-box .info-box .info-title .info-title-left { width: 60px; }

        .customer-box .info-box .info-title .info-title-left img { max-width: 100%; }

    .customer-box .info-box .info-title .info-title-right { flex: 1; padding-left: 15px; }

        .customer-box .info-box .info-title .info-title-right small { padding: 2px 6px 2px 6px; background: #ffa518; color: #ffffff; border-radius: 6px; margin-left: 5px; }

.customer-box .info-box .info-item { display: flex; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 50px; line-height: 50px; }

    .customer-box .info-box .info-item .item { flex: 1; text-align: center; }

        .customer-box .info-box .info-item .item:first-child { border-right: 1px solid #ccc; }

.customer-box .section-box { padding: 2%; margin: 20px 0; display: flex; }

    .customer-box .section-box ul { width: 100%; }

    .customer-box .section-box li { width: 32%; text-align: center; float: left; margin-bottom: 10px; }

        .customer-box .section-box li img { width: 53px; height: 53px; }

        .customer-box .section-box li b { display: block; width: 100%; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #333; }

.login-out { width: 80%; margin: 0 auto; }

    .login-out a { width: 100%; text-align: center; margin: 0 auto; background: #ccc; color: gray; border-radius: 4px; border: 0; height: 42px; line-height: 42px; font-size: 16px; letter-spacing: 5px; cursor: pointer; }

.nav-list { display: flex; height: 40px; line-height: 40px; margin-top: -10px; }

    .nav-list .nav-item { flex: 1; text-align: center; cursor: pointer; }

        .nav-list .nav-item.active { border-bottom: 2px solid #f86834; color: #f86834; }

.form-box { padding: 20px 10px; }

    .form-box .form-group { display: flex; height: 35px; margin-bottom: 15px; }

        .form-box .form-group .control-label { width: 100px; text-align: right; font-weight: 500; padding-top: 7px; }

        .form-box .form-group .control-input { flex: 1; }

            .form-box .form-group .control-input input[type=text] { width: 80%; height: 33px; line-height: 33px; padding: 0 10px; 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; }

            .form-box .form-group .control-input select { width: 89%; height: 35px; line-height: 35px; padding: 0 10px; 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; }

            .form-box .form-group .control-input textarea { width: 90%; line-height: 20px; padding: 3px 5px; 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; box-sizing: border-box; }

    .form-box .lblSpanRed { color: #c1081a; margin-right: 5px; }

.ckb { position: relative; line-height: 35px; }

    .ckb input[type=checkbox] { visibility: hidden; margin-right: 15px; }

    .ckb .color-input-blue + label { display: block; width: 20px; height: 20px; line-height: 20px; cursor: pointer; position: absolute; top: 8px; left: 0; background: #ccc; border-radius: 50%; }

        .ckb .color-input-blue + label::after { display: block; width: 20px; height: 20px; content: "\2714"; text-align: center; font-size: 16px; color: white; position: absolute; }

    .ckb .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: #f86834; border-radius: 50%; }

.search-box { padding: 10px; }

    .search-box .lblSpan { width: 70px; text-align: right; display: inline-block; }

    .search-box .search-input { width: 150px; height: 33px; line-height: 33px; padding: 0 10px; 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; }

    .search-box .search-select { width: 115px; height: 35px; line-height: 35px; padding: 0 10px; 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; }

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

    .result-list .result-item { border: 1px solid #ccc; border-radius: 5px; margin-bottom: 20px; }

        .result-list .result-item .item-title { border-bottom: 1px solid #ccc; display: flex; padding: 10px; margin-bottom: 10px; }

            .result-list .result-item .item-title .title-left { flex: 1; font-weight: 600; }

            .result-list .result-item .item-title .title-right { width: 100px; text-align: right; color: #f86834; }

        .result-list .result-item p { margin-bottom: 10px; padding: 0 10px; word-wrap: break-word; }

        .result-list .result-item .item-oper { border-top: 1px solid #ccc; padding: 10px; text-align: right; }

.account-box .account-item { padding: 10px; border-bottom: 1px solid #ccc; display: flex; height: 30px; line-height: 30px; }

    .account-box .account-item .account-item-left { width: 100px; }

    .account-box .account-item .account-item-right { flex: 1; text-align: right; color: #f86834; }

        .account-box .account-item .account-item-right input { width: 100%; border: none; text-align: right; }

.recommend-box { padding: 10px; }

.input-group { position: relative; display: table; border-collapse: separate; width: 100%; }

    .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; height: 36px; padding: 0 5px; 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; border-top-right-radius: 0; border-bottom-right-radius: 0; box-sizing: border-box; border-right: 0; }

    .input-group .input-group-addon { padding: 10px 12px; font-weight: 400; line-height: 1; color: #fff; text-align: center; background-color: #f86834; border: 1px solid #f86834; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }

    .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; }

    .input-group .input-group-addon, .input-group .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }

/*收货地址*/
.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; box-sizing: border-box; }

        .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: #4285f4; color: #fff; width: 70%; height: 35px; line-height: 35px; border-radius: 30px; margin-left: 50%; transform: translateX(-50%); position: fixed; bottom: 10px; }

.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; }

    .layer-box .lblSpanRed { color: #c1081a; margin-right: 5px; }


/*提交运单*/
.consign-box .consign-step { border-bottom: 1px solid #ccc; margin: 10px; }

    .consign-box .consign-step h1 { font-size: 14px; font-size: 16px; line-height: 40px; font-weight: 500; }

.consign-box .content-box { padding: 0 10px 10px 10px; display: flex; }

    .consign-box .content-box .lblSpan { display: inline-block; width: 140px; line-height: 38px; text-align: right; }

        .consign-box .content-box .lblSpan i { color: #c1081a; margin-right: 5px; }

    .consign-box .content-box .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; }

        .consign-box .content-box .form-control[disabled] { cursor: not-allowed; background-color: #eee; opacity: 1; }

.consign-box .lblSpanRed { color: #c1081a; padding: 0 10px 10px 10px; }

.consign-box .address-box { min-height: 100px; border: 1px solid rgb(204, 204, 204); margin: 10px; box-shadow: rgb(136, 136, 136) 3px 3px 10px; border-radius: 5px; padding: 5px; }

    .consign-box .address-box .address-item { display: flex; margin-bottom: 5px; }

        .consign-box .address-box .address-item b { width: 110px; text-align: right; }

        .consign-box .address-box .address-item span { display: inline-block; flex: 1; }

.consign-box .consign-product { margin: 10px; }

.consign-box .sevices { display: flex; margin: 20px 10px 0 10px; }

    .consign-box .sevices .leftService { width: 120px; }

        .consign-box .sevices .leftService input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; margin-left: 5px; }

    .consign-box .sevices .rightService { flex: 1; }