﻿/*基础设置*/
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, em, i {
    margin: 0;
    padding: 0;
    outline: 0 none;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
}

body {
    color: #666;
    background: #f5f5f5;
    font: 12px/1.5 Arial, 'microsoft yahei', 'SimSun';
    _background-image: url(about:blank); /* for IE6 */
    _background-attachment: fixed;
}

table {
    border-collapse: collapse;
    word-break: break-all;
}

input {
    font: 12px/1.5 tahoma,Arial, 'microsoft yahei', 'SimSun';
}

ol, ul, li {
    list-style: none;
}

img {
    border: 0 none;
    display: block;
    font-size: 0;
    vertical-align: top;
}

a {
    text-decoration: none;
    color: #666;
}

    a:hover {
        color: #e3393c;
        text-decoration: none;
    }

.bodycontent {
    width: 1190px;
    margin: 0 auto;
}

.bg-g {
    margin-bottom: 20px;
    width: 100%;
    margin-top: 20px;
}
/*商品大图片*/
.detail_shoping {
    width: 1200px;
    min-height: 480px;
    margin: 10px auto;
    background: #FFF;
    padding: 20px 0px 20px 0px;
}

.detail_shoping_img {
    height: 500px;
    width: 410px;
    float: left;
    margin-left: 30px;
}

.detail_img {
    width: 400px;
    height: 400px;
    padding: 5px;
    border: 1px solid #E5E5E5;
    display: table;
    vertical-align: middle;
}
/*商品小图片*/
.detail_img_x {
    height: 56px;
    width: 100%;
    background-color: #FFF;
    margin-top: 18px;
}

    .detail_img_x img {
        height: 50px;
        width: 50px;
        border: 2px solid #E5E5E5;
    }

#thumbList ul li img:hover {
    border: 2px #F4811F solid;
}

.detail_img_x #thumbList {
    width: 350px;
    height: 56px;
    overflow: hidden;
    text-align: center;
    margin: 0px auto;
}

    .detail_img_x #thumbList ul li {
        float: left;
        width: 70px;
        border: 0px none;
    }

/*放大镜*/
.jqzoom {
    width: 400px;
    height: 400px;
    position: relative;
    margin: 0px auto;
}
/*jqzoom*/
.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 1px;
    left: 0px;
    width: 400px;
    height: 400px;
    border: 1px solid #e4e4e4;
    display: none;
    text-align: center;
    overflow: hidden;
}

.bigimg {
    width: 650px;
    height: 650px;
}

#shopCateDiv dd:hover {
    background: #fafafa;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background: #0094ff 50% top no-repeat;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    cursor: move;
}

.bdsharebuttonbox {
    height: 28px;
}

.to-con-cent {
    width: 700px;
    float: left;
    margin-left: 25px;
}

.right-tjj {
    border-top: 1px solid #E6E6E6;
    width: 60px;
    float: right;
    position: relative;
    top: 10px;
    right: 5px;
}

.right-shop {
    width: 190px;
    float: left;
}

.Recommend-shop {
    width: 130px;
    height: 130px;
    margin-top: 30px;
}

.serviceRightico {
    background: url(../../Web/Images/left_brief_slogan_tick.png) no-repeat;
    display: block;
    width: 21px;
    height: 20px;
}

#Service-commitment {
    width: 100%;
    height: 20px;
    margin-top: 20px;
}

    #Service-commitment li {
        float: left;
        color: #808080;
    }

#product-intro {
    min-height: 610px;
    background-color: #fff;
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.to-con-cent #name {
    zoom: 1;
    width: 515px;
}

    .to-con-cent #name h1 {
        font-size: 20px;
        font-weight: normal;
        color: #222222;
    }

.fximg {
    background: url(../../Web/Images/fxioc.png) no-repeat !important;
}

#product-intro #summary {
    float: left;
    width: 655px;
    font-size: 14px;
}

    #product-intro #summary #summary-price .t {
        background: url(../../Web/Images/shopping_bg.png) repeat;
        width: 100%;
        background-size: 100%;
        height: 180px;
        line-height: 56px;
        text-align: right;
    }

.introduce-top {
    padding-top: 10px;
    width: 600px;
    position: relative;
}

.introduce {
    line-height: 32px;
}

    .introduce .title {
        color: #8F8F8F;
        font-size: 12px;
        padding-left: 30px;
    }

.introduce-left {
    padding-left: 10px;
}

.introduce .item {
    padding-left: 20px;
    color: #666;
    font-size: 12px;
    text-align: left;
}

#comment-count .count {
    color: #0F8DEE !important;
    font-size: 28px;
}

#comment-count2 .count {
    color: #B57C5B !important;
    font-size: 28px;
}

#summary-price .p-price {
    color: #db3535;
    padding-left: 20px;
    font-size: 26px;
    font-family: microsoft yahei;
    width: auto;
    height: 31px;
    line-height: 30px;
    margin-top: 13px;
    padding-right: 15px;
}

.introduce-bot {
    color: #666666;
    font-size: 12px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.Specifications .Spe-li {
    height: 28px;
    padding: 1px;
    border: 1px solid #DBDBDB;
    margin-right: 5px;
    background: #FFF;
    padding-left: 5px;
    padding-right: 3px;
    display: inline-block;
    outline: medium none;
    text-align: center;
    line-height: 22px;
    color: #666666;
    font-family: Arial;
    cursor: pointer;
}

.Surplus-time {
    color: #666;
    font-size: 22px;
}

.Surplus-time-color {
    color: #999999;
    font-size: 12px;
    padding: 5px;
}

.shop-num-pad {
    padding-top: 10px;
}

.list_add_box .the_btn {
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: #EDEDED;
    border: 0 none;
    border: 1px solid #CCCCCC;
    font-size: 17px;
    font-weight: bold;
    color: #333333;
}

.list_add_box #txt_num {
    width: 80px;
    height: 27px;
    border: 1px solid #CCCCCC;
    position: relative;
    bottom:1px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.remind-payment-span {
    color: #999999;
    font-size: 12px;
    margin-right: 20px;
    margin-left: 30px;
}

.logistics-explain-span {
    color: #999999;
    font-size: 12px;
}

#product-intro #summary li {
    padding: 6px 0;
    overflow: hidden;
}

.price_min {
    font: 16px/150% Arial,Verdana,"\5b8b\4f53";
    font-family: "microsoft yahei";
}

#comment-count {
    line-height: 28px;
    width: 100px;
    text-align: center;
    position: absolute;
    right: -100px;
    top: 20px;
}

    #comment-count .comment, #comment-count2 .comment {
        color: #8F8F8F;
    }

#comment-count2 {
    line-height: 28px;
    width: 100px;
    text-align: center;
    position: absolute;
    right: -100px;
    bottom: 5px;
}

    #comment-count2 .count {
        color: #B57C5B !important;
        font-size: 28px;
    }

.choose {
    width: 490px;
    font-size: 14px;
}

#choose-btns .btn {
    float: left;
    height: 50px;
    position: relative;
    margin-left: 180px;
}

    #choose-btns .btn a {
        position: relative;
        font: 500 19px/38px "microsoft yahei";
        text-align: center;
        color: #fff;
        float: left;
        overflow: hidden;
        line-height: 43px;
        background-color: #db3535;
        border-radius: 5px;
    }

#choose-btns #choose-btn-append a {
    line-height: 44px;
    background: #fff url("../Images/product-details-icon.png") no-repeat 24px -189px;
    border: 1px solid #db3535;
    color: #db3535;
    height: 42px;
    padding-left: 35px;
}

#choose-btns .btn a b {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.introduce-content {
    line-height: 30px;
}

#product-detail .detail-list {
    padding: 20px 0px 20px 30px;
    border: solid #cbcad0;
    border-width: 0 1px 1px;
    overflow: hidden;
    zoom: 1;
    height: 60px;
    margin-bottom: 10px;
}

    #product-detail .detail-list li {
        float: left;
        width: 33%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 2px 0;
    }

.introduce-content-rig {
    min-width: 200px;
}

#product-detail .tab a, #comments-list .tab a {
    height: 45px;
    line-height: 45px;
    padding: 0 26px;
    color: #444;
    font-size: 16px;
}

.right {
    float: right;
    width: 838px;
    background: #FFF;
    position: relative;
}

#product-detail {
    overflow: visible;
}

.right .tab .curr {
    height: 45px;
    color: #db3535;
    border-top: 1px solid #db3535;
    margin-top: -1px;
    border-left: 1px solid #db3535;
    border-right: 1px solid #db3535;
    margin-top: -1px;
}

.m, .sm {
    margin-bottom: 20px;
}

#product-detail .mt {
    height: 45px;
    width: 838px;
}

#product-detail .float-nav-wrap {
    height: 45px;
}

#product-detail .tab {
    float: left;
}

.right .mt {
    overflow: visible;
    height: 58px;
    line-height: 58px;
    border: 1px solid #cbcad0;
    position: relative;
}

    .right .mt .tab {
        margin-left: -1px;
        overflow: visible;
    }

.right .tab .curr {
    color: #f43a3e;
}

#product-detail .tab .curr a, #comments-list .tab .curr a, #consult .tab .curr a {
    height: 45px;
    line-height: 45px;
    color: #db3535;
    position: relative;
}

.right .tab .curr a b {
    position: absolute;
    border: 5px solid;
    border-color: #db3535 #fff #fff #fff;
    left: 45%;
}

.left .m .mt, .right .m .mt {
    font: 14px/30px 'microsoft yahei';
    font-weight: normal;
}

.tab li, .tab a, .tab-item {
    float: left;
    text-align: center;
}

.product-left {
    width: 340px;
    background: #FFF;
}

.left {
    float: left;
}

#choose-btns .btn-append {
    width: 170px;
    height: 44px;
}


/*店铺内容*/
.shop_container {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
}

.left_container {
    width: 340px;
    margin-right: 10px;
    overflow: hidden;
    border: 1px #ebebeb solid;
}

/*店铺信息*/
.shop_info {
    width: 340px;
    background: #ffffff;
    padding: 12px 10px 20px 10px;
    overflow: hidden;
}

.info_title {
    font-family: inherit;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    margin-left: 2px;
}

    .info_title span {
        color: #0f8dee;
    }

.shop_name {
    width: 100%;
    height: 40px;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
    background: url(../../Web/Images/shop_name_bg.png) no-repeat;
}

.shop_synopsis {
    width: 320px;
    font-size: 12px;
    text-indent: 2em;
    margin: 18px 0;
}

.shop_shape {
    display: inline-block;
    width: 3px;
    height: 12px;
    background: #fd9133;
    margin-right: 4px;
}

.shop_title {
    color: #666666;
}

.title_news {
    color: #333333;
}

.shop_info_line {
    float: left;
    width: 100%;
    height: 1px;
    background: #e0e0e0;
}

.shop_summary {
    float: left;
    font-family: inherit;
    font-size: 14px;
    padding: 18px 0 0 16px;
    overflow: hidden;
}

    .shop_summary li {
        float: left;
        width: 36px;
        margin: 0 30px;
    }

.summary_info {
    margin-bottom: 12px;
    color: #666666;
}

.summary_score {
    color: #db3535;
}

.arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 2px;
    background: url(../../Web/Images/arrow.png) no-repeat;
}

.shop_button {
    float: left;
    width: 320px;
    font-size: 14px;
    margin: 16px 0 20px 0;
    overflow: hidden;
}

    .shop_button a {
        display: inline-block;
        width: 155px;
        height: 32px;
        border-radius: 2px;
        position: relative;
    }

        .shop_button a.a {
            float: left;
            color: #ffffff;
            line-height: 32px;
            padding-left: 54px;
            background: url(../../Web/Images/button_a.png) 28px 7px #db3535 no-repeat;
        }

            .shop_button a.a:hover {
                background: url(../../Web/Images/button_a.png) 28px 7px #db3535 no-repeat;
            }

        .shop_button a.b {
            float: right;
            color: #4d4d4d;
            line-height: 30px;
            padding-left: 57px;
            border: 1px #db3535 solid;
            background: url(../../Web/Images/button_b.png) 34px 6px #ffffff no-repeat;
        }

            .shop_button a.b:hover {
                color: #ffffff;
                background: url(../../Web/Images/hover_button_b.png) 34px 6px #db3535 no-repeat;
            }

.shop_mark {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-left: 7px;
    overflow: hidden;
}

    .shop_mark li {
        float: left;
        font-size: 12px;
        color: #666666;
        margin: 0 15px;
        padding-left: 24px;
    }

        .shop_mark li.a {
            background: url(../../Web/Images/mark_a.png) no-repeat;
        }

        .shop_mark li.b {
            background: url(../../Web/Images/mark_b.png) no-repeat;
        }

        .shop_mark li.c {
            background: url(../../Web/Images/mark_c.png) no-repeat;
        }

.left .m2 .mt {
    height: 58px;
    line-height: 58px;
    padding-left: 5px;
}

.left .m2 .mt {
    border: 1px solid #cbcad0;
}

#sp-hot-sale .mt {
    overflow: visible;
}

.left .m2 .mt span {
    font-size: 18px;
    color: #000;
    width: 48%;
    text-align: center;
    cursor: pointer;
    position: relative;
}

    .left .m2 .mt span.cur:before {
        content: '';
        position: absolute;
        left: 51px;
        bottom: -8px;
        font-size: 0;
        border-top: 8px solid #cbcad0;
        border-left: 8px dashed transparent;
        border-right: 8px dashed transparent;
    }

    .left .m2 .mt span.cur:after {
        content: '';
        position: absolute;
        left: 52px;
        bottom: -7px;
        font-size: 0;
        border-top: 7px solid #f7f7f7;
        border-left: 7px dashed transparent;
        border-right: 7px dashed transparent;
    }

.m2 h2 {
    padding: 0 8px;
    font-size: 18px;
}

.left .m2 .mc {
    border: 1px solid #cbcad0;
    border-top: 0;
}

.sp-category .mt {
    background: #fafafa;
}

.sp-category .mc {
    margin-top: -1px;
    font-size: 16px;
    color: #222;
}

    .sp-category .mc a {
        color: #222;
    }

.sp-category dt {
    border-top: 1px solid #cbcad0;
    position: relative;
}

.sp-category dl a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
}

.sp-category dt a {
    background: #fafafa;
    padding-left: 55px;
}

.sp-category dt s {
    display: block;
    position: absolute;
    left: 20px;
    top: 12px;
    width: 16px;
    height: 16px;
    background-image: url(../Images/20130603A.png);
    background-repeat: no-repeat;
    background-position: -37px 0;
}

.sp-category dd a {
    height: 40px;
    line-height: 40px;
    padding-left: 55px;
}

.of-category dd a {
    padding: 0;
}

#sp-hot-sale .mt {
    overflow: visible;
}

.left .m2 .mt {
    border: 1px solid #cbcad0;
}

.left .m2 .mt {
    height: 58px;
    line-height: 58px;
    padding-left: 5px;
}

.left .mt {
    background-color: #f7f7f7;
}

.left .m2 .mt span {
    font-size: 18px;
    color: #000;
    width: 48%;
    text-align: center;
    cursor: pointer;
    position: relative;
}

span {
    display: inline-block;
}

.left .m2 .mc {
    border: 1px solid #cbcad0;
    border-top: 0;
}

.m3 .mc {
    margin-top: -1px;
}

.m3 li .p-img img {
    width: 210px;
    height: 210px;
    display: inline;
}

.m3 li .p-img, .m3 li .p-name, .m3 li .p-info {
    padding: 7px 0 0;
}

.m3 .p-img {
    text-align: center;
}

.m3 li:first-child {
    background: none;
}

.m3 li {
    padding-top: 10px;
    margin: 0 19px 10px;
}

    .m3 li .p-info {
        height: 20px;
    }

.m3 .fore1 .p-info s, .m3 .fore2 .p-info s, .m3 .fore3 .p-info s {
    background-position: -232px -322px;
    color: #e53c3f;
}

.m3 .p-info s {
    display: block;
    position: absolute;
    width: 18px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    background-position: -256px -322px;
    color: #cdcdcd;
    text-decoration: none;
}

.m3 .p-info b {
    padding-left: 25px;
    font-weight: 400;
    color: #666;
}

.m3 .p-info s {
    background-image: url(../Images/newicon20140417.png);
    background-repeat: no-repeat;
}

.introduce-left .select {
    border: 1px solid #db3535;
    color: #db3535;
}
