/*productInfo.css*/ /*productInfoTitle*/ /*title*/ .ProductInfosTitle { position: relative; padding: 10px 15px; } .ProductInfosTitle>* { display: inline-block; font-size: 24px; } .ProductInfosTitle>span { width: 6px; height: 12px; position: absolute; left: 0; top: calc(50% - 4px); z-index: -1; transition: all .8s; background: #0cbf97; } section:hover .ProductInfosTitle>span { width: 100%; } /*title-end*/ .f12 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 12; font-size: 13px; } .aboutContentText { text-indent: 2em; } .productInfo { padding-bottom: 20px; background: white; } .productInfoT { padding-left: 50px !important; position: relative; } .productInfosBox>div { margin-top: 50px; } .productInfosHeader { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 0 !important; } .productsInfos { display: flex; justify-content: space-between; } .productInfoImgBox { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 500px; border: 1px solid #e6e6e6; width: 100%; } .productInfoImgBox>img { height: 100%; width: 100%; object-fit: contain; cursor: crosshair; } .productInfoMd { font-size: 15px; color: #717171; } .productsInfos { margin-bottom: 50px; margin-left: 0 !important; margin-right: 0 !important; position: relative; } .productDetail { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: white; z-index: 999; display: -webkit-box; overflow: hidden; display: none; } .productDetail>img { position: relative; left: 0; top: 0; height: 100%; width: 100%; object-fit: contain; transform: scale(2); } .productInfoTitle { font-size: 28px; font-weight: 600; margin-bottom: 40px; margin-top: 20px; } .productInfoLine { height: 2px; width: 100%; background: #eeeeee; } .productInfoContent { margin-top: 20px; font-size: 15px !important; margin-bottom: 100px; line-height: 2; } .productInfoBuy>a { display: inline-block; background: #00a587; color: #ffffff; padding: 10px 50px 10px 50px; cursor: pointer; margin-top: 15px; transition: 0.4s; } .productInfoBuy>a:hover { background: #ffffff; color: #00a587; } .productInfoDetailRtx { margin: 40px 0; } .productInfoDetailRtx img { width: 100%; } .productInfoPage { width: 100%; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; } .productInfoPage>div { cursor: pointer; } .productInfoPage>div:hover { color: #00a587; }