body{font-family:"Microsoft YaHei",微软雅黑}*{margin:0;padding:0;list-style:none}.top div,.right div,.bottom div,.left div{padding:0!important}a{direction:none}img{vertical-align:top}.fl{float:left}.fr{float:right}.clearFix:after{content:"";display:block;clear:both}.clearFix{zoom:1}body{font-size:.16rem;height:20rem;overflow-y:hidden}.top{width:19.2rem;height:.56rem;text-align:center;line-height:.56rem;display:flex;background:#fff;position:fixed;top:0;left:0;z-index:888}.logo{width:1.79rem;height:.56rem;background:url(../../Images/login/banner1/logo.png) no-repeat;display:block;background-size:1.79rem .56rem;text-indent:-9999em;margin:0 1rem 0 1rem}.top_r{display:flex;flex:1;overflow:hidden}.top_r li{flex:1;border-right:.01rem solid #008ed6;color:#008ed6}.top_r li.on{background:#008ed6;color:#fff}.top_r li.mr0{border-right:none}.banner{width:19.2rem;height:8.65rem;position:relative;overflow:hidden}.banner .ban_prev,.banner .ban_next{width:.5rem;height:2rem;position:absolute;bottom:50%;z-index:9999;opacity:.1;text-align:center;margin-bottom:-1rem;background:#000;line-height:2rem;font-size:.3rem;color:#fff;cursor:pointer;transition:1s all ease}.banner .ban_prev{left:0%;border-radius:0 .1rem .1rem 0}.banner .ban_prev:hover{opacity:.5}.banner .ban_next{right:0%;border-radius:.1rem 0 0 .1rem}.banner .ban_next:hover{opacity:.5}.banner_tab{position:absolute;width:1.5rem;height:.2rem;position:absolute;bottom:.5rem;left:50%;margin-left:-.75rem;z-index:666}.banner_tab span{width:.2rem;height:.2rem;border-radius:50%;border:.01rem solid #008ed6;float:left;margin-right:.1rem}.banner_tab span.on{background:#008ed6}.banner ul{position:absolute;top:0;left:0}.banner ul li{width:19rem;height:8.65rem;position:relative}.banner ul .banner1{background:url(../../Images/login/banner1/w.png) no-repeat;background-size:19.2rem 8.65rem;z-index:3;transform-style:preserve-3d}.banner ul .banner2{background:url("") no-repeat;background-size:19.2rem 8.65rem;z-index:3;overflow:hidden}.banner ul .banner3{background:url(../../Images/login/banner3/bg.png) no-repeat;background-size:19.2rem 8.65rem}.ban1_l{width:4.83rem;height:1.91rem;position:absolute;top:2.2rem;left:1.9rem}.ban1_l img{width:4.83rem;height:1.91rem}.ban1_c{width:5rem;height:2.5rem;position:absolute;bottom:1rem;left:50%;margin-left:-1.2rem;text-align:center;z-index:8;-webkit-transform:perspective(8rem) rotateX(0);-moz-transform:perspective(8rem) rotateX(0);-ms-transform:perspective(8rem) rotateX(0);-o-transform:perspective(8rem) rotateX(0);transform:perspective(8rem) rotateX(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.ban1_c .img_yun{width:4.58rem;height:2.5rem;display:inline-block;-webkit-transform:scale(0,0) translateY(0) rotate(0);-moz-transform:scale(0,0) translateY(0) rotate(0);-ms-transform:scale(0,0) translateY(0) rotate(0);-o-transform:scale(0,0) translateY(0) rotate(0);transform:scale(0,0) translateY(0) rotate(0)}.ban1_c .img_yun.on{animation:img_yun 1s ease-out forwards}@keyframes img_yun{0%{transform:scale(0,0);opacity:0}60%{transform:scale(1.4,1.4)}80%{transform:scale(1,1)}90%{transform:scale(1.2,1.2)}100%{transform:scale(1,1);opacity:1}}.banner1 .wangLuo{position:absolute;bottom:.5rem;left:5rem;width:3.04rem;height:2.49rem;background:url('../../Images/login/banner1/wangLuo.png') no-repeat;background-size:3.04rem 2.49rem;z-index:8;transform:scale(0,0) translateY(0) rotate(0)}.banner1 .wangLuo.on{animation:img_yun 1s ease-out .5s forwards}.banner1 .sheJiao{position:absolute;bottom:3.5rem;left:8rem;width:.97rem;height:.7rem;background:url('../../Images/login/banner1/sheJiao.png') no-repeat;background-size:.97rem .7rem;z-index:8;transform:scale(0,0) translateY(0) rotate(0)}.banner1 .sheJiao.on{animation:img_yun 1s ease-out 1s forwards}.banner1 .shouJi{position:absolute;bottom:4.5rem;left:9rem;width:.92rem;height:.89rem;background:url('../../Images/login//banner1/shouJi.png') no-repeat;background-size:.92rem .89rem;z-index:8;transform:scale(0,0) translateY(0) rotate(0)}.banner1 .shouJi.on{animation:img_yun 1s ease-out 1.5s forwards}.banner1 .sheZhi{position:absolute;bottom:3rem;left:14rem;width:.86rem;height:.91rem;background:url('../../Images/login/banner1/sheZhi.png') no-repeat;background-size:.86rem .91rem;z-index:8;transform:scale(0,0) translateY(0) rotate(0)}.banner1 .sheZhi.on{animation:img_yun 1s ease-out 2s forwards}#ban1_cav{position:absolute;top:0;left:0}.ban2_dn{position:absolute;bottom:.6rem;left:1.2rem;width:8.61rem;height:4.77rem;background:url('../../Images/login/banner2/dn.png') no-repeat;background-size:8.61rem 4.77rem;transform:scale(0,0);z-index:2}.ban2_dn.on{animation:img_yun 1s ease-out 4s forwards}.ban2_h5{position:absolute;top:1.6rem;left:50%;margin-left:-2.3rem;width:4.6rem;height:1.9rem;background:url('../../Images/login/banner2/H5.png') no-repeat;background-size:4.6rem 1.9rem;transform:scale(0,0);z-index:2}.ban2_h5.on{animation:img_yun 1s ease-out 3s forwards}.ban2_qc{position:absolute;bottom:.6rem;right:0;width:5.39rem;height:1.76rem;background:url('../../Images/login/banner2/qc.png') no-repeat;background-size:5.39rem 1.76rem;z-index:2}.ban2_qc.on{animation:qiche 4.5s ease-out forwards}@keyframes qiche{0%{transform:translateX(0)}60%{transform:translateX(-12rem) rotate(0)}70%{transform:translateX(-12rem) rotate(-1deg)}80%{transform:translateX(-12rem)}100%{transform:translateX(-12rem) rotate(0)}}.ban2_qc img{width:.6rem;height:.6rem;position:absolute;box-shadow:0 0 3rem #000}.chelun_l{left:1.85rem;top:.85rem}.chelun_r{right:.8rem;top:.85rem}.ban2_qc img.on{animation:chelun 2.8s ease-out forwards}@keyframes chelun{0%{transform:rotate(0deg)}100%{transform:rotate(-1080deg)}}.ban2_ball{transform:perspective(8rem)}.ban2_ball div{position:absolute;border-radius:50%;transform:scale(0,0)}.ban2_ball .ball_1{top:2rem;left:3rem;background:#ff0;width:.3rem;height:.3rem}.ban2_ball .ball_2{top:3rem;left:4rem;background:blue;width:.4rem;height:.4rem}.ban2_ball .ball_3{top:4rem;left:5rem;background:red;width:.5rem;height:.5rem}.ban2_ball .ball_4{top:5rem;left:3rem;background:green;width:.6rem;height:.6rem}.ban2_ball .ball_5{top:5rem;left:4rem;background:#ccc;width:.7rem;height:.7rem}.ban2_ball .ball_6{top:6rem;left:3rem;background:#ffc0cb;width:.6rem;height:.6rem}.ban2_ball .ball_7{top:6rem;left:4rem;background:#289;width:.8rem;height:.8rem}.ban2_ball .ball_8{top:7rem;left:3rem;background:#084;width:.6rem;height:.6rem}.ban2_ball .ball_9{top:7rem;left:5rem;background:#256;width:.5rem;height:.5rem}.ban2_ball .ball_1.on{animation:img_yun 2s linear 5s forwards}.ban2_ball .ball_2.on{animation:img_yun 3s linear 4s forwards}.ban2_ball .ball_3.on{animation:img_yun 2s linear 5s forwards}.ban2_ball .ball_4.on{animation:img_yun 3s linear 4s forwards}.ban2_ball .ball_5.on{animation:img_yun 2s linear 5s forwards}.ban2_ball .ball_6.on{animation:img_yun 3s linear 4s forwards}.ban2_ball .ball_7.on{animation:img_yun 2s linear 5s forwards}.ban2_ball .ball_8.on{animation:img_yun 3s linear 4s forwards}.ban2_ball .ball_9.on{animation:img_yun 2s linear 5s forwards}.ban2_bg{width:200%;height:100%;position:absolute;left:-19.2rem;top:0;background:url("../../Images/login/banner2/bg.png") no-repeat;background-size:100% 100%}.ban2_bg.on{transform:translate(19.2rem)}.ban3_t{width:5rem;height:3rem;position:absolute;top:0;left:50%;margin-left:-3rem;z-index:2}.ban3_t img{width:100%;height:100%}.ban3_t.on{animation:light 5s linear forwards}@keyframes light{0%{width:5rem;height:3rem;margin-left:-3rem}100%{width:9.65rem;height:7.98rem;margin-left:-6rem}}.ban3_bt{width:7rem;height:1.76rem;background:url('../../Images/login/banner3/bt.png') no-repeat;background-size:7rem 1.76rem;position:absolute;top:1.8rem;left:1.6rem;z-index:2}.ban3_c{width:19.2rem;height:2rem;background:url('../../Images/login/banner3/c.png') no-repeat;background-size:19.2rem 2rem;position:absolute;top:2rem;left:0}.ban3_btm{width:57.7rem;height:5rem;position:absolute;bottom:0;left:0}.ban3_btm div{width:19.2rem;height:5rem;background:url('../../Images/login/banner3/btm.png') no-repeat;background-size:19.2rem 5rem;float:left}.ban3_btm.on{animation:people 7s linear}@keyframes people{0%{transform:translateX(0)}100%{transform:translateX(-38.4rem)}}.ban_sign{width:4rem;height:4.57rem;background:rgba(255,255,255,.5);position:fixed;top:1.1rem;right:2.6rem;border-radius:.1rem;z-index:88;border:.02rem solid #008ed6;box-shadow:.2rem .2rem .3rem #000;min-width:200px;min-height:160px}@media(max-width:800px){.ban_sign{display:none}}.ban_sign h2{width:100%;height:1rem;text-align:center;font-size:.3rem;line-height:1rem}.sign_c{width:100%;height:2.55rem;border-top:.01rem solid #fff;border-bottom:.01rem solid #fff}.sign_c .user{width:100%;height:.3rem;padding:0 12px;margin-top:.3rem}.sign_c .user label{width:20%}.sign_c .user input{height:.4rem;width:75%;padding:2px 4px;border-radius:5px;outline:none;border:1px solid #ccc;color:#555;box-shadow:none;-webkit-box-shadow:0 0 0 1000px white inset}.sign_c .password{width:100%;height:.3rem;padding:0 12px;margin-top:.3rem}.sign_c .password label{width:20%}.sign_c .password span.mr0{margin-right:0}.sign_c .password input{height:.4rem;width:75%;padding:2px 4px;border-radius:5px;outline:none;border:1px solid #ccc;color:#555;box-shadow:none;-webkit-box-shadow:0 0 0 1000px white inset}.sign_auto{width:100%;height:.3rem;margin-top:.3rem;padding-left:.2rem;padding-right:.2rem;box-sizing:border-box;line-height:.3rem}.sign_auto span,.sign_auto input{height:.3rem}.sign_auto input{margin-right:.05rem}.sign_c_b{height:.5rem;margin-top:.1rem;padding:0 12px}.sign_c_b span{width:1rem;height:.5rem;margin-right:.2rem;background:#008ed6;font-size:.2rem;line-height:.5rem;text-align:center;color:#fff;border-radius:.1rem;cursor:pointer;box-shadow:0 .1rem .1rem #000;transition:.5s all ease;transform-style:preserve-3d;transform:perspective(8rem);min-width:50px}.sign_c_b span:active{background:#0383b4;box-shadow:none}.sign_b{width:100%;height:1rem;text-align:center;margin-top:.5rem}.but{border:none;outline:none;background:#008ed6;font-size:.2rem;color:#fff;border-radius:.1rem;cursor:pointer;transition:.5s all ease;transform-style:preserve-3d;transform:perspective(8rem);width:100%;min-width:50px;padding:6px 12px}.but:hover{background:#17a7f1}.reg{background:none;cursor:pointer;border:none;outline:none;color:#333;font-size:.16rem}.reg:hover{color:#17a7f1}