deal.css 12.1 KB
@charset "utf-8";

em,i{font-style:normal;}

.deal_box{width:100%;}

/* brand nav */
.brand_nav{height: 45px;cursor:pointer;text-align: right;overflow:hidden;position: relative;}
.brand_nav a.b_alink{width:100%;display:block;overflow:hidden;position: absolute;top:0;left:0;z-index:0;}
.brand_nav a.relative{width: 32px;height: 28px;line-height: 28px;color: #fff;text-align: center;border:2px solid #4d4d4d;margin: 6px 5px 0 0;display: inline-block;z-index:1;}


.deal_main{padding-bottom: 30px;}
.deal_main .floor{margin-top:15px;}

/* bread nav */
.bread_nav em{color: #ccc;padding: 0 5px;position: relative;top: 1px;}
.bread_nav strong{color:#666666;padding-left:5px;}

/* deal goods */
.goods_pics{width:497px;height:560px;overflow:hidden;margin-right:28px;}
.goods_pics .goods-img-big{width:420px;position: relative;overflow:hidden;}
.goods_pics .goods-tag-small{width: 35px;height: 24px;line-height: 24px;text-align: center;display: inline-block;color: #fff;margin-left: 2px;background: #fa5252;top:0;right:0;}
.goods_pics .yohood-tag{width: 101px;height: 67px;background: url("http://static.yohobuy.com/images/v3/icon/yohood-tag.png") no-repeat;top: 20px;left: 20px;}
.goods_pics .goods-img-small{width:75px;overflow:hidden;}

.goods_info{margin-left:526px;}
.goods_info .title{font-size: 18px;font-weight: bold;line-height: 24px;}
.goods_info .title span{color: #ee0014;padding-left: 3px;}
.goods_info .info-price{margin-top:8px;vertical-align: middle;line-height: 12px;color: #999;}
.goods_info .price-del b{text-decoration: line-through;}
.goods_info .price{margin-top:5px;}
.goods_info .price-sale{font-size: 22px;line-height: 24px;color: #000;font-weight: bold;}
.goods_info .info-activity{margin-top:20px;}
.goods_info .activity{margin-top:12px;}
.goods_info .activity p span{display: inline-block;width: 43px;height: 16px;line-height: 16px;text-align: center;color: #fff;background: #999;margin-right:5px;}
.goods_info .outlet-tag{position: relative;}
.goods_info .outlet-tag span{position: absolute;top: 6px;left: 118px;color: #ea5723;width: 136px;height: 22px;line-height: 22px;text-align: center;}
.goods_info .info-price .vip-price{line-height: 14px;color: #222;margin-top: 5px;}
.goods_info .info-price .vip-price .vip-tips{color: #999;font-weight: normal;}
.goods_info .info-price .vip-price .vip-tips a{color:#999;text-decoration: underline;}


.goods_info .info-buy{width:465px;margin-top: 20px;border-top: 1px solid #eaeceb;padding-top: 10px;display: inline-block;}
.goods_info .info-buy dl{margin-top:15px;}
.goods_info .info-buy .color dt{margin-top:11px;}
.goods_info .info-buy .color dd a{margin-right:5px;}
.goods_info .info-buy .color dd a img{height: 38px;width: 38px;border: 1px solid #eaeceb;}
.goods_info .info-buy .color dd a.cur img{height: 36px;width: 36px;border: 2px solid #222;}
.goods_info .info-buy .color .warning-tips{margin:10px 0 0 4px;}

.goods_info .info-buy .size dd a{display: inline-block;height: 22px;line-height: 22px;text-align: center;border: 1px solid #eaeceb;margin-right: 5px;padding: 0 5px;margin-bottom: 5px;min-width: 28px;}
.goods_info .info-buy .size dd a.cur{background: #222;border-color: #222;color: #fff;}
.goods_info .info-buy .size dd a.size-ruler{border: 0;height: 24px;width: 57px;padding: 0;}

.goods_info .info-buy .amount-unit{width:56px;}
.goods_info .info-buy .amount-input{width: 38px;height: 23px;line-height: 23px;text-align: center;border: 1px solid #eaeceb;}
.goods_info .info-buy .amount-unit div{width:14px;height:25px;}
.goods_info .info-buy .amount-unit div a{display: block;width: 13px;height: 11px;line-height: 10px;border: 1px solid #eaeceb;border-left: 0;}
.goods_info .info-buy .amount-unit div a.amount-add{border-top: 0;}
.goods_info .info-submit, .goods_info .info-other{margin-top: 20px;}
.button-goods, .button-favor{display: block;text-align: center;_line-height: 14px;_height: 14px;_padding: 16px 0;}
.button-goods .ifont, .button-favor .ifont{padding-right: 3px;line-height: 12px;}
.button-goods {width: 197px;height: 48px;background: #ee0014;line-height: 48px;color: #fff;font-size: 14px;margin-right:10px;}
.button-favor {width: 125px;height: 46px;line-height: 46px;border: 1px solid #ccc;color: #222;font-weight: bold;}
.button-cart{background: url(http://static.yohobuy.com/images/v3/icon/icon-cart.png) no-repeat;}
.button-favor .ifont {color: #ccc;}

/*输入手机号码*/
.goods_info .info-buy .submit-done p{font-size: 18px;margin-bottom: 5px;}
.goods_info .info-buy .submit-done span{color: #999;}
.goods_info .info-buy .submit-phone{padding: 5px 0 10px 0;}
.goods_info .info-buy .submit-phone input{height: 18px;line-height: 18px;padding:6px 3px;width: 195px;border: 1px solid #ccc;}
.goods_info .info-buy .submit-phone .button-2{height: 32px;width: 68px;color: #fff;vertical-align: middle;border:none;}



/* detail */
.goods-attr{border-top: 2px solid #eaeceb;margin-top: 30px;color: #999;}
.goods-attr dt{margin-bottom: 25px;}
.goods-attr dd{width:990px;margin:0 auto;overflow:hidden;}
.goods-attr dt span{display: inline-block;padding-top: 15px;font-weight: bold;cursor: pointer;}
.goods-attr dt span.cur{color: #222;border-top: 2px solid #222;margin-top: -2px;}
.goods-attr dt em.sep{padding: 0 30px;color: #eaeceb;font-size: 14px;cursor: default;}
.goods-attr table{text-align: center;margin: 0 auto;}
.goods-attr table tr{height: 30px;}
.goods-attr table thead tr{background: #f5f7f6;}
.goods-attr table tbody tr{border-bottom: 1px dotted #eaeceb;color: #222;}

/* 浏览过此产品的顾客也浏览了 */
.goods-suggest li{width: 180px;margin-right: 22px;}
.goods-suggest li.last{margin-right: 0;}
.goods-suggest li a{display: block;color: #222;}
.goods-suggest li a.name{height:40px;line-height: 20px;overflow:hidden;padding: 5px 0 0 0;margin-bottom: 2px;}
.goods-suggest li a img{width: 180px;height: 240px;}
.goods-suggest li .price-del{text-decoration: line-through;font-weight: bold;padding-right: 5px;}
.goods-suggest li .price{color: #222;font-weight: bold;}


/*商品信息*/
.goods-desciption ul{width: 640px;margin: 0 auto;}
.goods-desciption ul li{width: 160px;}
.goods-desciption .goods-comfort{width: 470px;height: 60px;border: 1px solid #eaeceb;margin: 17px auto 0 auto;line-height: 12px;}
.goods-desciption .goods-comfort li{margin: 12px 20px 0 20px;}
.goods-desciption .comfort-level{width: 14px;height: 10px;display: inline-block;border: 1px solid #eaeceb;margin-right: 2px;vertical-align: middle;line-height: 12px;margin-top: -1px;}
.goods-desciption .cur-level{background: #999;border: 1px solid #999;}

/*材质洗涤*/
.goods-material ul li{width: 860px;margin: 0 auto;padding: 0 0 20px 0;margin-bottom: 20px;border-bottom: 1px dotted #eaeceb;}
.goods-material ul li img{width: 125px;height: 50px;}
.goods-material ul li .name{width: 84px;border-right: 1px dotted #eaeceb;color: #666;font-weight: bold;text-align: center;margin-top: 8px;}
.goods-material ul li .name p{font-size: 14px;}
.goods-material ul li .text{width: 630px;padding-left: 20px;}
.goods-material .washing{text-align: center;}
.goods-material .washing span{display: inline-block;border-right: 1px dotted #eaeceb;padding: 0 20px;color: #666;}
.goods-material .washing span.last{border-right: 0;}

/* 尺码信息 */
.goods-size-info .measure-tips{
    margin-top: 15px;
}

/* 商品详情 */
.goods-detail-richtext{text-align: center;font-size: 12px;line-height: 18px;color: #999;padding: 0 55px;width: 750px;margin-left: auto;margin-right: auto;}
.goods-detail-richtext img{margin:5px 0;}
.goods-detail-richtext table{margin-top: 10px;}
.goods-detail-richtext .detail-description{margin: 0 0 25px 0;}
.goods-detail-richtext p{margin: 5px 0;}


/* 售后服务 */
.after-sale-close{margin-top: 30px;}
.after-sale-close p{background: #eaeceb;height: 44px;line-height: 44px;text-align: center;}
.after-sale-close p .ifont{padding-right: 3px;margin-top: -1px;}
.after-sale .sale-text{background: #f5f7f6;padding: 5px 20px 15px 20px;color: #666;}
.after-sale .sale-text h4{font-weight: bold;font-size: 14px;line-height:24px;color: #222;padding-top: 10px;}

.goods-sure {margin-top: 45px;padding-bottom: 15px;}


/*添加购物车按钮*/
.button-cart{background: url(http://static.yohobuy.com/images/v3/icon/icon-cart.png) no-repeat;}
.button-cart:hover{background: url(http://static.yohobuy.com/images/v3/icon/icon-cart.png) no-repeat 0 -48px;}
.button-favor .favored{color: #fa5252;}
.button-none{background: #ccc;}
.button-wait{background: #79be4a;}
.button-supply{background: #222;}


/*搭配*/

.goodsdetail-mod{
    clear: both;
    color: #000000;
    font-family: Arial,helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 10px;
    position: relative;
    text-align: center;
}
.goodsdetail-mod .jTagOverlay {
    cursor: default;
    height: 100%;
    position: relative;
    width: 100%;
}
.goodsdetail-mod .jTagTag {
    position: absolute;
}

.goodsdetail-mod .jTagTag span {
    display: none;
    height: 100%;
    left: 20px;
    position: absolute;
    top: 0;
    width: 230px;
}
.goodsdetail-mod .jTagLabels {
    display: none;
    padding: 5px;
}
.goodsdetail-mod .jTagLabels label {
    cursor: pointer;
    float: left;
    font-weight: bold;
    padding: 5px;
}
.mod-box {
    background: none repeat scroll 0 0 #000000;
    height: 60px;
    margin-left: 10px;
    padding: 10px;
    width: 210px;
}
.mod-box .pic {
    float: left;
    height: 60px;
    text-align: left;
    width: 70px;
}
.mod-box .pic img {
    height: 60px;
    vertical-align: top;
    width: 60px;
}
.mod-box .info {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 140px;
}
.mod-box .info del {
    color: #999999;
}
.mod-box .info .btn_ck {
    background: url("http://static.yohobuy.com/images/btn_ck.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 40px;
}
.goodsdetail-mod .jTagTag .num {
    background: url("http://static.yohobuy.com/images/br_num.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial,helvetica,sans-serif;
    font-size: 18px;
    height: 25px;
    left: 0;
    line-height: 25px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 25px;
}
.goodsdetail-mod .jTagTag-over .num {
    background: url("http://static.yohobuy.com/images/br_num.png") no-repeat scroll 0 -25px rgba(0, 0, 0, 0);
    text-decoration: none;
}


/*手机独享*/
.detail-info .buy-phone{
    padding: 20px 0 0 0;
    width: 285px;
    color: #222;
}
.detail-info .buy-phone .title{
}
.detail-info .buy-phone .title .ifont{
    padding-right: 3px;
    line-height: 17px;
}
.detail-info .buy-phone .two-dim{
    background: #ddd;
    padding: 10px;
    margin: 10px 0px 20px 0;
}
.detail-info .buy-phone .img-dim{
    background: #fff;
    padding: 10px;
}
.detail-info .buy-phone .img-dim img{
    width: 97px;
    height: 97px;
}
.detail-info .buy-phone .tips{
    padding-top: 25px;
    padding-left: 13px;
}
.detail-info .buy-phone .tips a{
    width: 135px;
    height: 30px;
    line-height: 30px;
    color: #222;
    background: #fff;
    display: inline-block;
    text-align: center;
    margin-top: 15px;
}
.detail-info .info-favor{
    padding-left: 10px;
    color: #ccc;
}
.detail-info .info-favor a{
    margin-left: 10px;
    color: #222;
}
.detail-info .info-favor a .ifont{
    padding-right: 3px;
    color: #ccc;
}
.detail-info .info-favor a .favored{
    color: #fa5252;
}
.detail-info .buy-phone .two-dim2{
    background: #ddd;
    padding: 10px;
}
.detail-info .buy-phone .two-dim2 .title{
    padding-bottom: 15px;
}
.detail-info .buy-phone .two-dim2 .title .right{
    padding: 0 3px;
}
.detail-info .buy-phone .two-dim2 .sep{
    margin: 0 15px;
    width: 0px;
    height: 140px;
    border-left: 1px dashed #ccc;
}
.detail-info .buy-phone .two-dim2 .img-dim p{
    text-align: center;
    line-height: 12px;
    padding-top: 8px;
}

.model-info{
    margin-top: 20px;
}
.model-info .model{
    height: 35px;
    padding: 47px 0px 0px 316px;
    color: #666;
    overflow: hidden;
    width: 444px;
    margin: 0 auto 10px auto;
}