.le_common_wrapper{max-width:970px;margin:0 auto;}
.le_common_wrapper_1_col,.le_common_wrapper_2_col{margin-bottom: 95px;}
.le_common_title,.le_common_title h2{font-family: 'Arial Bold';font-size: 34px;font-weight: 400;line-height: 1;}
.le_common_title h3{font-family: 'Arial';font-size: 17px;font-weight: bold;line-height: 1;}
.le_common_desc{line-height: 25px;font-size: 17px;}
.le_common_wrapper_1_col .le_common_desc{margin-top: 25px;margin-bottom: 25px;}
.le_text_center{text-align: center;}
.le_common_wrapper_1_col .le_common_full_img{margin-top: 25px;text-align: center;}
.le_common_full_img img{height: auto;max-width: 100%;}
.le_common_wrapper_2_col_left{margin-right: 50px;}
.le_common_wrapper_2_col_left{float: left;}
.le_common_wrapper_2_col_right{float: right;}
.le_common_clearfix{clear: both;}
.le_common_wrapper_2_col .le_common_wrapper_2_col_left,.le_common_wrapper_2_col .le_common_wrapper_2_col_right{margin-top: 25px;}
.le_common_wrapper_2_col .le_common_wrapper_2_col_left .le_common_desc,
.le_common_wrapper_2_col .le_common_wrapper_2_col_right .le_common_desc{max-width: 520px;}
.le_common_img_3_col .le_common_img_text_col{width: 300px;margin:0 auto;}
.le_common_img_3_col .le_common_img_text_col .le_common_img_col img{width: 300px;height: auto;}
.le_common_img_3_col .le_common_img_text_col .le_common_text_col{margin-top: 30px;}
.le_common_img_3_col .le_common_img_text_col .le_common_text_col.no_title{margin-top:0;}
.le_common_img_3_col .le_common_img_text_col .le_common_text_col .le_common_desc{line-height: 20px;font-size: 14px;margin-top: 17px;}
.le_common_img_3_col .le_common_img_text_col .le_common_text_col.no_title .le_common_desc{margin-top: 0;}
.le_common_img_4_col .le_common_img_text_col{width: 220px;margin:0 auto;}
.le_common_img_4_col .le_common_img_text_col .le_common_img_col img{width: 220px;height: auto;}
.le_common_img_4_col .le_common_img_text_col .le_common_text_col{margin-top: 30px;}
.le_common_img_4_col .le_common_img_text_col .le_common_text_col .le_common_desc{line-height: 20px;font-size: 14px;margin-top: 17px;}
@media screen and (max-width: 414px) {
    .le_common_wrapper_2_col .le_common_wrapper_2_col_left.le_center_img,.le_common_wrapper_2_col .le_common_wrapper_2_col_right.le_center_img{width: 100%;margin-top: 16px;}
    .le_common_img_3_col .le_common_img_text_col:last-child{margin-right: auto;}
    .le_common_img_4_col .le_common_img_text_col:last-child{margin-right: auto;}
    .le_img_400{width: 100%;text-align: center;}
    .le_common_wrapper_2_col_left.le_img_400,.le_common_wrapper_2_col_right.le_img_400{margin-right: 0;}
}
@media screen and (min-width: 415px) {
    .le_common_img_3_col .le_common_img_text_col{float: left;margin-right: 150px;}
    .le_common_img_4_col .le_common_img_text_col{float: left;margin-right: 106px;}
    .le_common_wrapper .le_common_img_3_col .le_common_img_text_col{float: left;margin-right: 35px;}
    .le_common_wrapper .le_common_img_4_col .le_common_img_text_col{float: left;margin-right: 30px;}
}
.le_common_img_3_col .le_common_img_text_col:nth-child(3n){margin-right: 0;}
.le_common_img_4_col .le_common_img_text_col:nth-child(4n){margin-right: 0;}

.lepro-details-con-main2207 * { word-break: normal; } .lepro-details-con-main2207 .lepro-details-con-title .lepro-title-text { color: #000; font-size: 34px; text-align: center; font-weight: normal; } .lepro-details-con-main2207 .lepro-details-con-title-bg { background-color: #6bba3b; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 15px 30px; } .lepro-details-con-main2207 .lepro-details-con-title-bg .lepro-title-text { color: #fff; } .lepro-details-con-main2207 .lepro-details-con-title-bg .lepro-dec-box { display: flex; justify-content: center; align-items: center; margin: 10px 0 0; } .lepro-details-con-main2207 .lepro-details-con-title-bg .lepro-dec-box .lepro-text { color: #fff; font-size: 16px; margin: 0 10px; } .lepro-details-con-main2207 .lepro-img-wrap .img { display: block; margin: 0 auto; max-width: 100%; } .lepro-details-con-main2207 .lepro-table-wrapper { margin: 50px 0 0; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table-scroll { overflow-x: auto; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table { margin: 30px 0 0; border: 1px solid #766e6c; width: 100%; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th { padding: 20px 5px 10px; border-left: 1px solid #766e6c; color: #212121; font-weight: normal; max-width: 300px; min-width: 100px; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead .lepro-table-bg, .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody .lepro-table-bg { background-color: #e0e0e0; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th .tr-text { display: block; font-size: 18px; text-align: center; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th .tr-href-view { font-size: 16px; color: #00aec4; display: inline-block; margin: 10px 0 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th .tr-href-view:hover { text-decoration: underline; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th .tr-href-view::before { content: ''; display: block; margin-right: 5px; width: 40px; height: 40px; border-radius: 50%; background: url('/media/catalog_details/icon_href.png') no-repeat center center; background-size: 100%; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th:first-child { border-left: none; vertical-align: middle; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody td { padding: 20px 10px; border-left: 1px solid #766e6c; border-top: 1px solid #766e6c; text-align: center; color: #212121; font-size: 16px; max-width: 300px; vertical-align: middle; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody td:first-child { border-left: none; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody td .tr-href-download { color: #00aec4; font-size: 16px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody td .tr-href-download:hover { text-decoration: underline; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody td .tr-href-download::before { content: ''; display: block; width: 40px; height: 40px; margin-right: 5px; border-radius: 50%; background: url('/media/catalog_details/icon_download.png') no-repeat center center; background-size: 100%; } .lepro-details-con-main2207 .lepro-install-con-wrapper { margin: 50px 0 0; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-install-lists { margin: 30px 0 0; display: flex; flex-wrap: wrap; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-install-lists .lepro-list { width: 24%; margin-left: 1.3%; margin-top: 1.3%; padding-top: 24%; position: relative; overflow: hidden; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-install-lists .lepro-list:nth-child(4n + 1) { margin-left: 0; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-install-lists .lepro-list .lepro-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 1; max-height: 100%; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-install-lists .lepro-list .lepro-num { position: absolute; top: 0; left: 0; z-index: 2; background-color: #1e82a6; color: #fff; font-size: 18px; padding: 0 5px; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-instal-text { margin: 35px 0 0; font-size: 18px; color: #000; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-instal-text .lepro-dec { color: #212121; font-size: 16px; margin: 0; line-height: 30px; } .lepro-details-con-main2207 .lepro-features-con-wrapper { margin: 80px 0 0; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists { margin: 30px 0 0; display: flex; flex-wrap: wrap; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists .lepro-list { width: 25%; } .lepro-details-con-main2207 .lepro-features-con-gap-wrapper .lepro-features-lists .lepro-list { width: 24%; margin-left: 1.3%; } .lepro-details-con-main2207 .lepro-features-con-gap-wrapper .lepro-features-lists .lepro-list:nth-child(4n + 1) { margin-left: 0; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists .lepro-img-box { width: 100%; padding-top: 100%; position: relative; overflow: hidden; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists .lepro-img-box .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 1; max-height: 100%; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists .lepro-list-title { margin: 20px 10px 0; text-align: center; color: #000; font-size: 22px; font-weight: normal; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists .lepro-list-dec { margin: 10px 10px; color: #212121; font-size: 16px; line-height: 25px; } .lepro-details-con-main2207 .lepro-areas-con-wrapper { margin: 50px 0 0; } .lepro-details-con-main2207 .lepro-areas-con-wrapper .lepro-areas-text { margin: 20px 0 0; position: relative; } .lepro-details-con-main2207 .lepro-areas-con-wrapper .lepro-areas-text .lepro-dec { color: #212121; font-size: 16px; margin: 0; line-height: 30px; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-track { padding: 10% 0; } .lepro-details-con-main2207 .lepro-slick-wrap .lepro-slick-list { opacity: 0; max-width: initial; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-active { opacity: 1; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-center { position: relative; z-index: 10; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transition: transform .5s; } .lepro-details-con-main2207 .lepro-slick-wrap .lepro-slick-img { max-width: 100%; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-arrow { color: transparent;position: absolute; z-index: 11; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 55px; height: 55px; overflow: hidden; border-radius: 50%; border: none; background-color: transparent; cursor: pointer; padding: 0; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .05); } .lepro-details-con-main2207 .lepro-slick-wrap .slick-arrow:hover { box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-prev { left: 10px; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-prev::before { content: ''; display: block; width: 55px; height: 55px; background: rgba(0, 0, 0, .1) url('/media/catalog_details/icon-right.png') no-repeat center center; background-size: 100% 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .lepro-details-con-main2207 .lepro-slick-wrap .slick-next { right: 10px; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-next::before { content: ''; display: block; width: 55px; height: 55px; background: rgba(0, 0, 0, .1) url('/media/catalog_details/icon-right.png') no-repeat center center; background-size: 100% 100%; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-dots { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-dots li { width: 10px; height: 10px; background: rgba(0, 0, 0, .1); border-radius: 50%; overflow: hidden; margin: 0 3px; cursor: pointer; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-dots li.slick-active { background: #6bba3b; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-dots li button { display: none; }
    
    @media screen and (max-width: 750px) { .lepro-details-con-main2207 .lepro-details-con-title .lepro-title-text { font-size: 24px; padding: 0; margin: 0; } .lepro-details-con-main2207 .lepro-details-con-title-bg { padding: 15px 20px; } .lepro-details-con-main2207 .lepro-details-con-title-bg .lepro-dec-box .lepro-text { font-size: 14px; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th .tr-text { font-size: 16px; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody td { font-size: 14px; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-instal-text .lepro-dec { font-size: 16px; } .lepro-details-con-main2207 .lepro-features-con-wrapper { margin: 50px 0 0; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists .lepro-list { width: 50%; } .lepro-details-con-main2207 .lepro-features-con-gap-wrapper .lepro-features-lists .lepro-list { width: 49%; margin-left: 2%; } .lepro-details-con-main2207 .lepro-features-con-gap-wrapper .lepro-features-lists .lepro-list:nth-child(2n + 1) { margin-left: 0; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists .lepro-list-title { font-size: 18px; } .lepro-details-con-main2207 .lepro-features-con-wrapper .lepro-features-lists .lepro-list-dec { font-size: 16px; } .lepro-details-con-main2207 .lepro-areas-con-wrapper .lepro-areas-text .lepro-dec { font-size: 16px; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-install-lists .lepro-list { width: 49%; margin-left: 2%; margin-top: 2%; padding-top: 49%; overflow: hidden; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-install-lists .lepro-list:nth-child(4n + 1) { margin-left: 2%; } .lepro-details-con-main2207 .lepro-install-con-wrapper .lepro-install-lists .lepro-list:nth-child(2n + 1) { margin-left: 0; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th .tr-href-view { font-size: 14px; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table thead th .tr-href-view::before { width: 30px; height: 30px; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody td .tr-href-download { font-size: 14px; } .lepro-details-con-main2207 .lepro-table-wrapper .lepro-table tbody td .tr-href-download::before { width: 30px; height: 30px; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-arrow { display: none!important; } .lepro-details-con-main2207 .lepro-slick-wrap .slick-dots li { width: 8px; height: 8px; } }
    
    /** 模板样式 -- 与亚马逊类似 start */
/** 商品详情, li 中的商品说明 start */ .product.description .a-unordered-list { padding-left: 20px; } .product.description .a-unordered-list li { list-style: disc; } /** 商品详情, li 中的商品说明 end */
.lepro-details-con-main2303 * { word-break: normal; } .lepro-details-con-main2303 img { max-width: 100%; display: block;display: block; } .lepro-details-con-main2303 .lepro-h2-content { font-size: 32px; line-height: 1.2em; padding: 40px 0; text-align: center; } .lepro-details-con-main2303 .lepro-dec-content { font-size: 20px; line-height: 1.3em; padding: 40px 0; color: #0F1111; text-align: center; } .lepro-details-con-main2303 .lepro-h2 { font-size: 32px; line-height: 1.2em; padding: 40px 0; } .lepro-details-con-main2303 .lepro-image { position: relative; } .lepro-details-con-main2303 .lepro-image .item-introduce { position: absolute; z-index: 1; top: 50%; left: 80px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); padding: 20px; color: #fff; width: 45%; } .lepro-details-con-main2303 .lepro-image .item-introduce h3 { font-size: 32px; line-height: 1.2em; } .lepro-details-con-main2303 .lepro-image .item-introduce .item-h5 { font-size: 18px; line-height: 26px; margin-bottom: 10px; font-weight: normal; } .lepro-details-con-main2303 .lepro-image .item-introduce p { padding-top: 20px; font-size: 20px; line-height: 1.3em; font-weight: 300; } .lepro-details-con-main2303 .lepro-image .item-introduce { position: absolute; z-index: 1; top: 50%; left: 80px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); padding: 40px; color: #fff; width: 45%; } .lepro-details-con-main2303 .lepro-image .item-introduce h3 { font-size: 26px; line-height: 1.2em; } .lepro-details-con-main2303 .lepro-image .item-introduce .item-h5 { font-size: 14px; line-height: 1.2em; font-weight: normal; margin-bottom: 10px; } .lepro-details-con-main2303 .lepro-image .item-introduce p { font-size: 14px; line-height: 1.4em; padding: 20px 40px 0 0; } .lepro-details-con-main2303 .lepro-main2303-carousel { position: relative; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; margin-bottom: 0; } .lepro-details-con-main2303 .lepro-main2303-carousel .slick-arrow { position: absolute; z-index: 2; top: 0; height: 100%; width: 80px; background-color: transparent; } .lepro-details-con-main2303 .lepro-main2303-carousel .slick-arrow i { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 34px; height: 52px; background: url('/media/catalog_details/amazon_arrowhead.png') no-repeat; background-size: 68px 52px; } .lepro-details-con-main2303 .lepro-main2303-carousel .slick-arrow:focus { box-shadow: inset 0 0 0 2px #FFF, inset 0 0 0 4px #008296; } .lepro-details-con-main2303 .lepro-main2303-carousel .main2303-slick-next { right: 0; } .lepro-details-con-main2303 .lepro-main2303-carousel .main2303-slick-next i { background-position: -34px 0; } .lepro-details-con-main2303 .lepro-main2303-carousel .main2303-slick-prev { left: 0; } .lepro-details-con-main2303 .lepro-main2303-carousel .lepro-carousel-list { position: relative; } .lepro-details-con-main2303 .lepro-section-carousel-one, .lepro-details-con-main2303 .lepro-section-carousel-two, .lepro-details-con-main2303 .lepro-section-carousel-three, .lepro-details-con-main2303 .lepro-section-carousel-four { display: none; } .lepro-details-con-main2303 .lepro-section-carousel-one { position: relative; } .lepro-details-con-main2303 .lepro-section-carousel-one .dots-list { position: absolute; top: 30px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; } .lepro-details-con-main2303 .lepro-section-carousel-one .dots-list h4 { border-color: #000; background-color: #fff; color: #000; display: inline-block; margin: 7px 10px; cursor: pointer; border-radius: 30px; border: 2px solid #fff; line-height: 2.5em; min-width: 200px; text-align: center; } .lepro-details-con-main2303 .lepro-section-carousel-one .dots-list h4.active { border-color: #fff; background-color: #000; color: #fff; } .lepro-details-con-main2303 .lepro-section-carousel-one .lepro-main2303-carousel .item-introduce { position: absolute; z-index: 1; top: 50%; left: 80px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); padding: 20px; color: #fff; width: 45%; } .lepro-details-con-main2303 .lepro-section-carousel-one .lepro-main2303-carousel .item-introduce h3 { font-size: 32px; line-height: 1.2em; } .lepro-details-con-main2303 .lepro-section-carousel-one .lepro-main2303-carousel .item-introduce .item-h5 { font-size: 18px; line-height: 26px; margin-bottom: 10px; font-weight: normal; } .lepro-details-con-main2303 .lepro-section-carousel-one .lepro-main2303-carousel .item-introduce p { padding-top: 20px; font-size: 20px; line-height: 1.3em; font-weight: 300; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .item-introduce { position: absolute; z-index: 1; top: 50%; left: 80px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); padding: 40px; color: #fff; width: 45%; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .item-introduce h3 { font-size: 26px; line-height: 1.2em; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .item-introduce .item-h5 { font-size: 14px; line-height: 1.2em; font-weight: normal; margin-bottom: 10px; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .item-introduce p { font-size: 14px; line-height: 1.4em; padding: 20px 40px 0 0; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .slick-dots { position: absolute; bottom: 6%; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .slick-dots li { cursor: pointer; height: 13px; width: 13px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .slick-dots li.slick-active { background-color: #FFA500; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .slick-dots li button { display: none; } .lepro-details-con-main2303 .lepro-section-carousel-four { position: relative; } .lepro-details-con-main2303 .lepro-section-carousel-four .dots-list-four { position: absolute; top: 0; left: 0; right: 0; z-index: 1; width: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .lepro-details-con-main2303 .lepro-section-carousel-four .dots-list-four h4 { color: #fff; display: inline-block; cursor: pointer; min-width: 200px; text-align: center; padding: 8px; margin: 7px 10px; line-height: 2.5em; font-size: 14px; } .lepro-details-con-main2303 .lepro-section-carousel-four .dots-list-four h4.active { border-color: #fff; background-color: #000; color: #fff; text-decoration: underline; text-underline-offset: 0.8em; text-decoration-thickness: 3px; background-color: transparent; border: none; } .lepro-details-con-main2303 .lepro-section-carousel-four .lepro-main2303-carousel .item-introduce { position: absolute; z-index: 1; top: 50%; left: 80px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); padding: 20px; color: #fff; width: 45%; } .lepro-details-con-main2303 .lepro-section-carousel-four .lepro-main2303-carousel .item-introduce h3 { font-size: 32px; line-height: 1.2em; } .lepro-details-con-main2303 .lepro-section-carousel-four .lepro-main2303-carousel .item-introduce .item-h5 { font-size: 18px; line-height: 26px; margin-bottom: 10px; font-weight: normal; } .lepro-details-con-main2303 .lepro-section-carousel-four .lepro-main2303-carousel .item-introduce p { padding-top: 20px; font-size: 20px; line-height: 1.3em; font-weight: 300; }
/* lepro-introduction-image */ .lepro-details-con-main2303 .lepro-introduction-image { padding: 40px; display: flex; align-items: center; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-image-section { width: 50%; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-introduction-section { width: 50%; padding: 0 40px; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-introduction-section .p { font-size: 16px; line-height: 1.4em; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-introduction-section .h3 { font-size: 32px; line-height: 1.2em; margin: 0 0 20px; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-introduction-section ul { padding: 0 0 0 18px; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-introduction-section li { list-style: disc; color: #0F1111; font-size: 14px; line-height: 20px; }
/* lepro-section-carousel-three */ .lepro-details-con-main2303 .lepro-section-carousel-three { position: relative; } .lepro-details-con-main2303 .lepro-section-carousel-three .dots-list { position: absolute; top: 50%; transform: translateY(-50%); right: 75px; width: 250px; z-index: 1; } .lepro-details-con-main2303 .lepro-section-carousel-three .dots-list h4 { border-color: #000; background-color: #fff; color: #000; cursor: pointer; border-radius: 30px; line-height: 2.5em; overflow: hidden; margin: 10px 10px; border: 2px solid #000; width: 220px; text-indent: 1em; font-size: 14px; } .lepro-details-con-main2303 .lepro-section-carousel-three .dots-list h4.active { border-color: #fff; background-color: #000; color: #fff; border: 2px solid #fff; } .lepro-details-con-main2303 .lepro-section-carousel-three .lepro-main2303-carousel .item-introduce { position: absolute; z-index: 1; top: 50%; left: 80px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); padding: 20px; color: #fff; width: 45%; } .lepro-details-con-main2303 .lepro-section-carousel-three .lepro-main2303-carousel .item-introduce h3 { font-size: 32px; line-height: 1.2em; } .lepro-details-con-main2303 .lepro-section-carousel-three .lepro-main2303-carousel .item-introduce .item-h5 { font-size: 18px; line-height: 26px; margin-bottom: 10px; font-weight: normal; } .lepro-details-con-main2303 .lepro-section-carousel-three .lepro-main2303-carousel .item-introduce p { padding-top: 20px; font-size: 20px; line-height: 1.3em; font-weight: 300; }
/* lepro-column-two-image */ .lepro-details-con-main2303 .lepro-column-two-image { padding: 40px; font-size: 0; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-column { font-size: 14px; display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-column:nth-child(2n - 1) { padding-right: 40px; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-column:nth-child(2n) { padding-left: 40px; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-section-heading { padding-top: 20px; font-size: 18px; line-height: 1.25em; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-section-description { padding-top: 10px; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-section-description li { list-style: disc; font-size: 14px; color: #0F1111; margin: 0 0 0 18px; line-height: 20px; }
/* lepro-column-four-image */ .lepro-details-con-main2303 .lepro-column-four-image { padding: 40px 0; font-size: 0; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-column { font-size: 14px; display: inline-block; vertical-align: top; width: 25%; box-sizing: border-box; padding: 0 20px; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-section-heading { padding-top: 20px; font-size: 18px; line-height: 1.25em; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-section-description { padding-top: 10px; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-section-description li { list-style: disc; font-size: 14px; color: #0F1111; margin: 0 0 0 18px; line-height: 20px; }
/* lepro-column-three-image */ .lepro-details-con-main2303 .lepro-column-three-image { margin-bottom: 20px; font-size: 0; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-column-title-wrap { margin-bottom: 20px; font-size: 14px; color: #0F1111; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-column-title-wrap .lepro-h3 { margin-bottom: 6px; font-size: 17px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-column-title-wrap .lepro-dec { font-size: 14px; line-height: 20px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-column-item { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; margin-bottom: 20px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-column { width: 31%; margin-bottom: 10px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-column .lepro-section-image { margin-bottom: 22px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-column .lepro-column-img { display: block; width: 100%; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-section-heading { font-weight: normal; font-size: 17px; margin-bottom: 10px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-section-description .item { font-size: 14px; color: #0F1111; line-height: 20px; margin-top: 10px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-section-description .item:first-child { margin-top: 0; } .le-opacity-show { opacity: 1!important; visibility: initial!important; transition: all .3s!important; height: auto!important; }
/* yms 文本视频轮播 start ********** */ .lepro-amz-video-img-slider-2024 .h2-text { font-size: 32px; line-height: 40px; color: #3d3d3d; text-align: center; margin: 0; padding: 40px 0; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel { padding: 0 0 40px; overflow: hidden; white-space: nowrap; height: 60vh; visibility: hidden; opacity: 0; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel.slick-slider { white-space: normal; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .lepro-list { display: inline-block; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-list .slick-track { display: flex; display: -webkit-flex; display: -moz-flex; } .lepro-amz-video-img-slider-2024 .lepro-list.slick-slide { display: inline-block; min-height: 100%; height: initial; max-width: initial; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-list-section { display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; position: relative; height: 100%; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap { order: 2; width: 50%; position: relative; overflow: hidden; background-color: #000; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .lepro-video-con { width: 100%; height: 100%; min-height: 440px; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .lepro-video, .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .vjs-tech { order: 2; display: block; width: 100%; height: 100%; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .vjs-playing .vjs-big-play-button { display: none; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .vjs-big-play-button { top: 50%; left: 50%; width: 64px; height: 64px; line-height: 64px; margin-top: -32px; margin-left: -32px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.35); } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .vjs-play-control { outline: none; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .vjs-play-control:active,
.lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .vjs-play-control:focus{outline: none!important;background: transparent;border: none;color: unset;} .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section { order: 1; width: 50%; padding: 0 40px; box-sizing: border-box; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; align-items: center; -webkit-align-items: center; -moz-align-items: center; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section .h4-text { font-size: 16px; line-height: 24px; padding: 0 0 20px; box-sizing: border-box; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section .h3-text { font-size: 32px; line-height: 40px; padding: 0 0 20px; box-sizing: border-box; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section .text-p { font-size: 16px; line-height: 22px; padding-bottom: 14px; box-sizing: border-box; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section .text-p:last-child() { padding-bottom: 0; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-arrow { display: inline-block; position: absolute; top: 50%; z-index: 5; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 34px; height: 52px; margin-top: -26px; background: url('/media/catalog_details/amazon_arrowhead.png') no-repeat; background-size: 68px 52px; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .custom-slick-next { right: 5px; background-position: -34px 0; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .custom-slick-prev { left: 5px; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-arrow:focus { text-decoration: none; outline: 3px solid #00aec4; outline-offset: 2px; border-radius: 5px; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-dots { position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-dots li { cursor: pointer; height: 13px; width: 13px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-dots li.slick-active { background-color: #FFA500; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-dots li button { display: none; } /* yms 文本视频轮播 end ********** */
/* yms 文本视频 start ********** */ .lepro-amz-video-img-2024 .lepro-list { padding: 40px 0; display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; align-items: center; -webkit-align-items: center; -moz-align-items: center; position: relative; } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap { order: 2; width: 50%; overflow: hidden; background-color: #000; } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap .lepro-video-con { padding-top: 75%; width: 100%; position: relative; } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap .lepro-video-con .lepro-video-setion { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap .lepro-video, .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap .vjs-tech { order: 2; display: block; width: 100%; height: 100%; } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap .vjs-playing .vjs-big-play-button { display: none; } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap .vjs-big-play-button { top: 50%; left: 50%; width: 64px; height: 64px; line-height: 64px; margin-top: -32px; margin-left: -32px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.35); } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap .vjs-play-control { outline: none; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section { order: 1; width: 50%; padding: 0 40px 0 0; box-sizing: border-box; font-size: 14px; line-height: 20px; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .aplus-accent1 { font-size: 16px; line-height: 24px; padding: 0 0 20px; box-sizing: border-box; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .aplus-h2 { font-size: 32px; line-height: 40px; padding: 0 0 20px; box-sizing: border-box; font-weight: 700; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .a-ordered-list { margin: 0 0 0 20px; padding: 0; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .a-ordered-list li, .lepro-amz-video-img-2024 .lepro-list .lepro-text-section ol li { list-style: decimal; word-wrap: break-word; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .a-unordered-list { margin: 0 0 0 20px; padding: 0; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .a-unordered-list li, .lepro-amz-video-img-2024 .lepro-list .lepro-text-section ul li { list-style: disc; word-wrap: break-word; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .a-text-italic { font-style: italic; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .a-text-bold { font-weight: 700; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .aplus-p2 { margin-bottom: 10px; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .aplus-p2:last-child { margin-bottom: 0; } /* yms 文本视频 end ********** */
/* yms QA 折叠面板 start ********** */ .lepro-qa-section-2024 { padding: 40px; } .lepro-qa-section-2024 .lepro-qa-block { position: relative; padding-left: 100px; padding-top: 10px; padding-bottom: 15px; padding-right: 80px; cursor: pointer; background: #fff; border: 2px solid #E6E6E6; border-radius: 3px; margin-bottom: 10px; } .lepro-qa-section-2024 .lepro-qa-block::after, .lepro-qa-section-2024 .lepro-qa-block::before { width: 80px; line-height: 40px; font-size: 25px; text-align: center; border-radius: 3px; display: inline-block; font-weight: 500; top: 10px; left: 10px; } .lepro-qa-section-2024 .lepro-qa-block::after { content: "Q"; background: #505050; color: #fff; position: absolute; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } .lepro-qa-section-2024 .lepro-qa-block::before { content: "A"; background: #F5A623; color: #fff; position: absolute; } .lepro-qa-section-2024 .lepro-qa-block-active::after { background: #404040; } .lepro-qa-section-2024 .lepro-qa-block-active::before { padding-top: 40px; -webkit-transition: padding-top 0.1s linear; -moz-transition: padding-top 0.1s linear; -ms-transition: padding-top 0.1s linear; -o-transition: padding-top 0.1s linear; transition: padding-top 0.1s linear; } .lepro-qa-section-2024 .lepro-qa-block .lepro-p1 { position: relative; line-height: 25px; padding-bottom: 10px; font-size: 20px; line-height: 30px; } .lepro-qa-section-2024 .lepro-qa-block .lepro-answer .lepro-p2 { font-size: 16px; line-height: 22px; opacity: 0; height: 0; } .lepro-qa-section-2024 .lepro-qa-block-active .lepro-answer .lepro-p2 { opacity: 1; height: auto; min-height: 20px; -webkit-transition: opacity 0.1s linear 0.1s; -moz-transition: opacity 0.1s linear 0.1s; -ms-transition: opacity 0.1s linear 0.1s; -o-transition: opacity 0.1s linear 0.1s; transition: opacity 0.1s linear 0.1s; } .lepro-qa-section-2024 .lepro-qa-block .faq-arrow { position: absolute; top: 25px; right: 40px; border: 10px solid transparent; border-top-color: #505050; } .lepro-qa-section-2024 .lepro-qa-block-active .faq-arrow { top: 15px; border-top-color: transparent; border-bottom-color: #0F1111; } /* yms QA 折叠面板 end ********** */
/* yms Table 表格 start ********** */ .lepro-spec-table-2024 { padding: 0 0 20px; } .lepro-spec-table-2024 .aplus-tech-spec-table { word-break: initial; border: 1px solid #bbbfbf; border-spacing: 0; border-collapse: collapse; width: 100%; font-size: 14px; } .lepro-spec-table-2024 table.a-bordered tr:nth-child(odd) { background-color: #f0f2f2; } .lepro-spec-table-2024 table.a-bordered td, .lepro-spec-table-2024 table.a-bordered th { padding: 9px 14px; } .lepro-spec-table-2024 table.a-bordered td, .lepro-spec-table-2024 table.a-bordered th { border-bottom: 1px solid #bbbfbf; } .lepro-spec-table-2024 .a-text-bold { font-weight: 700; } /* yms Table 表格 end ********** */
/* yms 样式公共部分start ********** */ .lepro-amz-common .vjs-big-play-button { top: 50%!important; left: 50%!important; width: 64px!important; height: 64px!important; line-height: 64px!important; margin-top: -32px!important; margin-left: -32px!important; border-radius: 50%!important; background-color: rgba(0, 0, 0, 0.35); } .lepro-amz-common .vjs-play-control { outline: none; } .lepro-amz-common .vjs-play-control:active, .lepro-amz-common .vjs-play-control:focus { background: transparent; border: none; color: unset; } .lepro-amz-common .lepro-premium-h2 { font-size: 32px; line-height: 40px; font-weight: 600; padding: 20px; margin: 0; } .lepro-amz-common .a-text-center, .lepro-details-con-main2303 .a-text-center, .lepro-amz-video-describe-2024 .a-text-center { text-align: center; } .lepro-details-con-main2303 .aplus-container-3, .lepro-amz-video-describe-2024 .aplus-container-3, .lepro-amz-common .aplus-container-3 { padding: 20px 0; } .lepro-details-con-main2303 .a-text-bold, .lepro-amz-common .a-text-bold { font-weight: 700 !important; } .lepro-spec-table-2024 .lepro-h2 { text-align: center; font-size: 32px; line-height: 1.2em; padding: 40px 0; } /* yms 样式公共部分end ********** */
/* yms 视频 + 标题 + 描述 start ********** */ .lepro-amz-video-describe-2024 .lepro-video-wrap { position: relative; padding-top: 42%; } .lepro-amz-video-describe-2024 .lepro-video-wrap .lepro-video-con { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .lepro-amz-video-describe-2024 .lepro-video-wrap .lepro-video-con .lepro-video-setion { position: relative; height: 100%; } .lepro-amz-video-describe-2024 .lepro-video-wrap .lepro-video-con .lepro-video-setion .lepro-video { width: 100%; height: 100%; display: block; } .lepro-amz-video-describe-2024 .lepro-premium-description .lepro-desc { padding: 20px; font-size: 20px; line-height: 28px; } /* yms 视频 + 标题 + 描述 end ********** */
    @media screen and (max-width: 750px) { .lepro-details-con-main2303 .lepro-image .item-introduce { position: initial; transform: translateY(0); background: transparent; padding: 0; color: #0F1111; width: 100%; margin: 20px 0 0; } .lepro-details-con-main2303 .lepro-image .item-introduce h3 { font-size: 18px; line-height: 1.3em; text-align: center; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-image .item-introduce .item-h5 { text-align: center; } .lepro-details-con-main2303 .lepro-image .item-introduce p { font-size: 15px; line-height: 1.4em; padding: 0; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-h2-content { font-size: 22px; line-height: 1.2em; padding: 20px 0; margin: 0; } .lepro-details-con-main2303 .lepro-dec-content { font-size: 15px; line-height: 1.3em; padding: 20px 0; } .lepro-details-con-main2303 .lepro-h2 { font-size: 22px; line-height: 1.2em; text-align: center; padding: 20px 0; margin: 0; } .lepro-details-con-main2303 .lepro-section-carousel-one .dots-list { position: initial; display: block; text-align: center; margin: 20px 0 0; } .lepro-details-con-main2303 .lepro-section-carousel-one .dots-list h4 { border-radius: 30px; border: 1px solid #808080; line-height: 2.5em; font-size: 14px; display: block; margin: 10px auto 0; max-width: 230px; } .lepro-details-con-main2303 .lepro-main2303-carousel .slick-arrow { display: none!important; } .lepro-details-con-main2303 .lepro-section-carousel-one .lepro-main2303-carousel .item-introduce { position: initial; transform: translateY(0); width: 100%; background: none; color: #0F1111; padding: 20px 0; } .lepro-details-con-main2303 .lepro-section-carousel-one .lepro-main2303-carousel .item-introduce h3 { font-size: 22px; line-height: 1.2em; text-align: center; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-section-carousel-one .lepro-main2303-carousel .item-introduce .item-h5 { font-size: 14px; line-height: 20px; text-align: center; } .lepro-details-con-main2303 .lepro-section-carousel-one .lepro-main2303-carousel .item-introduce p { font-size: 13px; line-height: 1.4em; text-align: center; padding: 0 10px; box-sizing: border-box; } .lepro-details-con-main2303 .lepro-main2303-carousel .lepro-carousel-list { height: 0; max-width: initial; } .lepro-details-con-main2303 .lepro-main2303-carousel .lepro-carousel-list.slick-current { height: auto; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .item-introduce { position: initial; transform: translateY(0); background: transparent; padding: 0; color: #0F1111; width: 100%; margin: 20px 0 0; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .item-introduce h3 { font-size: 18px; line-height: 1.3em; text-align: center; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .item-introduce .item-h5 { text-align: center; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .item-introduce p { font-size: 15px; line-height: 1.4em; background-color: #4D4D4D; padding: 20px; color: #fff; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-section-carousel-two .lepro-main2303-carousel .slick-dots { position: initial; padding: 15px 0; }
    /* lepro-introduction-image */ .lepro-details-con-main2303 .lepro-introduction-image { padding: 0; display: block; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-image-section { width: auto; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-introduction-section { width: auto; padding: 20px; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-introduction-section .p { font-size: 13px; } .lepro-details-con-main2303 .lepro-introduction-image .lepro-introduction-section .h3 { font-size: 22px; line-height: 1.2em; } .lepro-details-con-main2303 .lepro-section-carousel-three .dots-list { position: initial; text-align: center; padding: 20px; transform: translateY(0); text-align: center; width: auto; } .lepro-details-con-main2303 .lepro-section-carousel-three .dots-list h4 { border-radius: 30px; border: 1px solid #808080; font-size: 14px; max-width: 230px; text-align: left; line-height: 2.5em; margin: 0 auto 5px; } .lepro-details-con-main2303 .lepro-section-carousel-three .lepro-main2303-carousel .item-introduce { position: initial; transform: translateY(0); background: transparent; padding: 0; color: #0F1111; width: 100%; margin: 20px 0 0; } .lepro-details-con-main2303 .lepro-section-carousel-three .lepro-main2303-carousel .item-introduce h3 { font-size: 18px; line-height: 1.3em; text-align: center; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-section-carousel-three .lepro-main2303-carousel .item-introduce .item-h5 { text-align: center; } .lepro-details-con-main2303 .lepro-section-carousel-three .lepro-main2303-carousel .item-introduce p { font-size: 15px; line-height: 1.4em; background-color: #4D4D4D; padding: 20px; color: #fff; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-section-carousel-four { margin-bottom: 20px; } .lepro-details-con-main2303 .lepro-section-carousel-four .dots-list-four { position: initial; display: block; white-space: nowrap; overflow-x: auto; } .lepro-details-con-main2303 .lepro-section-carousel-four .dots-list-four h4 { min-width: initial } .lepro-details-con-main2303 .lepro-section-carousel-four .lepro-main2303-carousel .item-introduce { position: initial; transform: translateY(0); background: transparent; padding: 0; color: #0F1111; width: 100%; margin: 20px 0 0; } .lepro-details-con-main2303 .lepro-section-carousel-four .lepro-main2303-carousel .item-introduce h3 { font-size: 18px; line-height: 1.3em; text-align: center; margin: 10px 0; } .lepro-details-con-main2303 .lepro-section-carousel-four .lepro-main2303-carousel .item-introduce .item-h5 { text-align: center; } .lepro-details-con-main2303 .lepro-section-carousel-four .lepro-main2303-carousel .item-introduce p { font-size: 15px; line-height: 1.4em; background-color: #4D4D4D; padding: 20px; color: #fff; margin: 0 0 10px; } .lepro-details-con-main2303 .lepro-column-two-image { padding: 0; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-column { display: block; width: auto; padding: 0 0 20px; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-column:nth-child(2n - 1) { padding-right: 0; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-column:nth-child(2n) { padding-left: 0; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-section-heading { padding: 20px 20px 5px; font-size: 15px; line-height: 1.3em; margin: 0; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-section-description { padding: 10px 20px 0; font-size: 15px; line-height: 1.3em; } .lepro-details-con-main2303 .lepro-column-two-image .lepro-section-description ul { padding: 0; } .lepro-details-con-main2303 .lepro-column-four-image { padding: 10px; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-column { width: 50%; padding: 0; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-column:nth-child(2n-1) { padding: 10px 10px 10px 0; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-column:nth-child(2n) { padding: 10px 0 10px 10px; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-section-heading { font-size: 15px; line-height: 1.3em; margin: 0; } .lepro-details-con-main2303 .lepro-column-four-image .lepro-section-description ul { padding: 0; }
    /* lepro-column-three-image */ .lepro-details-con-main2303 .lepro-column-three-image .lepro-column { width: 100%; margin-bottom: 20px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-column .lepro-section-image { max-width: 300px; width: 80%; margin: 0 auto 20px; } .lepro-details-con-main2303 .lepro-column-three-image .lepro-section-heading { font-weight: bold; font-size: 15px; }
    yms 文本视频轮播 start ********** */ .lepro-amz-video-img-slider-2024 .h2-text { font-size: 20px; line-height: 26px; padding: 20px 0; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-list-section { display: block; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel { padding: 0 0 20px; } .lepro-amz-video-img-slider-2024 .lepro-list.slick-slide { display: block; position: relative; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap { width: 100%; margin-bottom: 30px; padding-top: 56.25%; padding-top: 30vh; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .lepro-video-con { position: absolute; top: 0; left: 0; min-height: initial; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-arrow { top: 12vh; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-video-wrap .vjs-tech { position: initial; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section { width: 100%; padding: 0 20px; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section .h4-text { font-size: 14px; line-height: 20px; padding: 0 0 10px; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section .h3-text { font-size: 26px; line-height: 32px; padding: 0 0 10px; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section .text-p { font-size: 14px; line-height: 20px; padding-bottom: 8px; } .lepro-amz-video-img-slider-2024 .lepro-amz-carousel .slick-dots { bottom: initial; } .lepro-amz-video-img-slider-2024 .lepro-list .lepro-text-section { display: none; } .lepro-amz-video-img-slider-2024 .lepro-list.slick-active .lepro-text-section { display: block; } /* yms 文本视频轮播 end **********
    /* yms 文本视频 start ********** */ .lepro-amz-video-img-2024 .lepro-list { padding: 10px 0; display: block; } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap { width: 100%; margin-bottom: 20px; } .lepro-amz-video-img-2024 .lepro-list .lepro-video-wrap .lepro-video-con { padding-top: 65.25%; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .aplus-accent1 { font-size: 14px; line-height: 24px; padding: 0 0 10px; box-sizing: border-box; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section .aplus-h2 { font-size: 26px; line-height: 30px; padding: 0 0 10px; } .lepro-amz-video-img-2024 .lepro-list .lepro-text-section { width: 100%; font-size: 14px; line-height: 20px; padding: 0; } /* yms 文本视频 end ********** */
    /* yms QA 折叠面板 start ********** */ .lepro-qa-section-2024 { padding: 0; } .lepro-qa-section-2024 .lepro-qa-block { padding-left: 60px; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; } .lepro-qa-section-2024 .lepro-qa-block::after, .lepro-qa-section-2024 .lepro-qa-block::before { width: 40px; line-height: 40px; font-size: 20px; } .lepro-qa-section-2024 .lepro-qa-block .lepro-p1 { line-height: 15px; padding-bottom: 5px; font-size: 15px; line-height: 20px; } .lepro-qa-section-2024 .lepro-qa-block .lepro-answer .lepro-p2 { font-size: 13px; line-height: 20px; } .lepro-qa-section-2024 .lepro-qa-block-active .lepro-answer .lepro-p2 { min-height: 40px; } .lepro-qa-section-2024 .lepro-qa-block .faq-arrow { right: 10px; } /* yms QA 折叠面板 end ********** */
    /* yms 样式公共部分start ********** */ .lepro-amz-common .lepro-premium-h2 { font-size: 24px; line-height: 30px; padding: 20px 0; } .lepro-details-con-main2303 .aplus-container-3, .lepro-amz-common .aplus-container-3 { padding: 10px 0; } .lepro-amz-common .lepro-h2, .lepro-spec-table-2024 .lepro-h2 { font-size: 26px; line-height: 1.2em; padding: 20px 0; } /* yms 样式公共部分end ********** */
    /* yms 视频 + 标题 + 描述 start ********** */ .lepro-amz-video-describe-2024 .lepro-premium-description .lepro-desc { padding: 10px 0; font-size: 16px; line-height: 22px; }
}
/** 模板样式 -- 与亚马逊类似 end */

/* 评论的推荐文字颜色 */
.page-wrapper .aw-ar__review-list-sidebar-main .recommend { color: #00AEC4; }
.page-wrapper .aw-ar__review-list-sidebar-main .recommend:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE2IDE2Ij4gIDxkZWZzPiAgICA8c3R5bGU+ICAgICAgLmNscy0xIHsgICAgICAgIGZpbGw6ICMwMEFFQzQ7ICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7ICAgICAgfSAgICA8L3N0eWxlPiAgPC9kZWZzPiAgPHBhdGggaWQ9IlJlY3RhbmdsZV8xX2NvcHkiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEgY29weSIgY2xhc3M9ImNscy0xIiBkPSJNOCwwQTgsOCwwLDEsMSwwLDgsOCw4LDAsMCwxLDgsMFptNC4wNDEsNy4xTDguMjg1LDExLjExMmEwLjk5NCwwLjk5NCwwLDAsMS0uOC4zMSwwLjk0OSwwLjk0OSwwLDAsMS0uOTMxLTAuMjUybC0yLjMxLTIuNWExLjA1OCwxLjA1OCwwLDAsMS0uMDI3LTEuNDQ5bDAuMzQtLjM2OEEwLjk1LDAuOTUsMCwwLDEsNS45NDQsNi44M0w3LjQsOC40bDIuODItMy4wMTVhMSwxLDAsMCwxLDEuNDEzLS4wNDdsMC4zNjUsMC4zNDJBMSwxLDAsMCwxLDEyLjA0MSw3LjFaIi8+PC9zdmc+); }

@media screen and (min-width: 751px) {
    /** 通用样式 */ .lepro-clearfix::after, .lepro-clearfix::before { content: ''; display: block; clear: both; } /* 标题样式 */ .lepro-custom-h2 { font-size: 26px; color: #333; margin: 10px 0; } .lepro-custom-h3 { font-size: 18px; color: #333; margin: 10px 0; } .lepro-custom-h4 { font-size: 14px; color: #333; font-weight: 700; margin: 10px 0; } /* 图片文字样式1 */ .lepro-custom-img-wrapper { margin: 10px 0; } .lepro-custom-img-wrapper .img-wrap { min-width: 400px; width: 400px; margin-right: 30px; float: left; } .lepro-custom-img-wrapper .img-wrap .img { display: block; max-width: 100%; margin: 0 auto; } .lepro-custom-img-wrapper .img-content .img-title { font-size: 14px; font-weight: 700; color: #333; line-height: 20px; } .lepro-custom-img-wrapper .img-content .img-dec { font-size: 14px; color: #333; line-height: 20px; margin-top: 10px; } /* 图片文字样式2 */ .lepro-custom-img-size-list .item-row { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; margin: 10px 0; } .lepro-custom-img-size-list .item-row .item { box-shadow: 2px 2px 12px #00000017; border-radius: 5px; width: 32%; overflow: hidden; margin-left: 2%; margin-bottom: 10px; } .lepro-custom-img-size-list .item-row .item:nth-child(3n + 1) { margin-left: 0; } .lepro-custom-img-size-list .item-row .item .item-img { display: block; } .lepro-custom-img-size-list .item-row .item .item-img .img { display: block; width: 100%; } .lepro-custom-img-size-list .item-row .item .item-title { padding: 15px; } .lepro-custom-img-size-list .item-row .item .title-text { display: block; color: #2a6087; font-weight: 700; font-size: 14px; } .lepro-custom-img-size-list .item-row .item .title-text:hover { color: #8ac86d; text-decoration: none; } /** 图片文字样式3 */ .lepro-custom-about-img-list { margin: 10px 0; } .lepro-custom-about-img-list .lists-title { color: #000; font-weight: bold; font-size: 28px; text-align: center; } .lepro-custom-about-img-list .lists-dec { color: #000; font-size: 16px; text-align: center; line-height: 22px; margin: 10px 0 5px; } .lepro-custom-about-img-list .items { margin: 15px 0 0; border-bottom: 1px solid #e7e4e4; padding:0 0 15px; } .lepro-custom-about-img-list .items:last-child { border-bottom: none; } .lepro-custom-about-img-list .items .img-wrap { float: left; min-width: 400px; width: 400px; margin: 0 15px 10px 0; } .lepro-custom-about-img-list .items .img-wrap .img { max-width: 100%; display: block; } .lepro-custom-about-img-list .items .item-text-wrap .item-text-title { color: #000; font-size: 16px; font-weight: bold; line-height: 26px; } .lepro-custom-about-img-list .items .item-text-wrap .p { color: #000; font-size: 16px; line-height: 29px; } .lepro-custom-about-img-list .items:nth-child(2n) .img-wrap { float: right; } /** 图片文字样式4 */ .lepro-custom-img-wrapper-002 { margin: 10px 0; } .lepro-custom-img-wrapper-002 .custom-text-wrap { display: flex; display: -webkit-flex; display: -moz-flex; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text { width: 32%; margin-left: 2%; display: flex; display: -webkit-flex; display: -moz-flex; align-content: space-between; -webkit-align-content: space-between; -moz-align-content: space-between; flex-wrap: wrap; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text .item-text-wrap { width: 100%; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text .img-wrap { width: 100%; margin: 10px 0 0; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text:nth-child(3n + 1) { margin-left: 0; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text .text-title { text-align: center; color: #000; font-size: 16px; font-weight: bold; line-height: 25px; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text .text-dec { color: #000; font-size: 14px; line-height: 26px; margin: 10px 0 0; } .lepro-custom-img-wrapper-002 .custom-text-wrap .img-wrap .img { display: block; max-width: 100%; margin: 0 auto; } /** 图片文字样式5 */ .lepro-custom-img-wrapper-003 { margin: 10px 0; } .lepro-custom-img-wrapper-003 .img-title { color: #000; font-size: 16px; } .lepro-custom-img-wrapper-003 .img-dec { color: #000; font-size: 14px; margin: 10px 0 0; line-height: 22px; } .lepro-custom-img-wrapper-003 .img-wrap { margin: 20px 0 0; } .lepro-custom-img-wrapper-003 .img-wrap .img { display: block; margin: 0 auto; max-width: 100%; } /* 视频样式 */ .lepro-custom-video-wrapper { margin: 10px 0; } .lepro-custom-video-wrapper .lepro-video-title { font-size: 32px; color: #333; font-weight: normal; } .lepro-custom-video-wrapper .lepro-video-item { display: flex; display: -webkit-flex; display: -moz-flex; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; } .lepro-custom-video-wrapper .lepro-video-item .item { width: 48%; margin: 15px 0 0 4%; } .lepro-custom-video-wrapper .lepro-video-item .item:nth-child(2n + 1) { margin-left: 0; } .lepro-custom-video-wrapper .lepro-video-item .item .video-iframe { width: 100%; height: 100%; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .lepro-custom-video-wrapper .lepro-video-item .item .video-iframe-wrap { padding-top: 56%; position: relative; } .lepro-custom-video-wrapper .lepro-video-item .item .item-title { font-size: 16px; color: #000; margin: 10px 0 0; line-height: 20px; text-align: center; } /** 视频样式2 */ .lepro-custom-video-wrapper-002 { margin: 10px 0; } .lepro-custom-video-wrapper-002 .lists-title { color: #000; font-weight: bold; font-size: 28px; text-align: center; } .lepro-custom-video-wrapper-002 .lists-dec { color: #000; font-size: 16px; text-align: center; line-height: 22px; margin: 10px 0 5px; } .lepro-custom-video-wrapper-002 .items { display: flex; display: -webkit-flex; display: -moz-flex; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; margin: 10px 0 0; position: relative; } .lepro-custom-video-wrapper-002 .items .img-wrap { width: 48%; padding-top: 32%; overflow: hidden; position: relative; background-color: #000; } .lepro-custom-video-wrapper-002 .items .img-wrap .video-iframe { width: 100%; height: 100%; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .lepro-custom-video-wrapper-002 .items .item-text-wrap { width: 48%; } .lepro-custom-video-wrapper-002 .items .item-text-wrap .item-text-title { color: #000; font-size: 16px; font-weight: bold; line-height: 26px; } .lepro-custom-video-wrapper-002 .items .item-text-wrap .p { color: #000; font-size: 16px; line-height: 30px; } .lepro-custom-video-wrapper-002 .items:nth-child(2n) .img-wrap { order: 1; } /** 表格样式1 */ .lepro-custom-table-wrapper-001 { margin: 10px 0; } .lepro-custom-table-wrapper-001 .custom-table { width: 100%; border: 1px solid #e7e7e7; } .lepro-custom-table-wrapper-001 .custom-table thead { text-align: left; background-color: #fbfbfb; } .lepro-custom-table-wrapper-001 .custom-table thead tr th { padding: 15px 10px; color: #666; max-width: 100px; word-wrap: break-word; line-height: 20px; border-left: 1px solid #e7e7e7; text-align: center;} .lepro-custom-table-wrapper-001 .custom-table tbody tr td { padding: 15px 10px; color: #666; word-wrap: break-word; line-height: 20px; border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; } .lepro-custom-table-wrapper-001 .custom-table tbody tr:nth-child(2n) { background-color: #fbfbfb; } /** 文字列表样式1 */ .lepro-custom-size-list { margin: 0 0 10px; } .lepro-custom-size-list .size-item { margin: 15px 0 0; } .lepro-custom-size-list .size-item .size-title { color: #000; font-size: 15px; padding: 0 3em; position: relative; } .lepro-custom-size-list .size-item .size-title:after { content: ''; display: block; position: absolute; z-index: 1; top: 50%; left: 1.5em; width: 5px; height: 5px; background-color: #000; border-radius: 50%; margin: -3px 0 0; } .lepro-custom-size-list .size-item .size-dec { color: #000; font-size: 14px; margin: 15px 0 0; line-height: 22px; }
    /** 视频样式3 */ .lepro-custom-video-wrapper-003 .item-text-h5 { padding-bottom: 20px; font-size: 16px; } .lepro-custom-video-wrapper-003 .item-text-h3 { font-size: 24px; } .lepro-custom-video-wrapper-003 .items { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; position: relative; padding: 20px; } .lepro-custom-video-wrapper-003 .items .img-wrap { width: 50%; padding-top: 32%; overflow: hidden; position: relative; background-color: #0F1111; } .lepro-custom-video-wrapper-003 .items .img-wrap .video-iframe { width: 100%; height: 100%; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .lepro-custom-video-wrapper-003 .items .item-text-wrap { width: 50%; } .lepro-custom-video-wrapper-003 .items-left .item-text-wrap { width: 50%; padding: 20px 20px 20px 40px; } .lepro-custom-video-wrapper-003 .items-right .item-text-wrap { width: 50%; padding: 20px 20px 20px 20px; } .lepro-custom-video-wrapper-003 .items .item-text-wrap .p { color: #333; font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 10px; } .lepro-custom-video-wrapper-003 .items:nth-child(2n) .img-wrap { order: 1; }

    /** 文字列表样式2 */
    .lepro-custom-size-list2 .size-chunk .size-title { font-weight: bold; font-size: 17px; margin-bottom: 6px; color: #0F1111; }
    .lepro-custom-size-list2 .size-chunk .size-base { font-size: 14px; margin-bottom: 14px; font-weight: 700; color: #0F1111; }
    .lepro-custom-size-list2 .size-chunk .size-list { margin: 0 0 18px 18px; }
    .lepro-custom-size-list2 .size-chunk .size-list .size-item { color: #0F1111; font-size: 14px; line-height: 20px; list-style: disc; }

    /* 图片文字样式六 */
    .lepro-custom-img-wrapper-006 { margin: 0 0 10px; } .lepro-custom-img-wrapper-006 .lepro-con-title .lepro-title-text { color: #000; font-size: 34px; text-align: center; font-weight: normal; } .lepro-custom-img-wrapper-006 .lepro-lists { margin: 30px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-list { width: 32.33%; margin-left: 1.5%; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-list:nth-child(3n + 1) { margin-left: 0; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-img-box { width: 100%; padding-top: 100%; position: relative; overflow: hidden; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-img-box .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 1; max-height: 100%; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-list-title { margin: 20px 10px 0; text-align: center; color: #000; font-size: 22px; font-weight: normal; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-list-dec { margin: 10px 10px; color: #212121; font-size: 16px; line-height: 25px; }
    /* 图片文字样式七 */
    .lepro-custom-img-wrapper-007 { margin: 0 0 10px; } .lepro-custom-img-wrapper-007 .lepro-con-title .lepro-title-text { color: #000; font-size: 34px; text-align: center; font-weight: normal; } .lepro-custom-img-wrapper-007 .lepro-lists { margin: 30px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-list { width: 24%; margin-left: 1.3%; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-list:nth-child(3n + 1) { margin-left: 0; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-img-box { width: 100%; padding-top: 100%; position: relative; overflow: hidden; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-img-box .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 1; max-height: 100%; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-list-title { margin: 20px 10px 0; text-align: center; color: #000; font-size: 22px; font-weight: normal; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-list-dec { margin: 10px 10px; color: #212121; font-size: 16px; line-height: 25px; }
    /** 表格样式三 */
    .lepro-custom-table-wrapper-003 { margin: 10px 0; } .lepro-custom-table-wrapper-003 .custom-table { width: 100%; border: 1px solid #fff; } .lepro-custom-table-wrapper-003 .custom-table thead { text-align: center; background-color: #6db93d; } .lepro-custom-table-wrapper-003 .custom-table thead tr th { padding: 15px 10px; color: #fff; max-width: 100px; word-wrap: break-word; line-height: 20px; border-left: 1px solid #fff; font-size: 16px; vertical-align: middle;text-align: center;} .lepro-custom-table-wrapper-003 .custom-table tbody { text-align: center; background-color: #ebebeb; } .lepro-custom-table-wrapper-003 .custom-table tbody tr td { padding: 15px 10px; color: #454545; word-wrap: break-word; line-height: 20px; border-left: 1px solid #fff; border-top: 1px solid #fff; font-size: 16px;vertical-align: middle; } .lepro-custom-table-wrapper-003 .custom-table tbody .href-color { color: #6db93d; text-decoration: underline; } .lepro-custom-table-wrapper-003 .custom-table tbody .icon-download { display: inline-block; width: 30px; height: 30px; font-size: 16px; background: url('/media/catalog_details/icon_download.png') no-repeat center center; background-size: 100%; vertical-align: middle; margin: 0 5px 0 0; }
}
@media screen and (max-width: 750px) {
    /* 标题样式 */ .lepro-custom-h2 { font-size: 20px; color: #333; margin: 10px 0; } .lepro-custom-h3 { font-size: 16px; color: #333; margin: 10px 0; } .lepro-custom-h4 { font-size: 12px; color: #333; font-weight: 700; margin: 10px 0; } /* 图片文字样式1 */ .lepro-custom-img-wrapper { margin: 10px 0; } .lepro-custom-img-wrapper .img-wrap .img { display: block; width: 100%; } .lepro-custom-img-wrapper .img-content .img-title { font-size: 14px; font-weight: 700; color: #333; line-height: 20px; margin-top: 10px; } .lepro-custom-img-wrapper .img-content .img-dec { font-size: 14px; color: #333; line-height: 20px; margin-top: 10px; } /* 图片文字样式2 */ .lepro-custom-img-size-list .item-row { margin: 10px 0; } .lepro-custom-img-size-list .item-row .item { box-shadow: 2px 2px 12px #00000017; border-radius: 5px; overflow: hidden; margin: 10px 0; } .lepro-custom-img-size-list .item-row .item:nth-child(3n + 1) { margin-left: 0; } .lepro-custom-img-size-list .item-row .item .item-img { display: block; } .lepro-custom-img-size-list .item-row .item .item-img .img { display: block; width: 100%; } .lepro-custom-img-size-list .item-row .item .item-title { padding: 15px; } .lepro-custom-img-size-list .item-row .item .title-text { display: block; color: #2a6087; font-weight: 700; font-size: 14px; } .lepro-custom-img-size-list .item-row .item .title-text:hover { color: #8ac86d; text-decoration: none; } /** 图片样式3 */ .lepro-custom-about-img-list { margin: 10px 0; } .lepro-custom-about-img-list .lists-title { color: #000; font-weight: bold; font-size: 22px; text-align: center; } .lepro-custom-about-img-list .lists-dec { color: #000; font-size: 14px; text-align: center; line-height: 22px; margin: 10px 0 5px; } .lepro-custom-about-img-list .items { margin: 10px 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #ebe9e9; } .lepro-custom-about-img-list .items:last-child { border-bottom: none; padding: 0; } .lepro-custom-about-img-list .items .img-wrap .img { max-width: 100%; display: block; } .lepro-custom-about-img-list .items .item-text-wrap .item-text-title { color: #000; font-size: 14px; font-weight: bold; line-height: 26px; margin: 5px 0 0; } .lepro-custom-about-img-list .items .item-text-wrap .p { color: #000; font-size: 14px; line-height: 30px; } /** 图片文字样式4 */ .lepro-custom-img-wrapper-002 .custom-text-wrap { margin: 10px 0; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text { display: flex; display: -webkit-flex; display: -moz-flex; align-content: space-between; -webkit-align-content: space-between; -moz-align-content: space-between; flex-wrap: wrap; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text .item-text-wrap, .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text .img-wrap { width: 100%; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text:nth-child(3n + 1) { margin-left: 0; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text .text-title { text-align: center; color: #000; font-size: 16px; font-weight: bold; line-height: 25px; margin: 10px 0 0; } .lepro-custom-img-wrapper-002 .custom-text-wrap .item-text .text-dec { color: #000; font-size: 14px; line-height: 26px; margin: 10px 0 0; } .lepro-custom-img-wrapper-002 .custom-text-wrap .img-wrap .img { max-width: 100%; display: block; margin: 0 auto; } /** 图片文字样式5 */ .lepro-custom-img-wrapper-003 { margin: 10px 0; } .lepro-custom-img-wrapper-003 .img-title { color: #000; font-size: 16px; } .lepro-custom-img-wrapper-003 .img-dec { color: #000; font-size: 14px; margin: 10px 0 0; line-height: 22px; } .lepro-custom-img-wrapper-003 .img-wrap { margin: 20px 0 0; } .lepro-custom-img-wrapper-003 .img-wrap .img { display: block; margin: 0 auto; max-width: 100%; } /* 视频样式 */ .lepro-custom-video-wrapper { margin: 10px 0; } .lepro-custom-video-wrapper .lepro-video-title { font-size: 24px; color: #333; font-weight: normal; } .lepro-custom-video-wrapper .lepro-video-item .item { margin: 15px 0 0; padding-top: 56%; position: relative; } .lepro-custom-video-wrapper .lepro-video-item .item:nth-child(2n + 1) { margin-left: 0; } .lepro-custom-video-wrapper .lepro-video-item .item .video-iframe { width: 100%; height: 100%; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } /** 视频样式2 */ .lepro-custom-video-wrapper-002 { margin: 10px 0; } .lepro-custom-video-wrapper-002 .lists-title { color: #000; font-weight: bold; font-size: 28px; text-align: center; } .lepro-custom-video-wrapper-002 .lists-dec { color: #000; font-size: 16px; text-align: center; line-height: 22px; margin: 10px 0 5px; } .lepro-custom-video-wrapper-002 .items { margin: 10px 0 0; position: relative; } .lepro-custom-video-wrapper-002 .items .img-wrap { padding-top: 56%; overflow: hidden; position: relative; background-color: #000; } .lepro-custom-video-wrapper-002 .items .img-wrap .video-iframe { width: 100%; height: 100%; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .lepro-custom-video-wrapper-002 .items .item-text-wrap .item-text-title { color: #000; font-size: 16px; font-weight: bold; line-height: 26px; margin: 5px 0 0; } .lepro-custom-video-wrapper-002 .items .item-text-wrap .p { color: #000; font-size: 16px; line-height: 30px; } .lepro-custom-video-wrapper-002 .items:nth-child(2n) .img-wrap { order: 1; } /** 表格样式1 */ .lepro-custom-table-wrapper-001 { margin: 10px 0; } .lepro-custom-table-wrapper-001 .custom-table { width: 100%; border: 1px solid #e7e7e7; } .lepro-custom-table-wrapper-001 .custom-table thead { text-align: left; background-color: #fbfbfb; } .lepro-custom-table-wrapper-001 .custom-table thead tr th { padding: 15px 10px; color: #666; max-width: 100px; word-wrap: break-word; line-height: 20px; border-left: 1px solid #e7e7e7; text-align: center;} .lepro-custom-table-wrapper-001 .custom-table tbody tr td { padding: 15px 10px; color: #666; word-wrap: break-word; line-height: 20px; border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; } .lepro-custom-table-wrapper-001 .custom-table tbody tr:nth-child(2n) { background-color: #fbfbfb; } /** 文字列表样式1 */ .lepro-custom-size-list { margin: 0 0 10px; } .lepro-custom-size-list .size-item { margin: 15px 0 0; } .lepro-custom-size-list .size-item .size-title { color: #000; font-size: 14px; padding: 0 3em; position: relative; } .lepro-custom-size-list .size-item .size-title:after { content: ''; display: block; position: absolute; z-index: 1; top: 50%; left: 1.5em; width: 5px; height: 5px; background-color: #000; border-radius: 50%; margin: -3px 0 0; } .lepro-custom-size-list .size-item .size-dec { color: #000; font-size: 14px; margin: 15px 0 0; line-height: 22px; }
    /** 视频样式3 */ .lepro-custom-video-wrapper-003 .item-text-h5 { padding-bottom: 10px; font-size: 13px; } .lepro-custom-video-wrapper-003 .item-text-h3 { font-size: 18px; padding: 0 0 10px; margin: 0; } .lepro-custom-video-wrapper-003 .items { padding: 20px 0 10px; } .lepro-custom-video-wrapper-003 .items .img-wrap { width: 100%; padding-top: 56%; overflow: hidden; position: relative; background-color: #0F1111; margin-bottom: 20px; } .lepro-custom-video-wrapper-003 .items .img-wrap .video-iframe { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; } .lepro-custom-video-wrapper-003 .items .item-text-wrap .p { color: #0F1111; font-size: 15px; line-height: 22px; font-weight: 300; margin-bottom: 10px; } .lepro-custom-video-wrapper-003 .items:nth-child(2n) .img-wrap { order: 1; } .lepro-custom-video-wrapper-003 .items-right { display: flex; flex-direction: column-reverse; }

    /** 文字列表样式2 */
    .lepro-custom-size-list2 .size-chunk .size-title { font-weight: bold; font-size: 16px; margin-bottom: 7px; color: #0F1111; }
    .lepro-custom-size-list2 .size-chunk .size-base { font-size: 14px; margin-bottom: 7px; font-weight: 700; color: #0F1111; }
    .lepro-custom-size-list2 .size-chunk .size-list { margin: 0 0 18px 18px; }
    .lepro-custom-size-list2 .size-chunk .size-list .size-item { color: #0F1111; font-size: 14px; line-height: 20px; list-style: disc;}
    /* 图片文字样式六 */
    .lepro-custom-img-wrapper-006 { margin: 0 0 10px; } .lepro-custom-img-wrapper-006 .lepro-con-title .lepro-title-text { color: #000; font-size: 26px; text-align: center; font-weight: normal; } .lepro-custom-img-wrapper-006 .lepro-lists { margin: 10px 0 0; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-list { padding: 20px 0 0; border-bottom: 1px solid #f1f1f1; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-list:last-child { border-bottom: none; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-img-box { width: 50%; padding-top: 50%; position: relative; overflow: hidden; margin: 0 auto; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-img-box .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 1; max-height: 100%; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-list-title { margin: 20px 10px 0; text-align: center; color: #000; font-size: 18px; font-weight: normal; } .lepro-custom-img-wrapper-006 .lepro-lists .lepro-list-dec { margin: 10px 10px; color: #212121; font-size: 14px; line-height: 25px; }
    /* 图片文字样式七 */
    .lepro-custom-img-wrapper-007 { margin: 0 0 10px; } .lepro-custom-img-wrapper-007 .lepro-con-title .lepro-title-text { color: #000; font-size: 26px; text-align: center; font-weight: normal; } .lepro-custom-img-wrapper-007 .lepro-lists { margin: 30px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-list { width: 49%; margin-left: 2%; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-list:nth-child(2n + 1) { margin-left: 0; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-img-box { width: 100%; padding-top: 100%; position: relative; overflow: hidden; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-img-box .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 1; max-height: 100%; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-list-title { margin: 20px 10px 0; text-align: center; color: #000; font-size: 18px; font-weight: normal; } .lepro-custom-img-wrapper-007 .lepro-lists .lepro-list-dec { margin: 10px 10px; color: #212121; font-size: 14px; line-height: 25px; }
    /** 表格样式三 */
    .lepro-custom-table-wrapper-003 { margin: 5px 0; } .lepro-custom-table-wrapper-003 .custom-table-wrapper { overflow-x: auto; padding: 0 0 10px; } .lepro-custom-table-wrapper-003 .custom-table { width: 100%; border: 1px solid #fff; } .lepro-custom-table-wrapper-003 .custom-table thead { text-align: center; background-color: #6db93d; } .lepro-custom-table-wrapper-003 .custom-table thead tr th { padding: 5px; color: #fff; max-width: 160px; min-width: 100px; word-wrap: break-word; line-height: 20px; border-left: 1px solid #fff; font-size: 14px; vertical-align: middle;text-align: center; } .lepro-custom-table-wrapper-003 .custom-table tbody { text-align: center; background-color: #ebebeb; } .lepro-custom-table-wrapper-003 .custom-table tbody tr td { padding: 5px; color: #454545; word-wrap: break-word; line-height: 20px; border-left: 1px solid #fff; border-top: 1px solid #fff; font-size: 14px;vertical-align: middle; } .lepro-custom-table-wrapper-003 .custom-table tbody tr td p {margin: 0;} .lepro-custom-table-wrapper-003 .custom-table tbody .href-color { color: #6db93d; text-decoration: underline; } .lepro-custom-table-wrapper-003 .custom-table tbody .icon-download { display: inline-block; width: 25px; height: 25px; font-size: 14px; background: url('/media/catalog_details/icon_download.png') no-repeat center center; background-size: 100%; vertical-align: middle; margin: 0 5px 0 0; }
    /* 模板样式放在header上。暂时存放在.phtml中 end */
}