@charset "utf-8";
.details_out {width: 100%;position: relative;box-sizing: border-box;}
.details_content {width: 1200px;min-width: 1176px;margin: 0 auto;}
.details{position: relative;width: 100%;display: flex;justify-content: space-between;height: auto;}
.details_nav{margin: 20px 0;display: flex;}
.details_nav a {font-size: 12px;color: #666;}
.details_nav .layui-icon-right:before {content: "\e602";margin: 0 5px;color: #999}
.details_bg{width:100%;height: 500px;display: flex;margin: 0 auto;}
.details_left{width: 870px;height: 500px;padding: 30px 0; box-sizing: border-box;display: flex;justify-content: center;align-items: center;background:#e6ebed;}
.details_left .case{width:100%;height:100%;overflow-y:auto;position: relative;}
.details_left .case img{position:absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;}
.details .details_right{width: 330px;height: 500px;padding: 30px 20px;box-sizing: border-box;box-shadow:0px 2px 10px rgba(0,0,0,0.2),0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0);}
.details_right .right_title{font-size: 20px;font-weight: 600;color: #222222;letter-spacing: 1px;
    margin-bottom: 10px;}
.details_right .online_edit{width: 100%;height: 35px;line-height:35px;text-align: center;background: #2353f5;border-radius: 6px;color: #fff;cursor: pointer;font-size: 14px;margin-bottom: 10px;}
.details_right .collect{width: 100%;height: 35px;line-height: 35px;text-align: center;border: 1px solid #2353f5;border-radius: 6px;color: #2353f5;cursor: pointer;font-size: 14px;box-sizing: border-box;}
.details_price{display: flex;justify-content: space-between;margin-bottom:0px;position: relative;top: -5px;}
.selling_price{font-size: 16px;color: #222;line-height: 30px}
.price_number{font-size: 28px;color: #ff5c5c!important; }
.price_font{font-size: 14px;color: #222}
.details_price .ztb_notice{position: relative;top: 5px;cursor: pointer;display: block;line-height: 30px;font-size: 12px;color: #ff5c5c!important;}
.details_price .ztb_notice img{position: relative;top:2px;}
.details_product_info div:nth-child(1){font-size: 18px;color: #222;font-weight: 600;line-height: 20px;position: relative;top: -5px;}
.details_product_info div{line-height:24px;font-size: 14px;color: #666;}
.details_product_info div span{color: #333!important;}
.details_notice{font-size: 14px;color: #333333;line-height: 25px;height: 140px;overflow-y: hidden;}
.details_cutoff{width: 100%;position:relative;height: 1px;background: #e6e6e6;margin: 10px 0;}
/* 猜你喜欢 */
.youlike{margin: 30px 0 0 0;position: relative;width:100%;}
.like_title{margin-bottom: 30px;display: flex;justify-content: space-between;line-height:20px;}
.like{font-size: 18px;color: #333;font-weight: 600;}
.like_title a{font-size:14px;color: #333;font-style: normal!important;}
.detail_favorite{display: flex;flex-wrap: wrap;position: relative;width: 100%}

/* 长图 */
.template_vertical{display: flex;flex-wrap: wrap;}
.vertical_item {margin-right: 42px;margin-bottom: 32px;position: relative;z-index: 0;cursor: pointer;}
.vertical_item:nth-child(4n) {margin-right: 0 !important;}
.vertical_item::after{
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -16px;
    background: #fff;
    z-index: -1;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: scale(.85, .85);
    transform: scale(.85, .85);
    -webkit-transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s, -webkit-transform 150ms linear 0s
}
.vertical_item:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.vertical_item_img {position: relative;width: 224px;height:auto;}
.vertical_img{
    width: 224px;
    height: 442px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    vertical-align: middle;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}
.vertical_collect {position: absolute;top: 10px;right: 10px;width: 28px;height: 28px;line-height: 28px;text-align: center;background: #fff;border-radius: 4px;/*2019-11-18 zyn*/visibility: hidden;display: flex;justify-content: center;align-items: center;}
.vertical_item:hover .vertical_collect {visibility: visible;}
.vertical_item .item_til:hover {color: #333;}
.vertical_item .item_width{width: 224px}
.preview .layui-layer {border-radius: 6px !important;}
.item_width a,.item_til{font-size: 14px;color: #333333;text-align: center;display: block;width: 95%;margin: 15px auto 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}