✦ Verified product
Pro Series GT099
USD 129.98
GTPlayer Gaming Chair US
Verified independent store
→
.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;} .Sma
llZc {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: 2.23;} .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: 1.23;} .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%;} } $(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(); }) }) .dw{border-bottom: 0!important;position: absolute} .dw1 {left: 49.55%;top: 10%;width: 36.81%;height: 79.7%;border-radius: 6px;} .dw2 {left: 13.3%;top: 76.4%;width: 12.8%;height: 7.3%;} .dw3 {left: 36%;top: 40%;width: 30%;height: 20%;} .pcA{display: block;} .phA{display: none;} @media screen and (max-width:800px) { .dw1 {left: 5.55%;top: 50.9%;width: 89.2%;height: 44.1%;border-radius: 3px;} .dw2 {left: 5.4%;top: 42.9%;width: 38.7%;height: 5.1%;} .dw3 {left: 25%;top: 37%;width: 50%;height: 20%;} .pcA{display: none;} .phA{display: block;} } #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: 70%;cursor: pointer;background: #ff000000;} .showModel1 {left: 12.2%;top: 14.4%;} .showModel2 {left: 27.6%;top: 14.4%;} .showModel3 {left: 43%;top: 14.4%;} .showModel4 {left: 58.25%;top: 14.4%;} .showModel5 {left: 73.65%;top: 14.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.7%;height: 66.4%;} .showModel2 {left: 1.5%;top: 15.9%;} .showModel3 {left: 34.75%;top: 15.9%;} .showModel4 {left: 67.7%;top: 15.9%;} } × < > $(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($("#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); } }) })
