All productsPrinted Paper CupGold/Sliver Foil Stamping Paper Cup3D Emboss/3D Deboss Paper CupLaser Rainbow Paper CupUV Coating Paper CupShiny Film Paper CupKraft Paper CupIce Cream CupPaper Cup SleevePaper Cup Holderdocument.addEventListener("DOMContentLoaded", function(){ void function(context){ const hotAreaItem = document.querySelector(`.J-hot-${context.scopeId}`); let timerDomResize = null; const handleDomResize = () => { clearTimeout(timerDomResize); timerDomResize = setTimeout(() => { const imgCurrentWidth = hotAreaItem.querySelector('img').width; const imgWidthSize = hotAreaItem.querySelector('img').dataset.size; const scaleRatio = imgCurrentWidth / imgWidthSize || 1; const hotAreas = hotAreaItem.querySelector('map').querySelectorAll('area'); hotAreas.forEach((area) => { const coords = area.dataset.coords.split(','); area.coords = coords.map((coord) => coord * scaleRatio).join(','); }); }, 1000); }; const resizeObserver = window.ResizeObserver && new window.ResizeObserver(() => { handleDomResize(); }); if (hotAreaItem) { handleDomResize(); if (resizeObserver) { resizeObserver.observe(hotAreaItem); } } let timerWindowResize = null; const responsiveWidth = 1415; const handleWindowResize = () => { clearTimeout(timerWindowResize); timerWindowResize = setTimeout(() => { const img = hotAreaItem.querySelector('img'); const imgWidthSize = img.dataset.size; if(context.mode != 'preview-pad'){ if (window.innerWidth > responsiveWidth) { img.style.minWidth = `${imgWidthSize}px`; return; } img.style.minWidth = `${imgWidthSize * (window.innerWidth / responsiveWidth)}px`; }else{ img.style.minWidth = `${imgWidthSize * (768 / responsiveWidth)}px`; } }, 300); }; handleWindowResize(); window.addEventListener('resize', handleWindowResize); }({scopeId:"scope-1a0fd7ccbfb",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .sr-hot[data-v-3353c608] { margin: 0 auto; max-width: 2560px; width: 100%; } .sr-hot-inside[data-v-3353c608] { width: 100%; } .sr-image-wrapper[data-v-3353c608] { width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; } .sr-hot-image[data-v-3353c608] { display: block; max-width: 100%; } .sr-no-pic[data-v-3353c608] { height: 400px; } @media screen and (max-width: 1279px) { .sr-no-pic[data-v-3353c608] { height: 300px; } } document.addEventListener("DOMContentLoaded", function(){ void function(context){ const hotAreaItem = document.querySelector(`.J-hot-${context.scopeId}`); let timerDomResize = null; const handleDomResize = () => { clearTimeout(timerDomResize); timerDomResize = setTimeout(() => { const imgCurrentWidth = hotAreaItem.querySelector('img').width; const imgWidthSize = hotAreaItem.querySelector('img').dataset.size; const scaleRatio = imgCurrentWidth / imgWidthSize || 1; const hotAreas = hotAreaItem.querySelector('map').querySelectorAll('area'); hotAreas.forEach((area) => { const coords = area.dataset.coords.split(','); area.coords = coords.map((coord) => coord * scaleRatio).join(','); }); }, 1000); }; const resizeObserver = window.ResizeObserver && new window.ResizeObserver(() => { handleDomResize(); }); if (hotAreaItem) { handleDomResize(); if (resizeObserver) { resizeObserver.observe(hotAreaItem); } } let timerWindowResize = null; const responsiveWidth = 1415; const handleWindowResize = () => { clearTimeout(timerWindowResize); timerWindowResize = setTimeout(() => { const img = hotAreaItem.querySelector('img'); const imgWidthSize = img.dataset.size; if(context.mode != 'preview-pad'){ if (window.innerWidth > responsiveWidth) { img.style.minWidth = `${imgWidthSize}px`; return; } img.style.minWidth = `${imgWidthSize * (window.innerWidth / responsiveWidth)}px`; }else{ img.style.minWidth = `${imgWidthSize * (768 / responsiveWidth)}px`; } }, 300); }; handleWindowResize(); window.addEventListener('resize', handleWindowResize); }({scopeId:"scope-1a0f887dee1",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .video-wrap[data-v-95e31b72]{ display: flex; justify-content: center ; margin:0 auto; max-width: 100%; } .video-wrap-title[data-v-95e31b72]{ margin-bottom:20px; } .video-wrap .video-block[data-v-95e31b72]{ width: 60%; /* height: 480px; */ background:#222; position: relative; display: flex; flex-direction: column; justify-content: center; } .video-content[data-v-95e31b72] { /* width: 100%; height: 100%; text-align: center; position: relative; */ position: relative; font-size: 0; display: flex; justify-content: space-around; flex-wrap: wrap; padding-top: 56.25%; overflow: hidden; } .video-content .video-iframe[data-v-95e31b72],.video-content .video-cover[data-v-95e31b72]{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; display: flex; justify-content: center; align-items: center; } .video-content .video-cover[data-v-95e31b72]{ z-index:11; } .video-content .video-cover .video-cover-mark[data-v-95e31b72]{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .video-content .video-cover:hover .video-cover-mark[data-v-95e31b72]{ display:none; } .video-content .video-cover .img[data-v-95e31b72]{ max-width: 100%; max-height: 100%; vertical-align: middle; transition: transform .3s ease-out; } .video-content .video-cover.prevent-click:hover .img[data-v-95e31b72]{ transform: scale(1.04); } .video-content .video-cover .icon-play[data-v-95e31b72]{ color: #fff; font-size: 48px; position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; } .video-info[data-v-95e31b72]{ flex:1; height: 405px; padding: 40px; box-sizing: border-box; background: #E6ECF2; position:relative; } .video-info .videoInfoBg[data-v-95e31b72]{ position:absolute; bottom:1px; right:41px; } .video-info .videoInfoBgimg[data-v-95e31b72]{ max-width: 185px; max-height:171px; } .video-info .title[data-v-95e31b72]{ font-weight: bold; font-size: 36px; line-height: 43px; color: #222; max-width:420px; } .video-info .sub-title[data-v-95e31b72]{ font-size: 14px; line-height: 16px; color: #888; margin-top: 20px; max-width:320px; } .video-info .content[data-v-95e31b72]{ font-size: 14px; line-height: 21px; color: #555; max-height: 172px; margin-top: 20px; padding:2px; margin:-2px; max-width:420px; } .video-info .video-info-line[data-v-95e31b72]{ width: 40px; height: 1px; border-top: 1px solid #555555; margin: 10px 0 20px 6px; box-sizing: border-box; } .an-video-edit__wrap[data-v-95e31b72] { display: inline-block; position: relative; cursor: pointer; font-size: 0; } .an-video-edit__wrap.edit[data-v-95e31b72]:hover { box-shadow: 0 0 0 3px #534EF0; z-index: 10; } .an-video-edit__wrap .an-video-edit__operation-wrap.show-edit[data-v-95e31b72] { display: flex; visibility: visible; } .an-video-edit__wrap.disabled-edit[data-v-95e31b72] { box-shadow: none; cursor: default; } .an-video-edit__operation-wrap[data-v-95e31b72] { display: flex; align-items: flex-end; justify-content: center; position:absolute; width: 100%; height: 50px; padding-bottom: 8px; top: -58px; visibility: hidden; } @media only screen and (max-width: 1279px){ .video-wrap-edit .video-info .title[data-v-95e31b72]{ max-width:320px; } .video-wrap-edit .video-info .sub-title[data-v-95e31b72]{ max-width:320px; } .video-wrap-edit .video-info .content[data-v-95e31b72]{ max-width:372px; } } @media only screen and (max-width: 1279px){ .video-wrap-show .video-info .title[data-v-95e31b72]{ max-width:320px; } .video-wrap-show .video-info .sub-title[data-v-95e31b72]{ max-width:320px; } .video-wrap-show .video-info .content[data-v-95e31b72]{ max-width:372px; } } @media only screen and (max-width: 1023px){ .video-wrap-show[data-v-95e31b72] { flex-direction: column; width: 720px; margin: 0 auto; flex-wrap: wrap; } .video-wrap-show .video-block[data-v-95e31b72]{ width: 720px; height: 480px; } .video-wrap-show .video-info[data-v-95e31b72]{ width: 720px; height: 480px; } .video-wrap-show .video-info .videoInfoBg[data-v-95e31b72]{ right:70px; } .video-wrap-show .video-info .title[data-v-95e31b72]{ max-width:650px; } .video-wrap-show .video-info .sub-title[data-v-95e31b72]{ max-width:500px; } .video-wrap-show .video-info .content[data-v-95e31b72]{ max-width:688px; min-height:180px; } } GreenFoodPack Please enter in English. 20+ years paper packaging manufacturer Please enter in English. GFP Packaging Specialize In Chocolate Box,Gift Box,Pizza Box,Cake Box,Paper Box,Coffee Cup,Ice Cream Cup,Paper Cups,Takeaway Bag,Paper Bags,Etc. We Offer Various Customized Packaging Solutions For Bakery,Coffee Shop,Takeaway Food,Supermarkets,Shopping Shop,And Many Other Industries. Please enter in English. document.addEventListener("DOMContentLoaded", function(){ void function(context){ Athena.loadShim("$", function(){ let videoObj = document.querySelector(".J-video-url-" + context.scopeId); let videoSpace =document.querySelector("#videoContent-" + context.scopeId); let player; if(window["faw"] && window["VideoPlayer"]){ faw.videoWatcher() } $(".J-video-"+ context.scopeId).on("click",function(){ if(player){ player.play(); }else{ if(videoObj && videoObj.value!="" && videoSpace){ player = new VideoPlayer({ el: "#videoContent-" + context.scopeId, // 视频播放区域 videoUrl: videoObj.value, // 视频url autoplay: false, // 是否自动播放 blank: "/vblank.html", token: "", // 微软视频的 token muted: true }); player.on("loadeddata", function(){ player.play(); }); player.on("play", function(){ $(".J-video-"+ context.scopeId).hide(); }); player.on("ended", function(){ $(".J-video-"+ context.scopeId).show(); }); } } }) }) }({scopeId:"scope-1a0fa5a89d0",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) Español
