.wrapper{padding-top:0!important;}

.demoImgsWpr{ width:100vw; height:100vh; position:relative; background:#000}

.demoImg{position: absolute;top: 0;right: 0;bottom: 0px;left: 0; opacity:0; transition:all 0.3s ease;}

.demoImg.on{ opacity:1; z-index:2;}

.demoImg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}

.demoBtnx{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.next,.prev{position:absolute; display:inline-block; cursor:pointer; width:6.14%; height:4.32%;}

.demo_gif{}

.demoImg1 .next{ width:12.5%; height:5.62%; left:43.8%; top:70.02%;}

.demoImg2 .prev{ left:14.27%; top:23.7%;}

.demoImg2 .next{ left:21.25%; top:23.7%;}

.demoImg3 .prev{ left:48.02%; top:26.83%;}

.demoImg3 .next{ top:26.83%; left:55%;}

.demoImg4 .prev{ left:26.97%; top:46.64%;}

.demoImg4 .next{ top:46.64%; left:33.95%;}

.demoImg5 .prev{ left:18.12%; top:30.19%;}

.demoImg5 .next{ top:30.19%; left:25.05%;}

.demoImg6 .prev{ width:4.68%; left:84.37%; top:67.09%;}

.demoImg6 .next{ width:4.68%; top:67.09%; left:89.32%;}

.demoImg7 .prev{ left:83.17%; top:85.93%;}

.demoImg7 .next{ top:85.93%; left:90.15%;}

.demoImg8 .prev{ left:76.25%; top:47.07%;}

.demoImg8 .next{ top:47.07%; left:83.17%;}

.demoImg9 .prev{ left:5.67%; top:70.02%;}

.demoImg9 .next{ top:70.02%; left:12.65%;}

.demoImg10 .prev{ left:49.32%; top:31.7%;}

.demoImg10 .next{ top:31.7%; left:56.3%;}

.demoImg11 .prev{ left:80.57%; top:76.19%;}

.demoImg11 .next{ top:76.19%; left:87.5%;}

.demoImg12 .prev{ left:8.59%; top:33.54%;}

.demoImg12 .next{ top:33.54%; left:15.52%;}

.demoImg13 .prev{ left:52.81%; top:74.89%;}

.demoImg13 .next{ top:74.89%; left:59.73%;}

.demoImg14 .prev{ left:83.75%; top:86.9%;}

.demoImg14 .next{ top:86.9%; left:90.67%;}

.demoImg15 .prev{ left:19.89%; top:26.73%;}

.demoImg15 .next{ top:26.73%; left:26.87%;}

.demoImg16 .prev{ left:83.12%; top:69.8%;}

.demoImg16 .next{ top:69.8%; left:90.1%;}

.demoImg17 .prev{ left:84.21%; top:76.19%;}

.demoImg17 .next{ top:76.19%; left:91.14%;}

.demoImg18 .prev{ left:11.45%; top:54.11%;}

.demoImg18 .next{ top:54.11%; left:18.43%;}

.demoImg19 .next{width:12.5%; height:5.62%; left:43.8%; top:70.02%;}


.demoScrollImg img{position:static; width:100%; height:auto; transform:translate(0,0); max-height:none;}
.demoScrollImg{position:absolute; left:13%; top:13%; right:0; bottom:0; overflow-y:auto;}

.demoTip1{ width:22.6%; height:20.88%; right:1.3%; top:57.1%; position:absolute;}
.demoTip2{ width:23.22%; height:24.13%; right:0.1%; top:60.4%; position:absolute;}

.demoTip1 img,.demoTip2 img{ position:static; max-width:none; max-height:none; transform:translate(0,0); width:100%; height:auto;}