.product-mod7{background:#f5f5f5;padding:.1rem 0 1rem;}.product-mod7 .pro-list{margin-bottom:1rem;}.product-mod7 .pro-list .btn{color:#666;padding:0;}.product-mod7 .pro-list .btn .fa:before{padding-right:.3rem;}.product-mod7 .pro-list li.active .btn{color:var(--style-color);}.product-mod7 .product-con li{text-align:center;margin-bottom:1rem;cursor:pointer;overflow:hidden;}.product-mod7 .product-con li .back{background:#fff;padding-bottom:.5rem;}.product-mod7 .product-con li a{display:block;}.product-mod7 .product-con li .main{padding:.1rem 0;}.product-mod7 .product-con .info{width:100%;height:1.5rem;font-weight:500;margin:.5rem 0;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}.product-mod7 .product-con .h5{margin-bottom:.5rem;display:none;}.product-mod7 .product-con .choice{margin-top:.75rem;}.product-mod7 .product-con .btn{color:var(--style-color);background:transparent;border:1px solid var(--style-color);padding:.2rem 1.25rem;}.product-mod7 .product-con .btn-default{background:var(--style-color);color:#fff;padding:.2rem .5rem;}.product-mod7 .product-con li:hover img{box-shadow:none;}.product-mod7 .product-con li:hover .info,.product-mod7 .product-con li:hover .info a{color:var(--style-color);}.product-mod7 .product-con .btn:hover{background-color:var(--style-color);color:#fff;}.product-mod7 .product-con.active{margin:0;}.product-mod7 .product-con.active li{text-align:left;background:#fff;padding:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}.product-mod7 .product-con.active li img{width:100%;max-width:12.5rem;float:left;margin-right:1.25rem;}.product-mod7 .product-con.active .info{width:auto;height:1.5rem;-webkit-line-clamp:1;}.product-mod7 .product-con.active .h5{display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}.product-mod7 .product-con.active .choice{margin-top:1rem;}@media(min-width:768px){.product-mod7 .product-con:not(.active) .back{padding-bottom:2.5rem;position:relative;}.product-mod7 .product-con:not(.active) .back .main{width:100%;background:#fff;padding-bottom:1rem;position:absolute;bottom:-3.25rem;left:0;z-index:5;-webkit-transition:all .7s;-moz-transition:all .7s;transition:all .7s;}.product-mod7 .product-con:not(.active) .back:hover .main{bottom:0;}}