*{margin:0;padding:0}.card .input-container{position:relative;margin:0 40px 25px}.input-container input{outline:0;z-index:1;position:relative;background:0 0;width:100%;height:30px;border:0;color:#f8622e;margin-top:7px;font-size:12px;font-weight:400}.input-container input:focus~label{color:#383e40;margin-top:-5px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.input-container input:focus~span{color:#383e40;margin-top:-15px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.input-container input:focus~.bar:after,.input-container input:focus~.bar:before{width:50%}.input-container input:valid~label{color:#383e40;margin-top:-5px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.input-container input:valid~span{color:#383e40;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.input-container label{position:absolute;top:6px;left:0;color:#383e40;font-size:12px;font-weight:300;line-height:30px;-webkit-transition:.2s ease;transition:.2s ease}.input-container span{position:absolute;top:20px;left:0;color:#383e40;font-size:12px;font-weight:300;line-height:30px;-webkit-transition:.2s ease;transition:.2s ease}.input-container .bar{position:absolute;left:0;bottom:0;background:#6f7e83;width:100%;height:1px}.input-container .bar:after,.input-container .bar:before{content:'';position:absolute;background:#f8622e;width:0;height:2px;-webkit-transition:.2s ease;transition:.2s ease}.input-container .bar:before{left:50%}.input-container .bar:after{right:50%}.alt .input-container input,.alt .input-container input:focus~label{color:#fff}.alt .input-container input:focus~.bar:after,.alt .input-container input:focus~.bar:before{background:#fff}.alt .input-container input:valid~label{color:#fff}.alt .input-container label{color:rgba(255,255,255,.8)}.alt .input-container .bar{background:rgba(255,255,255,.8)}.card{border-radius:5px;padding:26px 0 20px;box-sizing:border-box;-webkit-transition:.3s ease;transition:.3s ease;position:absolute;width:380px}.card.alt{position:absolute;top:40px;right:-70px;z-index:10;width:140px;height:140px;background:0 0;border-radius:100%;box-shadow:none;padding:0;-webkit-transition:.3s ease;transition:.3s ease}.button-container{margin:0 60px;text-align:center}#bg{background-color:#fff}.map{float:left;position:absolute;top:50%;margin-top:-260px;margin-left:14px;z-index:10}#container{float:left;position:absolute;top:50%;margin-top:-205px;margin-left:765px;width:400px;height:380px;z-index:20;border-radius:8px;background:#ecf1f5}.container_mengceng{float:left;position:absolute;top:50%;margin-top:-205px;margin-left:765px;width:380px;height:380px;z-index:20;border-radius:8px;background:0 0}.login_box{width:28%;background-color:#f6fcff;position:absolute;top:27%;right:11%;background-position:0 0;z-index:80;border-radius:6px}.lg_tittle{font-size:20px;text-align:center;color:#50bad1;margin-top:3px}.yanzhma{position:absolute;top:3px;right:5px;z-index:90;cursor:pointer}.yanzhma .yanzhma_img{margin-right:10px;position:relative;top:-7px;display:inline-block;width:76px;height:34px;background:url(../../images_ys/yzhm.png) no-repeat}.login_div1{padding-top:27px}.div_boxx{padding:25px 40px 1px}.lg_btn{margin-bottom:30px;font-weight:700;font-size:16px;cursor:pointer}.login_word{font-size:26px;color:#383e40}.login_ul li{color:#383e40;cursor:pointer}.login_ul2{height:35px;padding:0 40px;margin-bottom:25px}.log_register{color:#6f7e83;margin-top:5.5px;width:64px;height:22px;line-height:22px;text-align:center;cursor:pointer;border:1px solid #6f7e83;border-radius:16px}.lg_checkbox{position:relative;top:2px;margin-right:6px;background:url(../../images_ys/ys.png) -122px 0 no-repeat}.ys_com_img{display:inline-block;width:24px;height:24px;position:relative;top:6px;margin-right:10px;background:url(../../images_ys/ys.png) no-repeat}.img_ys1{background-position:0 0}.img_ys2{background-position:-25px 0}.img_ys3{background-position:-50px 0}.img_ys4{background-position:-77px 0}.yunduo{top:-27px;right:-37px;z-index:1}.css_ml{padding:0 40px}.login_ul .lg_positon{background-position:-106px 0}#ys_box{position:relative;min-height:610px;width:100%;background-color:#c0e2ec;margin:0 auto}.ys_div{min-height:610px;position:relative;width:1200px;margin:0 auto}.a_css{margin-bottom:20px}.input-container input.span_add:valid~label{color:red}.tip_com{display:none;height:37px;line-height:37px;position:absolute;right:0;top:4px;color:#e94470}.tip_com2{right:30%}