/* 导航栏样式开始*/
.dropdown-menu {
    display: none;
    position: absolute;
    background-color:black;
    width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  }


@media screen and (min-width:766px){
    .height{
    height:500px;
    width:650px;
}
}

@media screen and (min-width:766px){
    .m-top{
    margin-top:10px;
  
}
}
@media screen and (min-width:1200px) {
    .m-width {
        width: 40%;
    }
}

@media screen and (max-width:994px) {
    .m-width {
        width: 100%;

    }
}
@media screen and (min-width:1200px) {
    .m-width2 {
        width: 60%;
    }
}
@media screen and (max-width:994px) {
    .m-width2 {
        width: 100%;
    }
}

@media screen and (min-width:1200px) {
    .m-margin {
        margin-left: 220px;
    }

    .favorite {
        margin-left: 0%
    }

    .buy {
        margin-left: 5%
    }

    .b-margin {
        margin-left: 90px;
    }
}

@media screen and (max-width:1200px) {
    .m-margin {
        margin-left: 180px;
    }
    .favorite {
        margin-left: 5%
    }
    .buy {
        margin-left: 5%
    }
    .b-margin {
        margin-left: 180px;
    }
}

@media screen and (max-width:994px) {
    .m-margin {
        margin-left: 20%;
    }
    .b-margin {
        display: none;
    }
    .buy {
        display: none;
    }
    .favorite {
        display: none;
    }
}



@media screen and (min-width:994px) {
    .m-margin-b {
        display: none;
    }

    .favorite-b {
        display: none;
    }

    .buy-b {
        display: none;
    }

    .b-margin-b {
        display: none;
    }
}

@media screen and (max-width:994px) {
    .m-margin-b {
        margin-left: 20%;
    }

    .b-margin-b {
        margin-left: 0%;
    }

    .buy-b {
        position: fixed;
        bottom: 0px;
        width: 50%;
        margin-left: 50%;
        z-index: 2;
        height: 50px;
    }

    .favorite-b {
        position: fixed;
        bottom: 0px;
        width: 50%;
        margin-left: 0%;
        z-index: 2;
        height: 50px;
    }
}

@media screen and (max-width:500px) {
    .m-margin {
        margin-left: 16%;
    }
}
@media screen and (max-width:440px) {
    .m-margin {
        margin-left: 10%;
    }
}
@media screen and (max-width:400px) {
    .m-margin {
        margin-left: 7%;
    }
}
@media screen and (min-width:1200px) {
    .m-margin {
        margin-left: 20px;
    }
}
    .dropdown-menu-cart {
        display: none;
        position: absolute;
        padding: 5px;
        background-color: white;
        min-width: 390px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

        .dropdown-menu-cart table {
            border-collapse: collapse;
            border-spacing: 5px 15px;
            table-layout: fixed;
            overflow: hidden;
        }

    .cart-img {
        width: 55px;
        height: auto;
    }

    .dropdown li {
        padding: 2px;
    }

    /* .dropdown li a{
      color: white

  } */
    .dropdown-menu a {
        color: #E5E5E5;
    }

    .dropdown:hover .dropdown-menu, .dropdown:hover .dropdown-menu-contact {
        display: block;
    }


    table {
        margin-left: 20px
    }

    .ww {
        margin: 1px auto;
        width: 60px;
        height: 20px;
        border: 1px solid orangered;
    }

    .caption small {
        color: orangered
    }

    .box {
        width: 250px;
        height: 40px;
        margin-top: 10px;
        margin-right: 40px;
    }

    .container-1 {
        width: 300px;
        vertical-align: middle;
        white-space: nowrap;
        position: relative;
    }

    @media(max-width:500px) {
        .container-1 input#search {
            width: 55%;
        }

        .container-1 .icon {
            line-height: 20px
        }
    }
    @media(max-width:410px) {
        .container-1 input#search {
            width: 35%;
        }

        .container-1 .icon {
            line-height: 20px
        }
    }
    @media(max-width:345px) {
        .container-1 input#search {
            width: 80px;
        }

        .container-1 .icon {
            line-height: 20px
        }
    }
    @media(min-width:501px) {
        .container-1 input#search {
            width: 250px
        }

        #xsSearch, #xsUser, #xsMessage {
            display: none
        }
    }

    .container-1 input#search {
        height: 40px;
        background: #2b303b;
        border: none;
        font-size: 10pt;
        float: left;
        color: #63717f;
        padding-left:5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: background .55s ease;
        -moz-transition: background .55s ease;
        -ms-transition: background .55s ease;
        -o-transition: background .55s ease;
        transition: background .55s ease;
    }

        .container-1 input#search::-webkit-input-placeholder {
            color: #65737e;
        }

        .container-1 input#search:-moz-placeholder { /* Firefox 18- */
            color: #65737e;
        }

        .container-1 input#search::-moz-placeholder { /* Firefox 19+ */
            color: #65737e;
        }

        .container-1 input#search:-ms-input-placeholder {
            color: #65737e;
        }

    .container-1 .icon {
        position: absolute;
        top: 50%;
        margin-left: 17px;
        margin-top: 10px;
        z-index: 1;
        color: #4f5b66;
    }

    .container-1 input#search:hover, .container-1 input#search:focus, .container-1 input#search:active {
        outline: none;
        background: #ffffff;
    }

    @media(min-width:501px) {

        .navbar-brand {
            margin-left: 60px;
            margin-right: 20px;
        }

        .iconShow {
            display: none
        }

        .uul li, .uul h3 {
            text-align: center;
        }
    }

    @media(max-width:500px) {
        .iconShow {
            color: white;
            margin: 0.9em 0.5em;
            float: right
        }

        .uul {
            display: none
        }

        #xsSearch {
            background: #1A1A1A;
            margin: 9px 3px 0px 0px;
            border-radius: 5px;
            border: 0px
        }

        #Iicon {
            background: #1A1A1A
        }

        .navbar-brand {
            margin-right: 5px
        }

        #xsHide1, #xsHide2, #xsHide3, #xsHide4 {
            display: none
        }
    }


    /* 导航栏样式结束 */

    /* 首页样式开始 */


    .heat img {
        width: 165px;
    }


    #socialAccount li {
        padding: 14px
    }

    @media(min-width:501px) {
        #homepage-feature {
            margin-top: 3em
        }
    }

    @media(max-width:500px) {
        .carousel-control span {
            display: none
        }
    }

    /* 首页样式结束 */

    /* 全部商品页面样式开始 */
    #Ssearch {
        margin: 10px 0px
    }

    .good a {
        color: grey;
    }

        .good a:hover {
            color: black;
        }

    .caption span {
        color: orangered
    }

    .caption img {
        width: 120px;
    }

    .buttons a {
        color: #333333
    }

        .buttons a:hover {
            color: orangered
        }

    .every {
        text-align: center;
        margin-top: 20px;
        margin-left: 14px;
    }

    .everyimg {
        width: 160px;
        height: 160px;
        display: inline-block;
        overflow: hidden;
    }

        .everyimg img {
            width: 95%;
            padding-top: 0%;
        }

    .buttons, .caption {
        text-align: center;
    }


    table img {
        width: 120px;
        height: 120px;
    }

    .price {
        color: darkgray;
        text-align: right;
    }

    .name a {
        color: white;
    }

    .desc-height {
        height: 40px;
    }

    .original-price {
        text-decoration: line-through;
        margin-top: 0px;
        margin-left: 10px;
    }
    .discount-price {
        color: darkgray;
        font-size: 30px;
        font-weight:700;
    }

    .discount-title {
        top: -5px;
        position: relative;
    }

    .cny-symbol {
        top: -3px;
        position: relative;
        color: darkgray;
        font-size: 20px;
        font-weight: 600;
    }

    .padding-title {
        padding-left: 10px;
        padding-top: 5px;
    }
    .cart-item {
        height: 60px;
    }
    @media(min-width:994px) {
        .buy-qty {
            width: 35%;
            padding-left: 10px;
        }
    }
    @media(max-width:994px) {
        .buy-qty {
            width: 45%;
            padding-left: 10px;
        }
    }
    @media(max-width:340px) {
        .buy-qty {
            width: 50%;
            padding-left: 10px;
        }
    }
    @media(min-width:501px) {
        #Ssearch {
            display: none
        }

        #allgoods {
            margin-top: 66px;
        }
    }

    /* 全部商品页面样式结束 */

    /* 登录页面样式开始 */
    #userform {
        /* margin: 0 auto*/
        margin-right: 40px
    }

    #form1 input {
        border: 1px solid grey;
        width: 355px;
        height: 42px;
        margin-bottom: 25px;
        padding: 7px
    }
    /* 登录页面样式结束 */
    /* 商品详情页面样式开始 */
    #content_right {
        margin-top: 60px
    }


    h3 span {
        color: orangered;
    }

    .bbtn {
        background-color: orangered;
        color: white
    }

    .bbbtn {
        background-color: orange;
        color: white
    }

    .col-md-5 i {
        color: orange
    }

    .col-md-5 span {
        color: grey
    }

    @media (min-width:994px) {
        .good-item-right {
            margin-top: 70px;
        }

        .good-item {
            margin: 30px;
        }

        #Ccontainer {
            width: 960px;
            margin: 0 auto;
        }
    }

    @media (max-width: 500px) {
        #addressSelect, #Nnumber, #xsHide1, #xsHide2, #xsHide3, #xsHide4 {
            display: none;
        }

        .good-item {
            margin: 10px;
        }

        #good-item-right {
            margin-top: 00px;
        }
    }

    /* 商品详情页面样式结束 */
    /* 个人中心样式开始 */
    .center_list li {
        margin: 20px 10px;
    }

        .center_list li a {
            color: #333333
        }

    .info {
        margin: 30px;
        float: left;
    }

        .info .xx {
            color: gray
        }

        .info span {
            color: orangered;
            line-height: 28px
        }

    #headPortrait img {
        width: 100px;
        height: 100px;
        border-radius: 50px;
    }


    /* 个人中心样式结束 */

    .span_active {
        color: orangered;
        font-size: 1.4em
    }

    .center_list li a:hover {
        color: orangered;
        font-size: 1.4em
    }

    @media(max-width:500px) {
        .center_list, #Ttitle, .orderIcon, #Nname {
            display: none;
        }

        a {
            color: #65737e
        }
    }

    @media(min-width:501px) {
        #center_list_xsShow {
            display: none;
        }
    }
    /* 个人信息修改页面开始 */
    @media(min-width:501px) {
        #refresh_box {
            margin-top: 30%;
            margin-bottom: 30%
        }
    }

    @media(max-width:500px) {
        #refresh_box {
            margin-left: 120px
        }
    }

    #refresh input {
        width: 79px;
        margin: 10px;
        padding: 4px;
    }

    .message label {
        line-height: 27px
    }

    .message input {
        line-height: 30px;
    }

    .infotable {
        margin-top: 20px;
        margin-bottom: 0px;
    }

        .infotable td {
            width: 250px;
        }

    .addr-box {
        margin-left: 28px;
        margin-bottom: 15px;
        padding: 10px 5px 10px 5px;
    }

    @media(min-width:1262px) {
        .addr-box2 {
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 1%;
            margin-bottom: 4%;
        }

        .addr-box3 {
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 2%;
        }
    }
    @media(max-width:1262px) {
        .addr-box2 {
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 2%;
            margin-bottom: 7%;
        }

        .addr-box3 {
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 2%;
        }
    }
    @media(max-width:770px) {
        .addr-box2 {
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 2%;
            margin-bottom: 12%;
        }

        .addr-box3 {
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 2%;
        }
    }

    

  
    /* 个人信息修改页面结束 */



    /* 购物车页面样式开始 */


    .product_quantity {
        width: 40px;
    }

    .product_list_box {
        border: 1px solid #403B3B;
        margin-top: 0px;
    }

    .product_list {
        border: 1px solid #403B3B;
        padding: 20px;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 5px;
    }

    .up-image {
        width: 20%;
    }

    .input-image {
        float: right;
        width: 25%;
    }


    @media(min-width:1200px) {
        .pay {
            background-color: #1D1C1C;
            width: 1220px;
            height: 50px;
            position: fixed;
            bottom: 0px;
            z-index: 99;
            float: right;
        }
    }

    @media(max-width:1200px) {
        .pay {
            background-color: #1D1C1C;
            width: 970px;
            height: 50px;
            position: fixed;
            bottom: 0px;
            z-index: 99;
            float: right;
        }
    }

    @media(max-width:994px) {
        .pay {
            background-color: #1D1C1C;
            width: 750px;
            height: 50px;
            position: fixed;
            bottom: 0px;
            z-index: 99;
            float: right;
        }
    }

    @media(max-width:750px) {
        .pay {
            background-color: #1D1C1C;
            width: 100%;
            height: 50px;
            position: fixed;
            bottom: 0px;
            z-index: 99;
            float: right;
        }
    }


    .pay span {
        color: darkgray;
        font-family: 'Times New Roman', Times, serif;
        font-size: 1.2em
    }

    .pay button {
        background-color: #141313;
        height: 50px;
        width: 100%;
    }

        .pay button span {
            color: white;
        }

    .product_delete {
        color: #A1A1A1;
    }

        .product_delete:hover {
            color: orangered;
            cursor: pointer;
        }

    .sum {
        color: orangered;
        font-family: 'Lucida Sans', Verdana, sans-serif;
        font: 1.52em;
    }

    .cart_quantity {
        width: 30px;
        margin: 3px 3px 3px 6px;
    }
    /* 删除宝贝模态框样式开始 */

    .control-product {
        float: right;
        margin-top: 20px;
        margin-right: 8px;
    }

    .modal-subtitle {
        float: left;
        width: 100%;
    }

    .modal-text-1 {
        float: left;
        width: 25%;
        margin-right: 2%;
    }

    .modal-text-2 {
        float: left;
        width: 73%;
    }

    .del-modal {
        margin-top: 15%;
    }

    .my_model {
        position: fixed;
        display: none;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -200px;
        z-index: 9999;
        width: 360px;
        height: 150px;
        border: 1px solid #aeaeae;
        border-radius: 3px;
        padding: 20px;
        background: #fff;
    }

        .my_model .title {
            font-size: 14px;
            color: #3c3c3c;
            font-weight: 700;
            margin-bottom: 20px;
        }

            .my_model .title .closeModel {
                float: right;
                cursor: pointer;
            }

        .my_model p {
            line-height: 16px;
        }

        .my_model .opBtn {
            margin-top: 20px;
        }

            .my_model .opBtn a {
                width: 58px;
                height: 28px;
                line-height: 28px;
                text-align: center;
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                -ms-border-radius: 1px;
                border-radius: 1px;
                display: inline-block;
                margin-right: 10px;
                font-weight: 700;
            }

        .my_model .dialog-sure {
            background: #52a0e5;
            color: #fff;
            border: 1px solid #52a0e5;
        }

        .my_model .dialog-close {
            background: #fff;
            border: 1px solid #d9d9d9;
            color: #3c3c3c;
        }
    /* 删除宝贝模态框样式结束 */

    /* 购物车页面样式结束 */



    /* 个人信息页面样式开始 */
    .message {
        padding: 10px;
    }
    /* 个人信息页面样式结束 */
    /* order页面样式开始 */
    .mytable {
        margin-bottom: 80px;
        margin-top: 60px;
        border: 2px solid #A1A1A1;
    }

    @media(max-width:500px) {
        .xsHide {
            display: none
        }

        .mytable {
            margin: 15px auto
        }

        div .search {
            padding: 4px
        }
    }

    .quantity {
        line-height: 120px
    }
    /*订单搜索框*/
    @media(min-width:501px) {
        div.search {
            padding: 15px 0 30px 0;
        }
    }

    form {
        position: relative;
        width: 300px;
        margin: 0 auto;
    }

    #search_input, #search_button {
        border: none;
        outline: none;
    }

    #search_input {
        width: 100%;
        height: 42px;
        padding-left: 13px;
        padding-right: 46px;
    }

    #search_button {
        height: 42px;
        width: 42px;
        cursor: pointer;
        position: absolute;
    }

    .bar2 #search_input, .bar2 #search_button {
        border-radius: 3px;
    }

    .bar2 #search_input {
        background: #F9F0DA;
    }

    .bar2 #search_button {
        height: 26px;
        width: 26px;
        top: 8px;
        right: 8px;
        background: #F15B42;
    }

        .bar2 #search_button:before {
            content: "\f105";
            font-family: FontAwesome;
            color: #F9F0DA;
            font-size: 20px;
            font-weight: bold;
        }

    /* order页面样式结束 */
    /* message页面样式开始 */
    .sender {
        color: black;
        font-weight: 900
    }

    .date {
        color: #A1A1A1
    }

    /* message页面样式结束 */
    /* heart页面样式开始 */
    .caption-show {
        display: none;
        width: 160px;
        height: 40px;
        background: orangered;
        margin: 0 auto;
    }

    .every:hover .caption-hide {
        display: none;
    }

    .every:hover .caption-show {
        display: block;
    }

    .delBtn, .checkBtn {
        line-height: 40px;
        color: white;
        font-size: 1.3em;
    }

        .delBtn:hover {
            color: white
        }

        .delBtn:visited, .checkBtn:visited {
            color: white
        }

    .checkboxControl, #manageSelect, #manageDelete {
        display: none
    }

    #manageSelect1, #manageSelect2, #cancel {
        color: white
    }

    .foot_fix_bottom {
        position: relative;
        width: 100%;
        bottom: 0px;
    }

    .box_shadow {
        box-shadow: 1px 2px 5px #000;
    }

    .div_shadow {
        box-shadow: 1px 2px 5px #a2a2a2cc;
        height: 35px;
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 15px;
        padding-top: 5px;
    }

    .div_shadow2 {
        box-shadow: 1px 2px 5px #a2a2a2cc;
    }

    .more_left {
        float: right;
        padding-right: 10px;
    }

    .background_image {
        background-image: linear-gradient(to top, rgba(189, 189, 189, 0.35) 0%, rgba(185, 185, 185, 0.07) 100%);
    }

    .element_background {
        background-image: linear-gradient(to top, rgba(203, 203, 203, 0) 0%, rgba(185, 185, 185, 0.07) 100%);
        border-radius: 0px;
    }

    .pointer {
        cursor: pointer;
    }

    .column_color {
        color: #666161e6;
    }

    .font_color {
        color: darkgray;
        text-align: left;
    }

    .font_md {
        margin-left: 20px
    }


    .font-size-p {
        font-size: 12px;
    }

    .font-size-t {
        font-size: 12px;
    }

    .doc_num {
        padding-top: 20px;
        padding-left: 5%;
    }

    @media(min-width:400px) {
        .font_color_m {
            margin-left: 17%;
        }
    }

    @media(max-width:400px) {
        .font_color_m {
            margin-left: 12%;
        }
    }

    @media(max-width:300px) {
        .font_color_m {
            margin-left: 8%;
        }
    }

    .font_color_m {
        margin-left: 3%;
    }




    .element_margin {
        margin-left: 3%;
        margin-bottom: 2%;
    }

    .delever_wd {
        width: 40%;
        float: left;
        margin-right: 5%;
    }

    .order_search {
        width: 20%;
        float: right;
    }

    .tag_search {
        width: 20%;
        float: right;
    }

    .return-button {
        width: 50px;
        height: 30px;
        float: right;
        margin-left: 1%;
        margin-right: 5%;
        border-radius: 5px;
        text-align: center;
        background-color:#000;
        border-color: #000;
    }

    .change-button {
        width: 50px;
        height: 30px;
        float: right;
        margin-left: 0%;
        margin-right: 0%;
        border-radius: 5px;
        text-align: center;
    }

    .control-bar {
        margin-top: 50px;
    }

    .flow-list {
        float: left;
        position: relative;
        margin-left: 5%;
        margin-right: 5%;
        padding: 6px 5px 3px 5px;
        width: 90%;
    }

    .flow-title {
        margin-top: 50px;
        margin-bottom: 20px;
        margin-left: 5%;
        margin-right: 5%;
    }

    .font_color_mb {
        color: #866c28;
        margin-bottom: 3px;
    }

    .left-menu {
        background-color: #333;
        height: 100%;
        width: 15%;
        float: left;
        padding: 3% 5% 5% 2%;
        position: fixed;
    }

    

    .sub-menu {
        margin: 5% 1% 1% 20%;
        list-style-type: disc;
    }

    .tilte-menu {
        margin: 20px 0px 2px 0px;
        list-style-type: square;
    }

    .title-font_color {
        color: #866c28;
        font-size: large;
    }

    .sub-font_color {
        color: #866c28;
        font-size: medium;
    }

    @media(min-width:280px) {
        .element_height {
            height: 240px;
            overflow: hidden;
            text-align: center;
        }
    }

    @media(max-width:280px) {
        .element_height {
            height: 240px;
            overflow: hidden;
            text-align: center;
            width: 90%;
        }
    }

    @media(max-width:395px) {
        .div_margin {
            margin: 0-50%;
            height: 150px;
        }
    }

    @media(max-width:360px) {
        .div_margin {
            margin: 0-55%;
            height: 150px;
        }
    }

    @media(max-width:280px) {
        .div_margin {
            width: 100%;
            height: 150px;
            margin: 6%;
        }
    }

    .d2-width {
        width: 90%;
        margin-left: 30%;
    }

    .d3-width {
        width: 8%;
        float: left;
    }

    .d4-width {
        width: 90%;
        float: left;
    }

    @media(min-width:1200px) {
        .d5-width {
            width: 25%;
            float: right;
        }

        .d6-width {
            float: right;
            margin-right: 2%;
        }

        .d-width {
            width: 100%;
            height: 30px;
            margin-left: 50%;
        }

        .d-title {
            float: right;
            margin-right: 10%;
            width: 20%;
        }

        .d2-width {
            width: 90%;
            margin-left: 50%;
        }

        .mg-top {
            position: absolute;
            top: -12px;
        }

        .product-img-box {
            position: absolute;
            top: -20px;
            width: 190px;
            height: 190px;
        }
        .main-container {
            float: left;
            margin-left: 20%;
        }
    }

    @media(max-width:1200px) {
        .d5-width {
            width: 25%;
            float: right;
        }

        .d6-width {
            float: right;
            margin-right: 2%;
        }

        .d-width {
            width: 70%;
            height: 30px;
            margin-left: 50%;
        }

        .d-title {
            float: right;
            margin-right: 10%;
            width: 20%;
        }

        .d2-width {
            width: 90%;
            margin-left: 50%;
        }

        .mg-top {
            position: absolute;
            top: -12px;
        }
        .product-img-box {
            position: absolute;
            top: -20px;
            width: 190px;
            height: 190px;
        }
        .main-container {
            float: left;
            margin-left: 15%;
        }
    }

    @media(max-width:994px) {
        .d5-width {
            width: 25%;
            float: right;
        }

        .d6-width {
            float: right;
            margin-right: 2%;
        }

        .d-width {
            width: 100%;
            height: 30px;
            margin-left: 50%;
        }

        .d-title {
            float: right;
            margin-right: 10%;
            width: 20%;
        }

        .d2-width {
            width: 90%;
            margin-left: 50%;
        }

        .mg-top {
            position: absolute;
            top: -12px;
        }
        .product-img-box {
            position: absolute;
            top: -20px;
            width: 190px;
            height: 190px;
        }
        .main-container {
            float: left;
            margin-left: 15%;
        }
    }

    @media(max-width:600px) {
        .d5-width {
            width: 25%;
            float: right;
        }

        .d6-width {
            float: right;
            margin-right: 12%;
        }

        .d-width {
            width: 65%;
            height: 40px;
            margin-left: 40%;
            overflow: hidden;
        }

        .d-title {
            float: right;
            margin-right: 10%;
            width: 25%;
        }

        .d2-width {
            width: 90%;
            margin-left: 35%;
        }

        .mg-top {
            position: absolute;
            top: 0px;
        }
        .product-img-box {
            position: absolute;
            top: -10px;
            width: 190px;
            height: 190px;
        }
        .main-container {
            float: left;
            margin-left: 18%;
        }
    }

    @media(max-width:480px) {
        .d5-width {
            width: 35%;
            float: right;
        }

        .d6-width {
            float: right;
            margin-right: 10%;
        }

        .d-width {
            width: 60%;
            height: 40px;
            margin-left: 40%;
            overflow: hidden;
        }

        .d-title {
            float: right;
            margin-right: 10%;
            width: 35%;
        }

        .d2-width {
            width: 80%;
            margin-left: 35%;
        }

        .mg-top {
            position: absolute;
            top: 0px;
        }
        .product-img-box {
            position: absolute;
            top: 0px;
            width: 220px;
            height: 220px;
        }
        .main-container {
            float: left;
            margin-left: 0%;
        }
    }

    @media(max-width:340px) {
        .d5-width {
            width: 40%;
            float: right;
        }

        .d6-width {
            float: right;
            margin-right: 0%;
        }

        .d-width {
            width: 67%;
            height: 40px;
            margin-left: 35%;
            overflow: hidden;
        }

        .d-title {
            float: right;
            margin-right: 10%;
            width: 40%;
        }

        .d2-width {
            width: 60%;
            margin-left: 35%;
        }

        .mg-top {
            position: absolute;
            top: 0px;
        }
        .product-img-box {
            position: absolute;
            top: 10px;
            width: 220px;
            height: 220px;
        }
        .main-container {
            float: left;
            margin-left: 0%;
        }
    }

    .d7-width {
        width: 100%;
        float: right;
    }

    .product_name {
        width: 100%;
        margin-left: 15%;
    }

    .every_cb {
        border-radius: 5px;
        margin-top: 50%;
    }

    .vol {
        color: darkgray;
        margin-left: 10px;
        margin-right: 5px;
        font-family: Calibri;
    }

    .buy-num {
        color: darkgray;
        width: 30%;
        border-color: #3c3c3c;
        background-color: #434343;
    }

    .plus, .reduce {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 8px;
        font-size: 14px;
        line-height: 0.8;
        border-radius: 0px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        background-color: #1c1c1c;
        color: darkgray;
    }

    .element_op {
        background-image: linear-gradient(to top, rgba(203, 203, 203, 0) 0%, rgba(185, 185, 185, 0.07) 100%);
    }



    @media(min-width:1200px) {
        .col-pay {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 10%;
            float: right;
        }

        .col-pay-w {
            width: 10%;
        }

        .col-pay-1 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 15%;
            float: right;
        }

        .col-pay-2 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 25%;
            float: right;
        }

        .pay-md {
            margin-right: 0%;
        }

        .product_img {
            width: 35%;
            margin-top: -20px;
        }
        .product_img2 {
            width: 50%;
            margin-top: 0px;
        }
    }

    @media(max-width:1200px) {
        .col-pay {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 16.66666667%;
            float: right;
        }

        .col-pay-w {
            width: 17%;
        }

        .col-pay-1 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 15%;
            float: right;
        }

        .col-pay-2 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 25%;
            float: right;
        }

        .pay-md {
            margin-right: 0%;
        }

        .product_img {
            width: 35%;
            margin-top: -20px;
        }
        .product_img2 {
            width: 50%;
            margin-top: 0px;
        }
    }

    @media(max-width:994px) {
        .col-pay {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 20%;
            float: right;
        }

        .col-pay-w {
            width: 20%;
        }

        .col-pay-1 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 15%;
            float: right;
        }

        .col-pay-2 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 25%;
            float: right;
        }

        .pay-md {
            margin-right: 0%;
        }

        .product_img {
            width: 35%;
            margin-top: -20px;
        }
        .product_img2 {
            width: 50%;
            margin-top: 0px;
        }
    }


    @media(max-width:780px) {
        .col-pay {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 25%;
            float: right;
        }

        .col-pay-w {
            width: 25%;
        }

        .col-pay-1 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 25%;
            float: right;
        }

        .col-pay-2 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 40%;
            float: right;
        }

        .pay-md {
            margin-right: 0%;
        }

        .product_img {
            width: 35%;
            margin-top: -20px;
        }
        .product_img2 {
            width: 50%;
            margin-top: 0px;
        }
    }

    @media(max-width:600px) {
        .col-pay {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 25%;
            float: right;
        }

        .col-pay-w {
            width: 25%;
        }

        .col-pay-1 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 25%;
            float: right;
        }

        .col-pay-2 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 40%;
            float: right;
        }

        .pay-md {
            margin-right: 0%;
        }

        .product_img {
            width: 35%;
            margin-top: -5px;
        }
        .product_img2 {
            width: 40%;
            margin-top: 0px;
        }
    }

    @media(max-width:400px) {
        .col-pay {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 30%;
            float: right;
        }

        .col-pay-w {
            width: 35%;
        }

        .col-pay-1 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 55%;
            float: right;
        }

        .col-pay-2 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 55%;
            float: right;
        }

        .pay-md {
            margin-right: 0%;
        }

        .product_img {
            width: 35%;
            margin-top: 0px;
        }
        .product_img2  {
            width: 35%;
            margin-top: 0px;
        }
    }

    @media(max-width:315px) {
        .col-pay {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 35%;
            float: right;
        }

        .col-pay-w {
            width: 40%;
        }

        .col-pay-1 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 65%;
            float: right;
        }

        .col-pay-2 {
            position: relative;
            min-height: 1px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            width: 65%;
            float: right;
        }

        .pay-md {
            margin-right: 0%;
        }

        .product_img  {
            width: 30%;
            margin-top: 20px;
        }
        .product_img2 {
            width: 30%;
            margin-top: 0px;
        }
    }

    .pay-button-1 {
        width: 100px;
        /*background-color: orangered;*/
        height: 50px;
        margin-right: 5%
    }

    .font-margin {
        margin-right: 3%;
    }

    .all-order {
        float: left;
        margin-left: 5%;
    }

    .order-li {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* heart页面样式结束 */