.qr_modal,.step_modal{opacity:0;position:fixed;top:50%;left:50%;height:auto;z-index:2701;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.qr_modal{margin-top:-170px;margin-left:-170px}.step_modal{margin-top:-200px;margin-left:-265px}.qr_show,.step_show{visibility:visible}.qr_effect.qr_modal,.step_effect.step_modal{-webkit-perspective:1300px;perspective:1300px}.qr_effect .qr_content,.step_effect .step_content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition:all .3s;transition:all .3s;opacity:0}.qr_show.qr_effect .qr_content,.step_show.step_effect .step_content{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}.qr_overlay,.step_overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;opacity:0;z-index:2700;background:rgba(0,0,0,.8);-webkit-transition:all .3s;transition:all .3s}.ie7 .qr_overlay,.ie8 .qr_overlay,.ie7 .step_overlay,.ie8 .step_overlay{background:url(http://images.apusapps.com/src/iebg.png)}.qr_show_layer.qr_overlay,.step_show_layer.step_overlay{opacity:1;visibility:visible}.qr_layer,.wifi_step{background:#fff;z-index:1100}.qr_layer{padding:0 30px 25px}.wifi_step{padding:0 30px 25px 300px}.qr_layer .close_qr,.wifi_step .close_step{position:relative;top:0;right:0;height:30px}.qr_layer .close_qr a,.wifi_step .close_step a{position:absolute;top:0;right:-30px;display:block;width:35px;height:35px;background:url(http://images.apusapps.com/src/close-qr.png) no-repeat center center;text-indent:-99999px;cursor:pointer}.ie7 .qr_layer .close_qr a,.ie7 .wifi_step .close_step a{right:-310px}.qr_layer .close_qr a:hover,.wifi_step .close_step a:hover{cursor:pointer}.step_pic img{width:195px}.qr_layer .qr_text,.wifi_step .step_text{text-align:center;font-size:15px;color:#999}.qr_layer .qr_text{padding-top:10px}.wifi_step .step_text{padding-top:35px;padding-bottom:15px}.step_content{overflow:hidden}.cable_step{float:left;width:265px;height:395px;border-right:solid 1px #eee;color:#999}.cable_step .step_type{margin-top:15px;margin-left:35px}.cable_step .step_type ul{list-style:none inside;margin:0;padding:0}.cable_step .step_type ul li{margin-bottom:10px}.cable_step .step_type ul li a{display:block;width:193px;height:40px;line-height:40px;background:#fff;border:solid 1px #b2b2b2;text-align:center;font-size:13px;color:#444;cursor:pointer;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.cable_step .step_type ul li a:hover{background:#6542ea;border:solid 1px #6542ea;color:#fff}.mobile-scan-qr{display:none}