﻿.item-view-wrapper {}

.item-view-wrapper .top-banner {display:flex;margin-bottom:60px;}

.item-view-top {
    display:flex;justify-content:space-between;align-items:flex-start;
    border-bottom:1px solid #e2e0e0;
}
.ivt-nav {
    display:flex;align-items:center;font-size:16px;
    border-bottom:2px solid #d00;padding-bottom:20px;
    position:relative;top:2px;color:#858585;
}
.ivt-nav a {text-decoration:none;color:#858585;}
.ivt-nav a.selected {color:#242424;}
.ivt-nav a:hover {color:#ef3c00;}
.ivt-nav .sep {margin:0 6px;position:relative;top:1px;left:1px;font-size:20px;}
.ivt-back {
    text-decoration:none;display:flex;align-items:center;justify-content:center;
    border:1px solid #e5e5e5;border-radius:5px;
    width:100px;padding:6px 10px;text-align:center;
    color:#000;flex:none;position:relative;top:-6px;
}
.ivt-back i {margin-right:5px;font-size:20px;color:#bbb;}
.ivt-back:hover {border-color:#ef3c00;color:#ef3c00;}
.ivt-back:hover i {color:#ef3c00;}

.item-view-detail {display:flex;margin-top:60px;}
.ivd-image-wrapper {width:460px;}
.ivdi-big {display:flex;width:460px;height:460px;}
.ivdi-small {margin-top:15px;display:flex;justify-content:center;}
.ivdi-small img {width:80px;height:80px; margin-left:15px;border:1px solid #fff;}
.ivdi-small img:first-child {margin-left:0;}
.ivdi-small img.selected {border-color:#d00;}

.ivd-info {flex:auto;margin-left:65px;margin-top:30px;}
.ivd-info h1 {margin:0;padding:0;font-size:20px;color:#262626;font-weight:normal;}

.ivd-info .info-list {display:flex;flex-direction:column;margin-top:20px;font-size:16px;}
.ivd-info .info-list dl {margin:15px 0;padding:0;list-style:none;display:flex;align-items:flex-start;line-height:1.5em;}
.ivd-info .info-list dt {
    width:4em;flex:none;margin:0;padding:0;color:#848484;margin-right:1.5em;
    text-align:justify;height:1.5em;
}
.ivd-info .info-list dt::after {content:'';display:inline-block;width:100%;height:0;}
.ivd-info .info-list dd {margin:0;padding:0;color:#5f5f5f;}
.ivd-info .info-list .price {color:#d00000;}
.ivd-info .price .num {font-size:1.5em;}
.ivd-info .total-buy-count {color:#978778;}

.ivd-info .info-tags {margin-top:30px;display:flex;padding:10px 0 10px 90px;color:#848484;border-bottom:1px solid #e2e0e0;font-size:15px;}
.ivd-info .info-tags span {display:inline-block;margin-left:30px;}
.ivd-info .info-tags span:first-child {margin-left:0;}
.ivd-info .info-tags i {width:1em;color:#cec4bb;margin-right:3px;}
.ivd-info .info-counter {display:flex;font-size:16px;align-items:center;margin-top:20px;}
.ivd-info .info-counter .dt {
    width:4em;flex:none;margin:0;padding:0;color:#848484;margin-right:1.5em;
    text-align:justify;height:1.5em;
}
.ivd-info .info-counter .dt::after {content:'';display:inline-block;width:100%;height:0;}
.ivd-info .info-counter .counter {display:flex;height:3em;align-items:center;}
.ivd-info .info-counter .counter input {width:50px;font-size:20px; text-align:center;border:0;}
.ivd-info .info-counter .counter span {
    display:flex;width:40px;height:40px;
    justify-content:center;align-items:center;
    font-family:Monospace;cursor:pointer;
    font-size:24px;border:1px solid #ddd;border-radius:4px;
}
.ivd-info .info-counter .counter span:hover {border-color:#e62b00 ;background-color:#e62b00;color:#fff;user-select:none;}

.ivd-info .info-button {display:flex;padding-top:45px;padding-left:90px;}

.ivd-info .info-button a.cart {
    display:inline-block;background-color:#fff;color:#d32626;border:1px solid #e5e5e5;
    padding:20px 60px;font-size:20px;text-decoration:none;transition:.2s;margin-right:10px;
    border-radius:5px;
}
.ivd-info .info-button a.cart:hover {border-color:#aaa;}
.ivd-info .info-button a.buy {
    display:inline-block;background-color:#d00;color:#fff;
    padding:20px 90px;font-size:20px;text-decoration:none;transition:.2s;
    border-radius:5px;
}
.ivd-info .info-button a.buy:hover {filter:brightness(1.1);}

.item-detail-wrapper {display:flex;justify-content:space-between;margin:80px 0;}
.item-detail-content-wrapper {
    flex:auto;
}
.idc-content {
    padding:75px 0;
}
.idc-top {border-bottom:1px solid #e2e0e0;font-size:18px;height:44px;}
.idc-top span {height:44px;display:inline-block;padding:8px 20px;position:relative;top:1px;border-bottom:2px solid #d00;}


.item-detail-recommand-wrapper {
    flex:none;width:255px;margin-left:50px;
}
.idr-top {background-color:#f6f5f4;height:44px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.idr-list {

}
.idr-list .item {height:340px; margin-top:20px;transition:.15s;padding:10px;border:1px solid #fff;}
.idr-list .item:hover {box-shadow:0 0 2px 2px #f6f6f6;border-color:#e9e9e9;}
.idr-list .item:nth-child(4n+1) {margin-left:0;}
.idr-list .item .image {}
.idr-list .item .image a {display:block;font-size:0;}
.idr-list .item .image img{width:100%;}
.idr-list .item .price {margin-top:10px;color:#d00;font-size:20px;}
.idr-list .item p.name {
    margin:5px 0 0;padding:0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.idr-list .item p.name a {text-decoration:none;color:#000;}
.idr-list .item p.name a:hover {color:#d32626;}

img.cart {position:absolute;width:50px;height:50px;z-index:2;}