.ban .banBox,.ban .banBox .phoneCaseB,.bgc4 .span2 a:hover,.bgc4 .span2 img,.phoneCaseB0 .phoneCaseB{position:relative}.ban .banBox .i0,.ban .banBox .i1,.ban .banBox .i2,.ban .banBox img:not(.i0):not(.i1):not(.i2),.ban .banBox:after,.banContent .tt1 span,.bgc4 .span2 .app_QRcodeB,.phoneCaseB0,.phoneCaseB0 img,.phoneCaseB0:after{position:absolute}body{font-family:Open Sans,Arial,Helvetica,sans-serif}#topDiv{font-family:Arial,Helvetica,sans-serif}.bgc4 .qcCodeBox,.tc{text-align:center}.fix:after{content:'';clear:both;display:table}.pTabs .num,.pTabs .span2,.pTabs .span2>span,.qcCodeA{display:inline-block}.appOnlyBox,.appOnlyBox img,.ban,.pTabs.active .span2>span,.qcCodeA{position:relative}.appOnlyBox:after,.appOnlyBox:before,.bgc4 .qcCodeBox,.pTabs .span2>span .after{position:absolute}.banner{background-color:#e5efff;padding-top:7.0833333333%;padding-bottom:7.0833333333%}.width{max-width:1000px;margin:0 auto}.ban{max-width:930px}.w1084{max-width:1084px}.ban,.w1084{margin:0 auto}.w780{max-width:740px;margin:0 auto}.ban>img{width:100%;height:auto;display:block}.ban .banBox{font-size:40px;top:50%;width:7em;height:14em}.ban .banBox .phoneCaseB{width:6.1em;height:13.2em;left:.45em;top:.4em;overflow:hidden}.ban .banBox img:not(.i0):not(.i1):not(.i2){width:100%;height:100%;left:0;top:0}.ban .banBox .i0,.ban .banBox .i1,.ban .banBox .i2{z-index:5!important;opacity:0;visibility:hidden}.ban .banBox .i0{width:153.5714285714%;height:18.9285714286%;top:63.3928571429%;left:-23.5714285714%}.ban .banBox .i1{width:131.4285714286%;height:24.2857142857%;top:27.1428571429%;left:-12.5%}.ban .banBox .i2{width:142.8571428571%;height:34.8214285714%;top:41.0714285714%;left:-21.4285714286%}.ban .banBox:after{content:'';width:100%;height:100%;left:0;top:0;background:transparent url(../image/phoneCase.png) left top no-repeat;background-size:cover;z-index:4}.ban .banBox[data-state="0"] img:nth-of-type(1){z-index:3;-webkit-animation:imgAni .8s forwards;animation:imgAni .8s forwards}.ban .banBox[data-state="0"] img:nth-of-type(2){z-index:2}.ban .banBox[data-state="0"]~.banContent .tt1 span:nth-child(1){opacity:1}.ban .banBox[data-state="1"] img:nth-of-type(2){z-index:3;-webkit-animation:imgAni .8s forwards;animation:imgAni .8s forwards}.ban .banBox[data-state="1"] img:nth-of-type(3){z-index:2}.ban .banBox[data-state="1"]~.banContent .tt1 span:nth-child(2){opacity:1}.ban .banBox[data-state="1"] .i2{visibility:visible;-webkit-transition:all .1s linear .6s;transition:all .1s linear .6s;opacity:1}.ban .banBox[data-state="2"] img:nth-of-type(3){z-index:3;-webkit-animation:imgAni .8s forwards;animation:imgAni .8s forwards}.ban .banBox[data-state="2"] img:nth-of-type(4){z-index:2}.ban .banBox[data-state="2"]~.banContent .tt1 span:nth-child(3){opacity:1}.ban .banBox[data-state="2"] .i0{visibility:visible;-webkit-transition:all .1s linear .6s;transition:all .1s linear .6s;opacity:1}.ban .banBox[data-state="3"] img:nth-of-type(4){z-index:3;-webkit-animation:imgAni .8s forwards;animation:imgAni .8s forwards}.ban .banBox[data-state="3"] img:nth-of-type(5){z-index:2}.ban .banBox[data-state="3"]~.banContent .tt1 span:nth-child(4){opacity:1}.ban .banBox[data-state="4"] img:nth-of-type(5){z-index:3;-webkit-animation:imgAni .8s forwards;animation:imgAni .8s forwards}.ban .banBox[data-state="4"] img:nth-of-type(1){z-index:2}.ban .banBox[data-state="4"]~.banContent .tt1 span:nth-child(5){opacity:1}.ban .banBox[data-state="4"] .i1{visibility:visible;-webkit-transition:all .1s linear .6s;transition:all .1s linear .6s;opacity:1}@-webkit-keyframes imgAni{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes imgAni{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.ban .banBox .p0{max-width:100%;height:auto}@-webkit-keyframes p2Ani{0%{width:7.25em;height:12.3em;left:1.25em;top:-.15em}100%{width:7.625em;height:12.95em;left:4em;top:-.45em}}@keyframes p2Ani{0%{width:7.25em;height:12.3em;left:1.25em;top:-.15em}100%{width:7.625em;height:12.95em;left:4em;top:-.45em}}@-webkit-keyframes p3Ani{0%{width:7.125em;height:12.75em;left:2.4em;top:-.45em}100%{width:7.5em;height:13.425em;left:8em;top:-1.225em}}@keyframes p3Ani{0%{width:7.125em;height:12.75em;left:2.4em;top:-.45em}100%{width:7.5em;height:13.425em;left:8em;top:-1.225em}}@-webkit-keyframes opacityAni{0%{opacity:.2}100%{opacity:1}}@keyframes opacityAni{0%{opacity:.2}100%{opacity:1}}.ban{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.banContent{font-size:20px}.banContent .tt1{font-size:2em;height:2.4em;line-height:1.2em;margin-bottom:.7em;font-weight:700}.banContent .tt1 span{white-space:nowrap;opacity:0;-webkit-transition:all .3s;transition:all .3s}.banContent .tt2{font-size:1.1em}.banContent .tt3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;width:23em;height:12.2em;margin-left:auto;margin-right:auto;padding:.6em 1em;box-sizing:border-box;margin-top:2em;border-radius:.3em}.banContent .appQRcode{width:11em;height:11em}.banContent .tt3-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:8.5em}.banContent .tt3-right img{display:block;max-width:100%;height:auto}.bgc2{background-color:#06f;overflow:hidden;padding-top:10%;padding-bottom:10%}.pTabs{color:#fff;margin-top:2.66667%;margin-bottom:2.66667%}.pTabs .num{font-size:23px;vertical-align:middle;margin-right:1.21739em}.pTabs .span2{font-size:20px;vertical-align:middle;line-height:2em}.pTabs .span2>span{font-size:1.5em;line-height:1.66667em;height:1.66667em;min-width:4.8em;border-bottom:1px solid #6a95c8;cursor:pointer;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}.pTabs .span2>span .after{content:'';bottom:-1px;left:0;height:1px;background-color:#fff;width:0}.pTabs.active .span2>span{-webkit-transition:all .4s linear;transition:all .4s linear;-webkit-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6);-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;font-weight:700}.pTabs.active .span2>span .after{width:100%;-webkit-transition:width 5s linear;transition:width 5s linear}.pTabs.active+.phoneCaseB0{opacity:1;z-index:2}.phoneCaseB0{font-size:40px;width:7em;height:14em;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.phoneCaseB0 .phoneCaseB{width:6.1em;height:13.2em;left:.45em;top:.4em;overflow:hidden}.phoneCaseB0 img{width:100%;height:100%;left:0;top:0}.phoneCaseB0:after{content:'';width:100%;height:100%;left:0;top:0;background:transparent url(../image/phoneCase.png) left top no-repeat;background-size:cover;z-index:4}.bgc3{background:-webkit-linear-gradient(top,#fc7a58,#e74262);background:-webkit-linear-gradient(top,#fc7a58,#e74262);background:linear-gradient(to bottom,#fc7a58,#e74262);overflow:hidden}.bgc3 .tt1{font-size:40px;color:#fff;line-height:4.425em}.appOnlyBox{width:8.35em;height:14.86667em;margin-left:auto;margin-right:auto;font-size:60px}.appOnlyBox img{z-index:2;max-width:100%}.appOnlyBox:before{width:5.66667em;height:7.9em;top:1.2em;left:-1.66667em;background:transparent url(../image/appOnly1.jpg) center center no-repeat}.appOnlyBox:after{width:7.43333em;height:3.46667em;z-index:2;bottom:1.16667em;left:3.65833em;background:transparent url(../image/appOnly2.png) center center no-repeat}.appOnlyBox:after,.appOnlyBox:before{content:'';background-size:contain}.appOnlyBox.active:before{left:-4.66667em;-webkit-transition:all .6s ease-out;-webkit-transition:all .6s ease-out;transition:all .6s ease-out}.appOnlyBox.active:after{left:6.88333em;-webkit-transition:all .6s ease-out;-webkit-transition:all .6s ease-out;transition:all .6s ease-out}.bgc4{background-color:#e5efff;padding-top:5.88542%}.bgc4 .span1{vertical-align:middle;font-size:40px}.bgc4 .span1 img{width:5.575em;height:5.575em}.bgc4 .span2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;vertical-align:middle;font-size:40px;margin-top:1.5em;margin-bottom:1.2em}.bgc4 .span2 a{width:3.7em}.bgc4 .span2 img{z-index:2;display:block;width:3.7em;height:1.15em;border-radius:4px}.bgc4 .span2 a:hover .app_QRcodeB{display:block}.bgc4 .span2 .app_QRcodeB{background-color:#fff;margin-top:-.5em;padding:.65em .15em .15em .15em;display:block;width:100%;box-sizing:border-box;display:none}.bgc4 .span2 .app_QRcodeB:before{content:'';display:block;width:100%;padding-top:100%;background:transparent url(../image/appQRcode.png) left top no-repeat;background-size:cover}.bgc4 .tt1{font-size:24px;padding-bottom:5.25%;color:#06f}.bgc4 .qcCodeBox{width:5.3em;left:0;top:-webkit-calc(100% - 4px);top:calc(100% - 4px);background-color:#010101;padding-top:4px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;z-index:1;padding-bottom:.3em}.bgc4 .qcCodeBox img{width:4.75em;height:4.675em}.qcCodeA{margin-top:.85em;width:5.3em;height:1.275em}.qcCodeA img{max-width:100%;height:auto}.qcCodeA:focus .qcCodeBox,.qcCodeA:hover .qcCodeBox{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.testGD{display:block}@media (max-width:1024px){.banContent{font-size:10px;font-size:-webkit-calc(62.5% + 10 * (100vw - 320px)/ 704);font-size:calc(62.5% + 10 * (100vw - 320px)/ 704);font-size:-webkit-calc(10px + 10 * (100vw - 320px)/ 704);font-size:calc(10px + 10 * (100vw - 320px)/ 704)}.ban .banBox{font-size:20px;font-size:-webkit-calc(125% + 20 * (100vw - 320px)/ 704);font-size:calc(125% + 20 * (100vw - 320px)/ 704);font-size:-webkit-calc(20px + 20 * (100vw - 320px)/ 704);font-size:calc(20px + 20 * (100vw - 320px)/ 704)}.pTabs .num{font-size:16px;font-size:-webkit-calc(100% + 7 * (100vw - 320px)/ 704);font-size:calc(100% + 7 * (100vw - 320px)/ 704);font-size:-webkit-calc(16px + 7 * (100vw - 320px)/ 704);font-size:calc(16px + 7 * (100vw - 320px)/ 704)}.pTabs .span2{font-size:14px;font-size:-webkit-calc(87.5% + 6 * (100vw - 320px)/ 704);font-size:calc(87.5% + 6 * (100vw - 320px)/ 704);font-size:-webkit-calc(14px + 6 * (100vw - 320px)/ 704);font-size:calc(14px + 6 * (100vw - 320px)/ 704)}.bgc3 .tt1{font-size:16px;font-size:-webkit-calc(100% + 24 * (100vw - 320px)/ 704);font-size:calc(100% + 24 * (100vw - 320px)/ 704);font-size:-webkit-calc(16px + 24 * (100vw - 320px)/ 704);font-size:calc(16px + 24 * (100vw - 320px)/ 704);padding-left:4%}.appOnlyBox{font-size:16px;font-size:-webkit-calc(100% + 44 * (100vw - 320px)/ 704);font-size:calc(100% + 44 * (100vw - 320px)/ 704);font-size:-webkit-calc(16px + 44 * (100vw - 320px)/ 704);font-size:calc(16px + 44 * (100vw - 320px)/ 704)}.bgc4 .span1{font-size:20px;font-size:-webkit-calc(125% + 20 * (100vw - 320px)/ 704);font-size:calc(125% + 20 * (100vw - 320px)/ 704);font-size:-webkit-calc(20px + 20 * (100vw - 320px)/ 704);font-size:calc(20px + 20 * (100vw - 320px)/ 704)}.bgc4 .span2{font-size:20px;font-size:-webkit-calc(125% + 20 * (100vw - 320px)/ 704);font-size:calc(125% + 20 * (100vw - 320px)/ 704);font-size:-webkit-calc(20px + 20 * (100vw - 320px)/ 704);font-size:calc(20px + 20 * (100vw - 320px)/ 704)}.bgc4 .tt1{font-size:16px;font-size:-webkit-calc(100% + 8 * (100vw - 320px)/ 704);font-size:calc(100% + 8 * (100vw - 320px)/ 704);font-size:-webkit-calc(16px + 8 * (100vw - 320px)/ 704);font-size:calc(16px + 8 * (100vw - 320px)/ 704);padding-left:1%;padding-right:1%;line-height:1.2}}@media (max-width:768px){.banContent .tt1{font-size:1.6em}.ban{display:block}.banBox{margin-left:auto;margin-right:auto}.phoneCaseB0{position:relative;-webkit-transform:none;-ms-transform:none;transform:none;right:auto;top:auto;margin-left:auto;margin-right:auto;opacity:1!important;margin-bottom:10%}.ban{text-align:center}.banContent{text-align:left;display:inline-block;position:static;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);padding-top:7%;padding-bottom:8%}.pTabs{padding-left:3%;white-space:nowrap}.pTabs .span2{white-space:normal;padding-right:3%;padding-right:18%;box-sizing:border-box}.qcCodeA{display:none}.bgc4 .span2{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:1em;margin-bottom:1em}.bgc4 .span2 a{margin-bottom:2%;font-size:1.3em;margin-left:1%;margin-right:1%}.bgc4 .span2 a:last-child{display:none}}