@media screen and (min-width:767px){.login{width:100%;height:100%;background-image:url(https://asset.dianzhijia.com/bg_image/login-bg.jpg?imageslim=);background-size:cover;background-position:50%;position:relative}.login-con{position:absolute;right:160px;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:320px;background:#fff}.login-con .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default}.login-con .header .header-text{font-size:16px;width:49%;height:40px;line-height:40px;text-align:center;border-bottom:3px solid #ccc}.login-con .header .activeStyle{border-bottom:3px solid #000}.login-con .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:350px}.login-con .button{color:red}.login-con .login-form{height:350px}.login-con .qr{position:relative}.login-con .modal{width:180px;height:180px;background-color:hsla(0,0%,100%,.9);position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.login-con .modal span{font-size:16px;color:#000}.login_beishang{width:100%;height:100%;background-image:url(https://asset.dianzhijia.com/bg_image/%E5%8C%97%E5%95%86.jpg?imageslim=);background-size:cover;background-position:50%;position:relative}.login_beishang-con{position:absolute;right:50%;top:50%;-webkit-transform:translateX(50%) translateY(-60%);transform:translateX(50%) translateY(-60%);width:320px;background:#fff}.login_beishang-con .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default}.login_beishang-con .header .header-text{font-size:16px;width:49%;height:40px;line-height:40px;text-align:center;border-bottom:3px solid #ccc}.login_beishang-con .header .activeStyle{border-bottom:3px solid #000}.login_beishang-con .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:350px}.login_beishang-con .button{color:red}.login_beishang-con .login-form{height:350px}.login_beishang-con .qr{position:relative}.login_beishang-con .modal{width:180px;height:180px;background-color:hsla(0,0%,100%,.9);position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.login_beishang-con .modal span{font-size:16px;color:#000}.login_shangpu{width:100%;height:100%;background-image:url(https://asset.dianzhijia.com/bg_image/998.jpg?imageslim=);background-size:cover;background-position:50%;position:relative}.login_shangpu-con{position:absolute;right:160px;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:320px;background:#fff}.login_shangpu-con .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default}.login_shangpu-con .header .header-text{font-size:16px;width:49%;height:40px;line-height:40px;text-align:center;border-bottom:3px solid #ccc}.login_shangpu-con .header .activeStyle{border-bottom:3px solid #000}.login_shangpu-con .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:350px}.login_shangpu-con .button{color:red}.login_shangpu-con .login-form{height:350px}.login_shangpu-con .qr{position:relative}.login_shangpu-con .modal{width:180px;height:180px;background-color:hsla(0,0%,100%,.9);position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.login_shangpu-con .modal span{font-size:16px;color:#000}}@media screen and (min-width:319px) and (max-width:767px){.login{width:100%;height:100%;background-image:url(https://asset.dianzhijia.com/bg_image/login-bg.jpg?imageslim=);background-size:cover;background-position:50%;position:relative}.login-con{position:absolute;right:160px;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:320px;background:#fff}.login-con .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default}.login-con .header .header-text{font-size:16px;width:49%;height:40px;line-height:40px;text-align:center;border-bottom:3px solid #ccc}.login-con .header .activeStyle{border-bottom:3px solid #000}.login-con .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:350px}.login-con .button{color:red}.login-con .login-form{height:350px}.login-con .qr{position:relative}.login-con .modal{width:180px;height:180px;background-color:hsla(0,0%,100%,.9);position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.login-con .modal span{font-size:16px;color:#000}.login_beishang{width:100%;height:100%;background-image:url(https://asset.dianzhijia.com/bg_image/%E5%8C%97%E5%95%86.jpg?imageslim=);background-size:cover;background-position:50%;position:relative}.login_beishang-con{position:absolute;right:160px;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:320px;background:#fff}.login_beishang-con .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default}.login_beishang-con .header .header-text{font-size:16px;width:49%;height:40px;line-height:40px;text-align:center;border-bottom:3px solid #ccc}.login_beishang-con .header .activeStyle{border-bottom:3px solid #000}.login_beishang-con .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:350px}.login_beishang-con .button{color:red}.login_beishang-con .login-form{height:350px}.login_beishang-con .qr{position:relative}.login_beishang-con .modal{width:180px;height:180px;background-color:hsla(0,0%,100%,.9);position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.login_beishang-con .modal span{font-size:16px;color:#000}.login_shangpu{width:100%;height:100%;background-image:url(https://asset.dianzhijia.com/bg_image/998.jpg?imageslim=);background-size:cover;background-position:50%;position:relative}.login_shangpu-con{position:absolute;right:160px;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:320px;background:#fff}.login_shangpu-con .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default}.login_shangpu-con .header .header-text{font-size:16px;width:49%;height:40px;line-height:40px;text-align:center;border-bottom:3px solid #ccc}.login_shangpu-con .header .activeStyle{border-bottom:3px solid #000}.login_shangpu-con .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:350px}.login_shangpu-con .button{color:red}.login_shangpu-con .login-form{height:350px}.login_shangpu-con .qr{position:relative}.login_shangpu-con .modal{width:180px;height:180px;background-color:hsla(0,0%,100%,.9);position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.login_shangpu-con .modal span{font-size:16px;color:#000}}.login-popover{-webkit-transform:translate(-58px,-43px);transform:translate(-58px,-43px)}