body{font-family: MicrosoftYaHei;}
a{cursor:pointer;}
.logonDiv{width:100%;height:670px;background:#4181df url("/assets/rt3/images/newLogon/logBg.jpg")no-repeat center;min-width:1200px;overflow:hidden}
.logonDivC{width:1200px;margin:0 auto;padding:1px 0 0 0;}
.logonDivCL{width:820px;height:670px;position:relative;}
.logonDivCR{width: 370px;height: 420px;background-color: #ffffff;border-radius: 10px;margin:100px 0 0 0;position:relative;padding:22px 30px;z-index:100;}
.logonDivCLTitle{padding:52px 0 0 0;z-index: 10;position:relative;}
.logonDivCLTitle1{margin:0 0 20px 0;}
.logonDivCLTitle2{margin:0 0 0 120px;}
.wxdl{position:absolute;top:14px;right:14px;cursor:pointer;width:58px;height:58px;}
.logonDivCRTi{color: #0064b8;font-size: 24px;font-weight:bold;margin-bottom:20px;}
.logonFrominput{width: 310px;height: 40px;background-color: #f4f6f8;border-radius: 4px;padding:0 0 0 16px;margin-bottom:16px;border:2px solid #f4f6f8;}
.logonFromDiv{margin-bottom:16px;}
.logonFromDiv input{width: 180px;height: 40px;background-color: #f4f6f8;border-radius: 4px;padding:0 0 0 16px;border:2px solid #f4f6f8;}
.logonFromDiv p{width:120px;height: 40px;background:#f4f6f8;border-radius: 4px;cursor: pointer;}
.logonFromDiv img{display:block;width:120px;height: 40px;background:#f4f6f8;border-radius: 4px;cursor: pointer;}
.logonFromDiv .logonBtn{width:120px;height: 40px;background:#68b9fd;border-radius: 4px;cursor: pointer;border:0;color:#fff;}
.logonFromDiv1{font-size: 12px;padding-bottom:16px}
.logonFromDiv1 a:first-child{color: #02d792;}
.logonFromDiv1 a:last-child{color: #0064b8;}
.logonFromDiv1 input, .logonFromDiv1 span{display:inline-block;vertical-align:top;}
.logonFromDiv1 input{margin-top:2px;}
.logonFromDiv1 a{margin:0 0 0 6px;}
.logonFromBtn{width:310px;height: 40px;background-color: #0064b8;border-radius: 4px;border:0;color:#fff;font-size:14px;letter-spacing:6px;}
.logonFromDiv2{font-size: 12px;text-align:center;color: #999;line-height:24px;margin:10px 0 0 0;}
.logonFromDiv2 a{color: #0064b8;}
.logonQqImg{display:block;margin:0 auto 6px auto;}
.logonQqDiv{width: 300px;min-height: 70px;border-radius: 6px;border: solid 1px #fff;background:rgba(44,74,165,0.8);color:#fff;padding:10px;text-align:center;}
.logonQqDiv p:first-child{color:#ffff00;font-size: 16px;line-height:26px;}
.logonQqDiv p:last-child{color:#fff;font-size: 14px;line-height:26px;}
.logonQq{width:300px;position:absolute;left:0;bottom:-200px;transition: all 0.2s ease-in-out;}
.logonQq2{width:200px;position:absolute;right:100px;bottom:-110px;transition: all 0.2s ease-in-out;}
.logonQqDiv2{width:200px;}
.logonQq3{width:200px;position:absolute;right:20px;bottom:-190px;transition: all 0.2s ease-in-out;}
.logonQqDiv3{width:200px;}
.logonQq4{width:210px;position:absolute;left:290px;bottom:-250px;transition: all 0.2s ease-in-out;}
.logonQqDiv4{width:210px;}
.logonQq5{width:210px;position:absolute;right:60px;bottom:-246px;transition: all 0.2s ease-in-out;}
.logonQqDiv5{width:210px;}
.logonQq6{width:274px;position:absolute;left:0;bottom:-360px;transition: all 0.2s ease-in-out;}
.logonQqDiv6{width:274px;}
.logonQq7{width:274px;position:absolute;left:300px;bottom:-426px;transition: all 0.2s ease-in-out;}
.logonQq9{width:260px;position:absolute;left:-50px;bottom:-240px;transition: all 0.2s ease-in-out;}
.logonQq11{width:260px;position:absolute;left:240px;bottom:-240px;transition: all 0.2s ease-in-out;}
.logonQqDiv9{width:260px;}
.logonQq10{width:28px;position:absolute;left:426px;bottom:-90px;transition: all 0.2s ease-in-out;}
.logonQq{animation: fly_away 3s forwards, float_left_top 6s 6s 300 ease-in-out alternate;}
.logonQq2{animation: fly_away2 3s forwards, float_left_top 5s 5s 300 ease-in-out alternate;}
.logonQq3{animation: fly_away3 3s forwards, float_left_top 5s 6s 300 ease-in-out alternate;}
.logonQq4{animation: fly_away4 3s forwards, float_left_top 7s 5s 400 ease-in-out alternate;}
.logonQq5{animation: fly_away5 3s forwards, float_left_top 3s 3s 300 ease-in-out alternate;}
.logonQq6{animation: fly_away6 3s forwards, float_left_top 4s 4s 400 ease-in-out alternate;}
.logonQq7{animation: fly_away7 3s forwards, float_left_top 3s 3s 300 ease-in-out alternate;}
.logonQq9{animation: fly_away9 3s forwards, float_left_top 5s 5s 400 ease-in-out alternate;}
.logonQq10{animation: fly_away10 3s forwards, float_left_top 4s 3s 500 ease-in-out alternate;}
.logonQq11{animation: fly_away11 3s forwards, float_left_top 4s 5s 500 ease-in-out alternate;}
@keyframes fly_away{100% {bottom:360px;}}
@keyframes fly_away2{100% {bottom:370px;}}
@keyframes fly_away3{100% {bottom:210px;}}
@keyframes fly_away4{100% {bottom:80px;}}
@keyframes fly_away5{100% {bottom:36px;}}
@keyframes fly_away6{100% {bottom:20px;}}
@keyframes fly_away7{100% {bottom:426px;}}
@keyframes fly_away9{100% {bottom:180px;}}
@keyframes fly_away10{100% {bottom:590px;}}
@keyframes fly_away11{100% {bottom:240px;}}
@keyframes float_left_top {
    0%, 100% {transform:translate(0, 0)}
    50% {transform:translate(0, 14px)}
}
#wxLogon{width:100%;height:400px;}
.wxLogon{display:none;}
.wxLogon iframe{width:100%;}