.Bigtitle {font-size: 3.6vw;font-weight: 700;line-height: 1;} .Bigtitle2 {font-size: 2.96vw;font-weight: 700;line-height: 1;} .Smalltitle {font-size: 1.63vw;font-weight: 600;} .SmallZc {font-size: 1vw;color: #919193 !important;font-weight: bold;font-family: -webkit-body;} .Smalltext{font-size: 1vw;} .textnra{position: absolute;background: #cf000000;color: white;} .text1 {left: 55.3%;top: 42%;} .text2{left: 55.5%;;top: 67.9%;} .text3 {left: 55.5%;top: 72.9%;} .text4 {left: 17.5%;top: 22%;line-height: 2.23;} .text5 {left: 66%;top: 21.9%;line-height: 1.8vw;} .text6 {left: 17.5%;top: 8.5%;z-index: 10;} .text7 {left: 17.5%;top: 28.2%;font-weight: bold;z-index: 10;} .text8 {right: 14%;top: 32.5%;text-align: right;} .text9 {right: 14%;top: 55%;text-align: right;font-weight: bold;} .text10 {right: 30.5%;top: 8.5%;text-align: center;} .text11 {right: 33%;top: 23.5%;text-align: center;font-weight: bold;} .text10>br,.text11>br{display: none} .text12 {right: 13%;top: 38.5%;text-align: right;} .text13 {right: 14%;top: 53.5%;text-align: right;font-weight: bold;} .text14 {right: 14%;top: 10%;text-align: right;} .text15 {right: 17.5%;top: 24.5%;text-align: right;font-weight: bold;line-height: 3.4;} .text15_b_1,.text15_b_2{display: none} .text16 {left: 13.5%;top: 19.5%;} .text17 {left: 13.5%;top: 44.2%;width: 40%;font-weight: bold;} .text18 {left: 22.5%;top: 3.3%;} .text19 {left: 25%;bottom: 6.2%;font-weight: bold;} .text20 {left: 50%;bottom: 6.2%;font-weight: bold;} .text21 {right: 4.5%;bottom: 10.2%;font-weight: bold;} .text22 {left: 22.5%;top: 28.2%;font-weight: bold;} .text23 {left: 57%;top: 28.2%;font-weight: bold;} .text24 {left: 22.5%;top: 63.2%;font-weight: bold;} .text25 {left: 57%;top: 63.2%;font-weight: bold;} @media screen and (max-width:800px) { .Bigtitle {font-size: 9.7vw;font-weight: 700;} .Smalltitle {font-size: 4.39vw;font-weight: 600;} .Bigtitle2 {font-size: 7.9vw;} .SmallZc {font-size: 3vw;} .Smalltext{font-size: 3vw;} .text1 {left: 24.3%;top: -3.5%;} .text1>img{display: none} .text2 {left: 25.5%;top: 21.8%;display: none} .text3 {left: 57.8%;top: 26.8%;} .text4 {left: 4%;top: 14%;line-height: 2.5;} .text4>br {display: none;} .text5 {left: 19%;top: 67.4%;line-height: 3.3vw;} .text5>.phonebd{margin-top: 0.5em} .text8 {right: 6%;top: 7.7%;} .text9 {right: 6%;top: 29.5%;} .text10 {right: 9.4%;top: 8.5%;} .text11 {right: 16%;top: 28.5%;} .text10>br,.text11>br{display: block} .text12 {right: 4%;top: 7.5%;} .text13 {right: 4%;top: 21.5%;} .text14 {right: 3%;top: 6%;} .text15{display: none} .text15_b_1 {display: block;right: 63.5%;top: 19.5%;text-align: right;font-weight: bold;line-height: 2.9;} .text15_b_2 {display: block;right: 13.5%;top: 19.5%;text-align: right;font-weight: bold;line-height: 2.9;} .text16 {left: 3.5%;top: 8.5%;} .text17 {left: 3.5%;top: 30.2%;width: 85%;} .text18 {left: 3.5%;top: 4.3%;} .text19 {left: 8%;bottom: 21.2%;} .text20 {left: 8%;bottom: 15.2%;} .text21 {right: 35.5%;bottom: 5.8%;} .text22 {font-size: 2.44vw;left: 10.5%;top: 20.2%;} .text23 {font-size: 2.4vw;left: 53%;top: 20.2%;} .text24 {font-size: 2.4vw;left: 10.5%;top: 60.2%;} .text25 {font-size: 2.4vw;left: 53%;top: 60.2%;} } PERFECT FOR GAMES & LIFE /////////////////////////////////////////// GT800A SERIES Founded in 2011, GTPLAYER is a world-leading e-sports equipment brand. GTRACING has always implemented its brand and design concept 'BE COOL BE FREE' . We have profound insights into our users, continuing innovation and development to meet users' needs. Officially Recognized Gaming Chair of Niconico Japan Japan Osusume Most Popular Gaming Chair Forbes Best Gaming Chair for Serious Gamers, USA Punishing: Gray Raven Team Partner UK Manchester Football Club esports team partner Top selling brand in the world in the category of gaming chairs on Amazon Blizzard Entertainment Team Partner COLOR CHOICE Find Your Color, 8 Colors in Option $(function () { $(".change_btn").click(function () { $(".change_btn").css("background","#ffffff00"); $(this).css("background","#ffffff30"); let index = $(".change_btn").index($(this)); console.info(index); $(".change_img").hide(); $(".change_img").eq(index).show(); }); $(".change_btn_m").click(function () { $(".change_btn_m").css("background","#ffffff00"); $(this).css("background","#ffffff30"); let index = $(".change_btn_m").index($(this)); console.info(index); $(".change_img_m").hide(); $(".change_img_m").eq(index).show(); }) }) THICKENED LINKAGE SOFT ARMREST The armress change as you lie back multiple angle fit your arms $(function () { $('#showend').on('ended',function(){ $("#showend").fadeOut(300); }); }); $(".showVideo").click(function () { let vide = $("#showend"); vide.fadeIn(300); vide[0].play(); }); MASSAGE LUMBAR PILLOW Massaging lumbar pillow can be of great help in relieving back pain ERGONOMIC DESIGN Imitating the human curve,effectively relievesfatigue in sedentary activities ADJUSTABLE RECLINE 90°- 135° Backrest Tilt 360° Degree Swivel Seat Height Adjustment 360° Degree Swivel 90°- 135° Backrest TiltSeat Height Adjustment Design Inspiration GTPLAYER's GT800A series is designed for gamers. Based on the image of a butterfly, the backrest of the gaming chair is available in a variety of colors. We are committed to all players to bring the most comfortable and immersive gaming experience, providing solutions from virtual space to real space. DIMENSIONS Maximum height Maximum weight Certified by < > GAME OFFICE $(function () { //手机端删掉pc轮播图,pc端删掉手机轮播图 if (screen.height >= 800 && screen.width >= screen.height) { $(".box>.ph800a").remove() }else { $(".box>.pc800a").remove() } }); var prevIndex = 0; var curIndex = 0; $("#next").click(function() { //.is(":animated"):正在执行动画返回true，没在执行动画返回false if ($(".box>img").eq(curIndex).is(":animated")) { return; } if (curIndex >= $(".box>img").length - 1) { curIndex = 0; } else { curIndex++ } tab(); prevIndex = curIndex; }); $("#prev").click(function() { if ($(".box>img").eq(curIndex).is(":animated")) { return; } if (curIndex <= 0) { curIndex = $(".box>img").length - 1; } else { curIndex--; } tab(); prevIndex = curIndex; }); $(".nav li").click(function() { curIndex = $(this).index(); if (curIndex == prevIndex) { return; } tab(); prevIndex = curIndex; }); //左边按钮：向右边滑动； function tab() { //切大图； if (curIndex == 0 && prevIndex == 4) { //边界2，当前在最后一张，点击next //向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置； $(".box>img").eq(prevIndex).animate({ left: -100+"%" }, 500) $(".box>img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else if (prevIndex == 0 && curIndex == 4 ) { //边界1，当前在第一张，点击prev //向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置 $(".box>img").eq(prevIndex).animate({ left: 100+"%" }, 500) $(".box>img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } else if (curIndex > prevIndex) { $(".box>img").eq(prevIndex).animate({ left: -100+"%" }, 500) $(".box>img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else { $(".box>img").eq(prevIndex).animate({ left: 100+"%" }, 500) $(".box>img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } //切小点； $(".nav li").eq(curIndex).addClass("on").siblings().removeClass() } Up to 2 Years Warranty 30 Days Rerurn Policy 4 interest-free payments Faster shipping with 50 local warehouese #ModelBox{display: none;position: fixed;left: 0;top: 0; width: 100%;height: 100%;background: #0000007a;z-index: 100;padding: 5% 23%;} #ImgModel{position: relative;height: 100%;} #ImgModel>div {height: 100%;text-align: center;} #ImgModel>div>img{height: 100%} #ImgModel>span {cursor: pointer;position: absolute;top: 40%;width: 5%;text-align: center;font-size: 50px;font-family: cursive;font-weight: bold;color: white;} #ImgModel>ul {position: absolute;left: 30%;width: 40%;bottom: 1%;margin: 0;padding: 0;overflow: auto;} #ImgModel>ul>li {text-decoration: none;cursor: zoom-in;width: 18%;margin: 0 1%;display: block;opacity: 0.6;float: left;} #ImgModel>ul>li:hover {opacity: 1;} #ImgModel>ul>li>img{width: 100%} #guan{position: absolute;right: 1%;top: 9%;font-size: 35px;color: white;font-family: cursive;cursor: pointer} /*按钮的样式*/ .showModel {position: absolute;width: 14.2%;height: 78%;cursor: pointer;background: #ff000000;} .showModel1 {left: 12.2%;top: 10.4%;} .showModel2 {left: 27.6%;top: 10.4%;} .showModel3 {left: 43%;top: 10.4%;} .showModel4 {left: 58.25%;top: 10.4%;} .showModel5 {left: 73.65%;top: 10.4%;} @media screen and (max-width:800px) { #ModelBox {padding: 60% 1%;} #ImgModel>span {font-size: 37px;} #guan{font-size: 26px;} #ImgModel>ul>li {width: 31%;} .showModel {width: 30.2%;height: 77.5%;} .showModel2 {left: 2.3%;} .showModel3 {left: 35.2%;} .showModel4 {left: 67.8%;} } × < > $(function () { //手机端删除第一张和最后一张图 if (screen.height >= 800 && screen.width >= screen.height) {}else { let Imgs = $("#ImgModel>div"); let lis = $("#ImgModel>ul>li"); Imgs.eq(0).remove(); Imgs.eq(4).remove(); lis.eq(0).remove(); lis.eq(4).remove(); $(".showModel1").remove(); $(".showModel5").remove(); } let ind=0; $("#prevImg").click(function () { ind--; if(ind<0){ ind=($("#ImgModel>ul>li").length-1); } changeImg(ind); }); $("#nextImg").click(function () { ind++; if(ind>($("#ImgModel>ul>li").length-1)){ ind=0; } changeImg(ind); }); $("#ImgModel>ul>li").click(function () { let li = $(this); ind = $("#ImgModel>ul>li").index(li); changeImg(ind); }); //切换图片 function changeImg(index){ $("#ImgModel>div").hide(); $("#ImgModel>div").eq(index).show(); } //显示窗口 $(".showModel").click(function () { $("#ModelBox").fadeIn(300); let span = $(this); ind = $(".showModel").index(span); changeImg(ind); }); //esc隐藏 $(document).keyup(function(event) { switch (event.keyCode) { case 27: $("#ModelBox").fadeOut(300); } }) })
