/*我的订单页面*/
/*购物车为空*/
.Cartempty {
    text-align: center;
}
/*订单列表*/
.orderlist {
    border: 1px solid #eee;
    margin: 10px auto;
    line-height: 2.5em;
    overflow: hidden;
}
/*购物车审核、发货状态*/
.state {
    color: red;
}
/*购物车列表*/
.orderlist .Cartlist {
    padding: 15px 0;
    border-bottom: 1px solid lightblue;
    overflow: hidden;
}
    /*购物车列表图片*/
    .orderlist .Cartlist .list-img {
        border-radius: 0;
    }
    /*购物车列表属性*/
    .orderlist .Cartlist .list-introduce {
        color: #808080;
        line-height: 1.5em;
    }
/*购物车列表大标题*/
.list-title {
    height: 30px;
}
/*购物车列表按钮*/
.list-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

    .list-btn .btn {
        margin-left: 10px;
        border-radius:0;
    }
/* <=991的设备*/
@media (max-width: 991px) {
    .search {
        overflow: hidden;
    }

        .search .form-group {
            width: 100%;
            padding-bottom: 5px;
        }

            .search .form-group input[type="text"] {
                width: 100%;
            }

        .search .btn {
            float: right;
        }
}

/*<=768的设备*/
@media (max-width: 767px) {
    .search .form-group {
        padding-bottom: 5px;
    }

    .ordernumber {
        text-align: right;
    }

    .orderlist .Cartlist h4 {
        font-size: 14px;
        font-weight: 700;
    }
}
/*订单详情页面*/
.Orderdetails {
    position: relative;
}

    .Orderdetails .orderRecordstatus {
        color: red;
        position: absolute;
        right: 10px;
        top: 10px;
    }
/*订单详情页面流程图圆形*/

.circular {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #357fbe;
    margin: 0 auto;
}
/*订单详情页面流程图圆形下面的文字*/
.circular-txt {
    line-height: 2em;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .process {
        font-size: 16px;
    }

    .circular {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 991px) {
    .process {
        font-size: 18px;
    }

    .circular {
        width: 50px;
        height: 50px;
    }
}
/*商品列表*/
.goodlist {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
    /*商品列表的边框*/
    .goodlist .goodlist_border {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    /*商品列表宽度*/
    .goodlist_border{
        width:16.666666666666%;
        float:left;
    }
@media(max-width:1024px) {
    .goodlist_border {
        width:25%;
    }
}
@media screen and (min-width: 1023px) and (max-width: 1420px){
    .goodlist_border {
        width:20%;
    }
}
    /*商品列表放图片的父元素*/
    .goodlist .goodlist_img {
        padding-top: 15px;
        padding-bottom: 15px;
    }
        .goodlist .goodlist_img img {
            width: 100%;
            height:100%;
        }
    /*商品列表放文字的父元素*/
    .goodlist .goodlist_font {
        background-color: #eff2f7;
        padding: 10px 0px;
        margin-bottom: 15px;
        overflow: hidden;
    }
/*商品列表标题信息*/
.goodlist_font .commoditytitle {
    font-size: 14px;
    line-height: 1.5em;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goodlist a .goodlist_font .commoditytitle {
    color: #333;
}

.goodlist_font .commoditytitle span p {
    display: inline;
    padding-left: 5px;
}

    .goodlist_font .commoditytitle span p strong {
        font-weight: 500;
    }
/*商品列表价格*/
.commodityprice {
    text-align: center;
    color: red;
    font-size: 18px;
    padding-top: 5px;
}

/*商品详情页面*/
/*商品详情左边大图片*/
.Shopping-img {
    padding: 20px;
}

    .Shopping-img img {
        width: 100%;
    }
    /*商品详情左边大图片边框*/
    .Shopping-img .img-thumbnail {
        padding: 10px;
        border-radius: 0;
    }
/*商品详情右边商品名称*/
.Shopping-information h1 {
    font-size: 24px;
}
    /*商品详情右边商品价格*/
    .Shopping-information h1 span {
        padding-left: 10px;
        color: red;
    }
/*商品详情右边商品Option*/
.Shopping-information h2 {
    font-size: 16px;
    font-weight: 500;
}

.Shopping-information .Option {
    padding-left: 15px;  
    overflow:hidden;
}

    .Shopping-information .Option div {
        text-align: center;
        padding-left: 0;
        padding-right: 10px;
        margin-bottom: 10px;
        width:100px;
        float:left;
    }

        .Shopping-information .Option div a {
            border: 1px solid #ccc;
            display: block;
            padding: 5px 0;
            color: #555;
        }
/*选择数量加减框的圆角去掉*/
.Shopping-information .input-group-addon {
    border-radius: 0;
}

.Shopping-number .input-group-addon {
    width: 36px !important;
}

.Shopping-number input[type="text"] {
    width: 60px !important;
}
/*商品详情右边按钮的父容器*/
.Shopping-btn {
    padding-top: 30px;
    padding-bottom: 30px;
}
    .Shopping-btn .btn {
        border-radius: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 120px;
    }
/*商品下架之后按钮样式*/
.disableA {
    pointer-events: none;
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #fff;
}
/*最大宽度为 480 像素的设备设置样式*/
@media (max-width: 480px) {
    .Shopping-img {
        padding: 0;
    }

    .Shopping-information h1 {
        font-size: 16px;
    }

    .Shopping-btn {
        padding-left: 15px;
    }


    .Shopping-information h2 {
        font-size: 14px;
        margin-top: 5px;
    }

    .Shopping-information .Option-box {
        margin-bottom: 0px;
    }
}
/*商品详情页面购物车*/
.Shopping-Cart {
    position: fixed;
    right: 20px;
    top: 25%;
    z-index: 9999;
}

    .Shopping-Cart li {
        width: 44px;
        height: 44px;
        background-color: #353535;
        margin-bottom: 4px;
    }
        /*商品详情页面购物车图标*/
        .Shopping-Cart li.cart {
            background-image: url(img/bg_side.png);
            background-position: left center;
        }
        /*商品详情页面返回顶部图标*/
        .Shopping-Cart li.top {
            background-image: url(img/bg_side.png);
            background-position: right center;
            background-color: #D2D3D6;
        }

        .Shopping-Cart li.cart:hover {
            background-color: #F05352;
        }

        .Shopping-Cart li.top:hover {
            background-color: #c0c1c3;
        }
    /*商品详情页面嵌入式外边框*/
    .Shopping-Cart .Shopping-Cart-box {
        width: 280px;
        /*height:100%;*/
        background: #fff;
        position: absolute;
        top: -10px;
        right: 60px;
        border: 1px solid #E0E1E5;
        border-radius: 3px;
        box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
        display: none;
    }
        /*商品详情页面三角符号定位*/
        .Shopping-Cart .Shopping-Cart-box .arrow {
            position: absolute;
            width: 8px;
            height: 12px;
            right: -8px;
            top: 31px;
            background: url(img/bg_side_arrow.png.png) no-repeat;
        }
        /*商品详情页面嵌入式内边距*/
        .Shopping-Cart .Shopping-Cart-box .Shopping-Cart-list {
            padding: 0px 10px 0px 15px;
           /*background-color:red;*/
        }
            /*商品详情页面嵌入式iframe*/
            .Shopping-Cart .Shopping-Cart-box .Shopping-Cart-list iframe {
                border: none;
                width: 100%;
            }
/*购物车嵌入式页面的样式*/
/*嵌入式页面列表高度*/
.iframe-list-height {
    margin-top:15px;
    height: 250px;
    overflow-y: auto;
}
/*嵌入式页面单个列表*/
.iframe-list {
    overflow: hidden;
    padding-bottom: 15px !important;
    clear: both;
}

    .iframe-list:last-child {
        padding-bottom: 0px !important;
    }
/*嵌入式页面放图片的容器*/
.iframe-list-img {
    padding-left: 0 !important;
}
    /*嵌入式页面图片*/
    .iframe-list-img img {
        width: 100%;
        border-radius: 0;
    }
/*嵌入式页面商品名称和属性的父容器*/
.iframe-list-Commodityname {
    padding-left: 0 !important;
}

    .iframe-list-Commodityname p {
        margin-bottom: 0;
        line-height: 2em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .iframe-list-Commodityname span {
        color: #808080;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/*嵌入式页面商品价格和数量的父容器*/
.iframe-list-Price {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    .iframe-list-Price p {
        margin-bottom: 0;
        line-height: 2em;
        text-align: right;
    }

    .iframe-list-Price a {
        display: none;
        text-align: right;
    }

.iframe-list:hover .iframe-list-Price a {
    display: block;
}
/*嵌入式页面购物车为空时候的图片样式*/
.iframe-Shoppingcart-empty {
    text-align: center;
    margin-top: 15%;
}
/*嵌入式页面结算按钮*/
.iframe-Shoppingcart-btn {
    padding-top: 15px;
}

    .iframe-Shoppingcart-btn .btn {
        margin-right: 10px;
        margin-left: 5px;
    }
/*商品详情右边Option点击之后*/
.style a {
    color: #ff6700 !important;
    border: 1px solid #ff6700 !important;
}
/*购物车页面*/
.Cartlist-img-left {
    padding-left: 0px;
}

.orderlist-box a .orderlist-Commodityname {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 5px;
}
/*最大宽度为 480 像素的设备设置样式*/
@media (max-width: 991px) {
    .orderlist-box {
        min-width: 500px;
    }

        .orderlist-box a .orderlist-Commodityname {
            font-size: 12px;
        }

        .orderlist-box .Shopping-number input {
            padding-left: 0;
            padding-right: 0;
            width: 45px !important;
        }
}

/*输入框去掉边框样式*/
.noborder {
    border: none;
    box-shadow: none;
}

@media (max-width: 991px) {
    .noborder {
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }
}
/*弹框样式*/
/*弹框宽度样式*/
.Projectileframe {
    width: 600px;
}

/* 设备<=991的弹框宽度*/
@media (max-width: 991px) {
    .Projectileframe {
        width: 400px;
    }
}
/* 设备<=767的弹框宽度*/
@media (max-width: 767px) {
    .Projectileframe {
        width: 310px;
        height: 100%;
        overflow-y: auto;
    }
}