body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0}html{-webkit-text-size-adjust:none;word-wrap:break-word}h1,h2,h3{font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}fieldset,img{border:0}cite,em,s,i,b{font-style:normal}input,button,textarea,select{font-size:100%}body,input,button,textarea,select,option{font-size:normal}a,input,textarea{text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent}li,img,label,input{vertical-align:middle}var{font-style:normal}ins{text-decoration:none}html,body{height:100%;font-size:0.2rem;font-family:Arial,Verdana,Sans-serif}.viewport{width:100%;max-width:7.2rem;margin:0 auto}.viewport{position:relative;height:100%}.viewport *{box-sizing:border-box}.viewport .imgurl{min-height:2rem}.viewport .img1{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;overflow:hidden}.viewport .img1 img{width:100%}.viewport .img1 .getcoupon{position:absolute;width:100%;left:0;bottom:0}.viewport .img1 .start{position:absolute;width:60%;left:20%;top:36%;display:block}.viewport .img2{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#b4e2ff}.viewport .img2 .img2-0{position:absolute;left:0;top:3%;width:100%}.viewport .img2 .img2-1{position:absolute;left:12.5%;bottom:1%;width:65%}.viewport .img2 ol{position:absolute;width:100%;left:0;top:50%;margin-top:-55%}.viewport .img2 ol li{float:left;width:31%;margin-left:1%;padding-top:50%;margin-bottom:2%}.viewport .img2 ol li:nth-child(1){background:url(images/b1-2-27cbfece09.png) no-repeat 0 0;background-size:contain;margin-left:3%}.viewport .img2 ol li:nth-child(2){background:url(images/b1-3-3c9027ef0d.png) no-repeat 0 0;background-size:contain}.viewport .img2 ol li:nth-child(3){background:url(images/b1-4-d8dc311a22.png) no-repeat 0 0;background-size:contain}.viewport .img2 ol li:nth-child(4){background:url(images/b1-5-e3585cf2f7.png) no-repeat 0 0;background-size:contain;margin-left:3%}.viewport .img2 ol li:nth-child(5){background:url(images/b1-6-5dc6284851.png) no-repeat 0 0;background-size:contain}.viewport .img2 ol li:nth-child(6){background:url(images/b1-7-47eecaccc2.png) no-repeat 0 0;background-size:contain}.viewport .img2 ol li:nth-child(1).selected{background-image:url(images/b1-2-selected-3e9ecf71bd.png)}.viewport .img2 ol li:nth-child(2).selected{background-image:url(images/b1-3-selected-92a7174f82.png)}.viewport .img2 ol li:nth-child(3).selected{background-image:url(images/b1-4-selected-7ede5ffdb5.png)}.viewport .img2 ol li:nth-child(4).selected{background-image:url(images/b1-5-selected-983c935da5.png)}.viewport .img2 ol li:nth-child(5).selected{background-image:url(images/b1-6-selected-01cf51c2f2.png)}.viewport .img2 ol li:nth-child(6).selected{background-image:url(images/b1-7-selected-d84aefdd01.png)}.viewport .img3{position:relative}.viewport .img3 img{width:100%}.viewport .img3 a{position:absolute}.viewport .img3 a:nth-child(2){width:41%;display:block;height:1rem;left:5%;bottom:0.5rem}.viewport .img3 a:nth-child(3){width:41%;display:block;height:1rem;right:5%;bottom:0.5rem}.loading{position:fixed;z-index:99;top:0;left:0;right:0;bottom:0;background:#b4e2ff}.spinner{width:70px;height:0px;text-align:center;position:absolute;top:0;bottom:60px;left:0;right:0;margin:auto auto}.spinner>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%, 80%, 100%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.bt_mask{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4);z-index:11}.bt_mask .imgurl{width:90%;bottom:30%;left:5%;position:absolute;background-color:#fff;padding:2em 1em 1em}.bt_mask img{border:1px solid #b5b5b5;width:42%;display:inline-block;margin:0 1em 2em}.bt_mask a{width:1.2rem;height:0.6rem;line-height:0.6rem;text-align:center;background-color:#e1e0e0;color:#fff;margin:0 auto;display:block}.bt_mask .selected{background-color:#ec432e;border-color:#ec432e}