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

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

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.ml50 { margin-left: 50px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr80 { margin-right: 80px; }

.mb10 { margin-bottom: 10px; }

.h20 { height: 20px; }

.p10 { padding: 10px; }

.min-h500 { min-height: 500px; }

.w1220 { width: 1220px; margin: 0 auto; }

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

    .breadcrumb-area a { color: #666; }

.tipMsg { color: #B74D5E; margin-left: 10px; }

[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: #6dbeb8; border-color: #6dbeb8; }

    .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: #286090; border-color: #204d74; }

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

    .form-row span { display: inline-block; width: 120px; 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; }

/*头部*/

.top-nav { display: block; margin: 0; padding: 0; height: 40px; line-height: 40px; width: 100%; background: #f9f9f9; }

    .top-nav .top-main { display: flex; }

        .top-nav .top-main .top-welcome { flex: 1; }

            .top-nav .top-main .top-welcome .rate { color: #f86834; margin-left: 50px; }

        .top-nav .top-main .top-login { width: 300px; text-align: right; }

            .top-nav .top-main .top-login .split { padding: 0 10px; }

header { width: 1220px; height: 90px; margin: 0 auto; display: flex; }

    header .nav-logo { width: 300px; padding-top: 14px; }

    header .nav-menu { flex: 1; }

        header .nav-menu li { display: inline-block; width: 120px; text-align: center; position: relative; }

            header .nav-menu li:hover a { background: #f86834; color: #fff; }

            header .nav-menu li a { width: 100%; height: 90px; line-height: 90px; font-size: 16px; font-weight: 600; color: #666; }

                header .nav-menu li a:hover { background: #f86834; color: #fff; }

            header .nav-menu li dl { display: none; position: absolute; top: 90px; left: 0; z-index: 99999; width: 120px; background: #f5f5f5; padding: 10px 0; }

                header .nav-menu li dl a { height: 30px; line-height: 30px; font-size: 14px; }

            header .nav-menu li:hover dl { display: block; }

                header .nav-menu li:hover dl a { height: 30px; line-height: 30px; background: #f5f5f5; color: #666; }

                    header .nav-menu li:hover dl a:hover { color: #f86834; }

/*底部*/
footer { width: 100%; background: #6dbeb8; overflow: hidden; padding: 30px 0 50px 0; }

    footer .ft-ct { width: 1220px; margin: 0 auto; color: #fff; display: flex; }

        footer .ft-ct h3 { margin-bottom: 10px; }

        footer .ft-ct .left { flex: 1; padding-right: 50px; }

            footer .ft-ct .left .ft-menu { margin-top: 30px; }

                footer .ft-ct .left .ft-menu li { display: inline-block; }

                    footer .ft-ct .left .ft-menu li:first-child { margin-left: -20px; }

                    footer .ft-ct .left .ft-menu li a { font-size: 16px; width: 105px; text-align: center; color: #fff; }

        footer .ft-ct .right { width: 300px; }

            footer .ft-ct .right img { height: 120px; margin-bottom: 20px; margin-top: 10px; }

    footer .ft-cr { width: 100%; height: 42px; line-height: 42px; background: #30455a; overflow: hidden; color: #fff; text-align: center; }

/*右侧悬浮*/
.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: 300px; top: 0; 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; margin-bottom: 5px; }

            .right-box li .qr-code p { line-height: 30px; }

            .right-box li .qr-code .wechat-item { float: left; width: 50%; text-align: center; }

                .right-box li .qr-code .wechat-item img { max-width: 80%; }

        .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: #6dbeb8; }

.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: #6dbeb8; color: #FFF; }

.right-box li:hover .count { color: #FFF; }

/*公告列表*/
.notice-list { width: 100%; max-width: 1220px; margin: 0 auto; }

    .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 { width: 100%; max-width: 1220px; margin: 0 auto 100px; }

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

.sale-box .sale-list li { display: flex; height: 105px; border-bottom: 1px dotted #ccc; }

    .sale-box .sale-list li img { width: 95px; height: 95px; margin-top: 5px; padding-right: 10px; }

    .sale-box .sale-list li a { flex: 1; line-height: 25px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

/*服务收费*/
.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; width: 548px; }

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

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

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

.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: 20px; }

.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: 15%; line-height: 45px; height: 45px; text-align: center; }

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

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

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


/*轮播图*/
.banner { position: relative; }

    .banner .sckf { position: absolute; top: 70px; right: 9%; width: 120px; z-index: 999; }

    .banner .sccg { position: absolute; top: 250px; right: 9%; width: 120px; z-index: 999; }

    .banner .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 500px; }

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

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

    .banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.5); }

    .banner .img-auto-center { width: 1920px; margin-left: -960px; left: 50%; position: absolute; }

    .banner .login-box { position: absolute; top: 80px; right: 10%; z-index: 999; background: url(/Img/loginBg.png) no-repeat; width: 289px; height: 329px; }

        .banner .login-box h1 { height: 44px; line-height: 44px; font-size: 20px; font-weight: normal; border-bottom: 1px solid #c9c9c9; padding-left: 17px; }

        .banner .login-box .login-content { width: 240px; margin: 34px auto 0; }

            .banner .login-box .login-content .login-row { background: url(/Img/inputBg.png) no-repeat; width: 240px; height: 35px; margin-bottom: 22px; overflow: hidden; }

                .banner .login-box .login-content .login-row span { display: inline-block; width: 18px; height: 19px; margin: 8px 12px 0 5px; }

                .banner .login-box .login-content .login-row input { display: inline-block; background: none; outline: none; margin: 1px 0; height: 33px; line-height: 33px; width: 195px; font-size: 14px; color: #999; }

            .banner .login-box .login-content .btn-login { display: inline-block; background: url(/Img/loginBtn.png) no-repeat; width: 239px; text-align: center; line-height: 43px; color: #fff; font-size: 16px; height: 43px; cursor: pointer; }

            .banner .login-box .login-content .login-span { margin-top: 20px; display: flex; }

                .banner .login-box .login-content .login-span .left { width: 80px; }

                    .banner .login-box .login-content .login-span .left a { color: #f86834; }

                .banner .login-box .login-content .login-span .right { flex: 1; text-align: right; }

                    .banner .login-box .login-content .login-span .right a { color: #f86834; }

            .banner .login-box .login-content .logined-row { width: 240px; height: 35px; line-height: 35px; overflow: hidden; display: flex; }

                .banner .login-box .login-content .logined-row .left { width: 100px; text-align: right; }

                .banner .login-box .login-content .logined-row .right { flex: 1; color: #f86834; font-size: 16px; }


/*物流跟踪层*/
.track-box { margin-top: 40px; display: flex; }

    .track-box .track-left { flex: 1; padding-right: 20px; }

        .track-box .track-left .cost-input { height: 45px; line-height: 45px; width: 350px; border: 1px solid #F19800; border-radius: 3px; padding: 0 10px; background: none; }

        .track-box .track-left .cost-select { height: 45px; line-height: 45px; width: 100px; text-align: center; border: none; border-bottom: 1px solid #F19800; padding: 0 10px; background: none; }

        .track-box .track-left .btn-cost { height: 45px; line-height: 45px; width: 90px; text-align: center; border: 1px solid #F19800; border-radius: 3px; padding: 0 10px; color: white; background: #F19800; cursor: pointer; }

    .track-box .track-right { flex: 1; text-align: right; padding-left: 20px; }

        .track-box .track-right .track-input { height: 45px; line-height: 45px; width: 350px; border: 1px solid #6BA8Df; border-radius: 3px; padding: 0 10px; background: none; }

        .track-box .track-right .btn-track { height: 45px; line-height: 45px; width: 90px; text-align: center; border: 1px solid #6BA8Df; border-radius: 3px; padding: 0 10px; color: white; background: #6BA8Df; cursor: pointer; }

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

/*系统公告*/
.news-box { margin-left: -10px; margin-bottom: 30px; }

    .news-box .news-list { width: 396px; height: 500px; margin-left: 10px; float: left; }

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

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

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

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

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

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

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

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

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

        .news-box .news-list .sale-list li { display: flex; height: 101.3px; border-bottom: 1px dotted #ccc; }

            .news-box .news-list .sale-list li img { width: 95px; height: 95px; margin-top: 3px; padding-right: 10px; }

            .news-box .news-list .sale-list li a { flex: 1; line-height: 25px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

/*首页商城*/
.goods-box { margin-bottom: 80px; }

    .goods-box .goods-brand { margin-bottom: 30px; display: flex; line-height: 40px; }

        .goods-box .goods-brand h3 { font-size: 24px; font-weight: normal; width: 200px; }

        .goods-box .goods-brand ul { flex: 1; text-align: right; }

        .goods-box .goods-brand li { display: inline-block; width: 120px; height: 40px; margin-left: 10px; border: 1px solid #ccc; border-radius: 5px; text-align: center; font-size: 16px; cursor: pointer; }

        .goods-box .goods-brand .active { background: #f86834; color: #fff; border: 1px solid #f86834; }

.mall-box { display: flex; margin: 30px auto; }

    .mall-box .mall-left { width: 215px; padding-right: 30px; }

        .mall-box .mall-left .search-box { position: relative; }

            .mall-box .mall-left .search-box i { position: absolute; top: 12px; left: 8px; color: #999; }

            .mall-box .mall-left .search-box input { width: 180px; height: 36px; line-height: 36px; color: #999; padding: 0 5px 0 30px; border-radius: 3px; border: solid 1px #ccc; }

        .mall-box .mall-left .mall-class-box { margin: 10px auto 30px; }

            .mall-box .mall-left .mall-class-box dt { color: #4d82a3; display: block; font-size: 16px; text-align: center; padding: 14px 14px; margin-bottom: 1px; background-color: #E4ECF3; cursor: pointer; }

            .mall-box .mall-left .mall-class-box dd { color: #4d82a3; display: block; font-size: 14px; text-align: center; padding: 14px 14px; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; display: none; cursor: pointer; }

                .mall-box .mall-left .mall-class-box dd.active { color: #f86834; }

            .mall-box .mall-left .mall-class-box .active dt { background-color: #6dbeb8; color: #fff; }

            .mall-box .mall-left .mall-class-box .active dd { display: block; }

        .mall-box .mall-left .hot-box { border: 1px solid #eee; }

            .mall-box .mall-left .hot-box .hot-title { background-color: #f7f7f7; padding: 10px; text-align: center; }

                .mall-box .mall-left .hot-box .hot-title h3 { font-size: 14px; font-weight: 700; color: #666; }

            .mall-box .mall-left .hot-box .white-box { width: 213px; margin-bottom: 20px; border: none; box-shadow: none; padding: 0; border-top: 1px solid #eee; border-radius: 0; }

    .mall-box .mall-right { flex: 1; }

        .mall-box .mall-right img { max-width: 100%; }

        .mall-box .mall-right .mall-title { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #ccc; display: flex; }

            .mall-box .mall-right .mall-title h3 { font-size: 24px; font-weight: normal; width: 200px; }

            .mall-box .mall-right .mall-title .breadcrumb-area { flex: 1; text-align: right; padding: 0 10px 0 0; }

        .mall-box .mall-right .mall-brand { margin-bottom: 20px; margin-left: -8px; }

            .mall-box .mall-right .mall-brand li { display: inline-block; margin-left: 8px; }

        .mall-box .mall-right .mall-cat { border: 1px solid #efefef; background: #fafafa; margin-bottom: 20px; }

            .mall-box .mall-right .mall-cat .category-nav { height: 36px; line-height: 36px; font-size: 12px; color: #535353; border: 1px solid #efefef; }

                .mall-box .mall-right .mall-cat .category-nav .px { display: inline-block; width: 80px; height: 36px; line-height: 36px; text-align: center; }

                .mall-box .mall-right .mall-cat .category-nav a { display: inline-block; width: 60px; height: 36px; line-height: 36px; text-align: center; }

                .mall-box .mall-right .mall-cat .category-nav .active { color: #f86834; }

                .mall-box .mall-right .mall-cat .category-nav input[type=checkbox] { width: 20px; height: 20px; margin-right: 5px; margin-left: 20px; margin-top: -3px; vertical-align: middle; }

            .mall-box .mall-right .mall-cat .mall-tips { display: flex; padding: 10px 20px; }

            .mall-box .mall-right .mall-cat .tips-left { flex: 1; color: #999; line-height: 38px; }

            .mall-box .mall-right .mall-cat .tips-right { width: 150px; text-align: right; }

        .mall-box .mall-right .tab-main { border-bottom: 1px solid #f86834; background: #f7f7f7; display: flex; }

            .mall-box .mall-right .tab-main .tab-left { width: 130px; text-align: center; background: #f86834; color: #fff; padding: 10px; font-size: 14px; font-weight: 700; }

            .mall-box .mall-right .tab-main .text-right { flex: 1; }

        .mall-box .mall-right .item-tips { display: flex; border: 1px solid #ddd; border-top: none; padding: 20px; margin-bottom: 20px; }

            .mall-box .mall-right .item-tips .tips-left { display: inline-block; width: 40px; height: 40px; background: #f86834; border-radius: 50%; text-align: center; line-height: 40px; color: #fff; font-weight: bold; font-size: 16px; margin: 10px 32px 0 10px; }

            .mall-box .mall-right .item-tips .tips-right { flex: 1; line-height: 30px; }

.goods-list { margin-left: -10px; }

    .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: 224px; height: 100%; margin-bottom: 15px; margin-left: 10px; display: inline-block; }

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


/*商品详情*/
.g-item-box { display: flex; margin-bottom: 20px; }

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

    .g-item-box .item-left { width: 400px; border: 1px solid #ddd; text-align: center; }

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

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

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

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

            .g-item-box .item-left .curtain .gallery-thumbs { height: 100px; padding-top: 15px; padding-bottom: 10px; }

                .g-item-box .item-left .curtain .gallery-thumbs .swiper-slide { width: 25%; height: 93px; opacity: 0.4; padding: 3px; cursor: pointer; }

                .g-item-box .item-left .curtain .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }

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

        .g-item-box .item-right .item-detail { padding: 5px 30px; }

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

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

            .g-item-box .item-right .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-right .item-detail .p:before, .p:after { content: ""; clear: both; display: block; }

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

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

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

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

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

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

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

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

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

                .g-item-box .item-right .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-right .item-detail .item-spec { margin: 15px 10px; display: flex; }

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

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

                .g-item-box .item-right .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-right .item-detail .item-spec .spec-list li img { height: 30px; width: 30px; margin: -3px 0 -3px 5px; vertical-align: middle; }

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

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

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

                    .g-item-box .item-right .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-right .item-detail .shoes-cnt { margin: 0; display: inline-flex !important; display: -webkit-flex; margin-bottom: 20px; }

            .g-item-box .item-right .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-right .item-detail .shoes-cnt-minus-blur { color: #b1b1b1; }

            .g-item-box .item-right .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-right .item-detail .shoes-cnt-input { width: 100%; height: 33px; border: none; outline: none; text-align: center; }

            .g-item-box .item-right .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-right .item-detail .shoes-cnt-plus-blur { color: #b1b1b1; }

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

            .g-item-box .item-right .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-right .item-detail .sold-out-info { height: 54px; line-height: 54px; background: #FAFAFA; padding-left: 10px; margin-top: 20px; color: #f86834; }


/*购物车*/
.cart-box { margin-bottom: 50px; }

    .cart-box input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; }

    .cart-box .cart-title { background: #f7f7f7; height: 40px; line-height: 40px; color: #777; padding: 0 5px 0 15px; display: flex; }

        .cart-box .cart-title .title-g { flex: 1; }

        .cart-box .cart-title .title-s { width: 140px; }

    .cart-box .cart-content { margin: 10px 0; border: 1px solid #f7f7f7; padding: 10px 5px 10px 15px; display: flex; }

        .cart-box .cart-content .content-g { flex: 1; }

        .cart-box .cart-content .content-s { width: 140px; }

        .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: 150px; }

            .cart-box .cart-content .p-info .p-info-name { flex: 1; padding-right: 20px; }

                .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; display: flex; }

        .cart-box .cart-bottom .bottom-item { flex: 1; }

        .cart-box .cart-bottom b { color: #f86834; padding: 0 5px; }

    .cart-box .btn-buy { background: #f86834; 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 h2 { margin-bottom: 15px; line-height: 25px; color: #333; font-weight: 700; font-size: 16px; }

    .confirm-box h2 a { margin-left: 20px; color: #f86834; font-size: 14px; font-weight: 100; }

.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 { margin-right: 10px; line-height: 25px; }

.confirm-box .btn-order { background: #f86834; 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; }

/*人气网站*/
.hotsite-box { margin: 40px 0; }

    .hotsite-box .hotsite-title { text-align: center; height: 72px; color: #333; }

        .hotsite-box .hotsite-title h3 { font-size: 24px; font-weight: normal; line-height: 40px; }

        .hotsite-box .hotsite-title em { display: inline-block; color: #999; font-size: 15px; }

    .hotsite-box li { display: inline-block; margin: 10px 5px; border: 1px solid #ccc; padding: 10px; width: 208.6px; text-align: center; }

        .hotsite-box li img { max-width: 100%; max-height: 100%; }

/*合作伙伴*/
.partner-box h3 { line-height: 40px; font-size: 24px; font-weight: normal; margin: 10px 0; }

.partner-box .partner-item { overflow: hidden; border: 1px solid #eeeeee; padding: 15px 0; }

    .partner-box .partner-item li { display: inline-block; padding-left: 25px; }

        .partner-box .partner-item li img { max-width: 100%; max-height: 100%; }


/*友情链接*/
.link-box { margin: 40px 0; }

    .link-box li { display: inline-block; padding-right: 20px; }

    .link-box h3 { font-size: 24px; font-weight: normal; }

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

/*运单跟踪*/
.track-result-box { margin: 20px 0 60px 0; }

    .track-result-box .track-input { height: 45px; line-height: 45px; width: 350px; border: 1px solid #6BA8Df; border-radius: 3px; padding: 0 10px; background: none; }

    .track-result-box .btn-track { height: 45px; line-height: 45px; width: 90px; text-align: center; border: 1px solid #6BA8Df; border-radius: 3px; padding: 0 10px; color: white; background: #6BA8Df; cursor: pointer; }

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

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

        .track-result-box .result-info td { padding: 15px; color: #878787; border-bottom: 1px solid #d8d8d8 !important; }

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

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

/*注册*/
.register-frm { display: flex; margin: 30px 0 50px 0; }

    .register-frm .register-img { flex: 1; }

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

    .register-frm .register-box { border-radius: 5px; box-shadow: 3px 3px 10px #aaa; width: 400px; margin-right: 30px; height: 100%; }

        .register-frm .register-box .register-title { padding: 10px 15px; font-size: 18px; border-bottom: 1px solid #EEE; }

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

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

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

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

            .register-frm .register-box .form-group .btn-login { width: 100%; margin: 0 auto; background: #6dbeb8; color: #FFF; border-radius: 4px; border: 0; height: 36px; cursor: pointer; }

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

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