html{width:100%;height:100%}
body{width: 100%;height: 100%;background-image: url(../images/login_3.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;}
/*.loginmain{width: 400px;height: 526px;position: absolute;top: 50%;left: 50%;margin-top: -263px;margin-left: -200px;}
.loginmain .logobox{width: 280px;height: 35px;display: flex;justify-content:space-between;margin-left: 60px;}
.loginmain .logobox .logotxt{font-size: 30px;line-height: 35px;color: #fff;}
.loginmain .adbox{width: 300px;display: flex;height: 14px;line-height: 14px;color: #fff;font-size: 14px;margin-left: 50px;margin-top: 15px;}
.loginmain .adbox div{width: 75px;text-align: center;border-right: 1px solid #fff;}
.loginmain .codebox{width: 400px;height: 440px;background-color: #fff;border-radius: 4px;margin-top: 20px;position: relative;}
.loginmain .codebox .codetitle{width: 100%;height: 30px;font-size: 16px;color: #666;padding: 30px;}
.loginmain .codebox .codeimg{position: absolute;width: 196px;height: 250px;left: 102px;top: 105px;}
.loginmain .codebox .bottip{width: 200px;height: 40px;font-size: 12px;color: #707070;position: absolute;bottom: 80px;left: 100px;text-align: center;line-height: 24px;}*/

.loginmain{width:100%;height:100%;display: flex;justify-content: space-between;padding:0px 3%;align-items: center;flex-wrap:wrap;}
.loginmain .loginInfo{width:65%;height:100%;overflow:hidden; display: flex;align-items: center;justify-content: center;position: relative;}
.loginmain .loginInfo .loginpic{width:100%;max-width: 900px;animation-name:bbb;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear;position: relative;left:-3%;top:3%;}

.loginmain .loginInfo .loginText{width:100%;height:100%;position: absolute;left:0px;top:0px;display: flex;align-items: center;justify-content: center;}
.loginmain .loginInfo .logintext{width:100%;height:auto;max-width: 900px;}
.loginmain .loginInfo .logintext.text0{ -webkit-animation:zoomIn 4s 1s infinite both;-moz-animation:zoomIn 4s 1s infinite both;animation:zoomIn 4s 1s infinite both;}
.loginmain .loginInfo .logintext.text1{ -webkit-animation:zoomIn 4s 1.5s infinite both;-moz-animation:zoomIn 4s 1.5s infinite both;animation:zoomIn 4s 1.5s infinite both;}
.loginmain .loginInfo .logintext.text7{ -webkit-animation:zoomIn 4s 2s infinite both;-moz-animation:zoomIn 4s 2s infinite both;animation:zoomIn 4s 2s infinite both;}
.loginmain .loginInfo .logintext.text3{ -webkit-animation:zoomIn 4s 2.5s infinite both;-moz-animation:zoomIn 4s 2.5s infinite both;animation:zoomIn 4s 2.5s infinite both;}
.loginmain .loginInfo .logintext.text6{ -webkit-animation:zoomIn 4s 3s infinite both;-moz-animation:zoomIn 4s 3s infinite both;animation:zoomIn 4s 3s infinite both;}
.loginmain .loginInfo .logintext.text5{ -webkit-animation:zoomIn 4s 3.5s infinite both;-moz-animation:zoomIn 4s 3.5s infinite both;animation:zoomIn 4s 3.5s infinite both;}
.loginmain .loginInfo .logintext.text4{ -webkit-animation:zoomIn 4s 4s infinite both;-moz-animation:zoomIn 4s 4s infinite both;animation:zoomIn 4s 4s infinite both;}
.loginmain .loginInfo .logintext.text2{ -webkit-animation:zoomIn 4s 4.5s infinite both;-moz-animation:zoomIn 4s 4.5s infinite both;animation:zoomIn 4s 4.5s infinite both;}

@keyframes bbb{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}



.loginmain .loginBox{width:35%;height:100%;display: flex;align-items: center;}
.loginmain .loginBox .loginCon{width:96%;height:70%;position: relative; background-color: #fff;padding-top:11%;max-width: 500px;max-height: 500px;}
.loginmain .loginBox .loginCon .titCon{text-align: center;}
.loginmain .loginBox .loginCon .codeimg{width:230px;height:230px;margin:0 auto;}
.loginmain .loginBox .loginCon .tips{text-align: center;font-size:14px;color:#63b1ea}
.loginmain .copyRight{width:100%;height:auto;color:#fff;font-size:15px;position: absolute;left:0px;bottom:3%;text-align: center;}
.loginmain .iconpic{width:34px;height:auto;position: absolute;right:8%;top:10px;cursor: pointer;    right: 5px;
    top: 10px;}
.loginmain .iconpic img{width:26px}

.loginmain .loginBox .loginCon .ewmBox{width:100%;height:auto;text-align: center;}

.loginmain .loginBox .loginCon .loginText{width:70%;height:auto;margin:0 auto;margin-top:30px;}
.loginmain .loginBox .loginCon .textInput{width:100%;height:60px;margin-bottom:20px; border:1px solid #e5e1e1;border-radius: 5px;padding:8px;display: flex;align-items: center;}
.loginmain .loginBox .loginCon .textInput .texticon{width:25px;margin-right:5px;}
.loginmain .loginBox .loginCon .textInput .textcon{width:80%;height:100%;border:none;font-size:14px;}
.loginmain .loginBox .loginCon .logins{width:100%;height:auto;margin-top:40px;}
.loginmain .loginBox .loginCon .logins .loginbtn{width:100%;height:60px;background-color: #2996e3;font-size:16px;color:#fff;border:none}
.logindq{width:100%;height:100%;position: fixed;left:0px;top:0px;z-index:0;-webkit-animation:fadeInUp 3s 0.5s 1 both;-moz-animation:fadeInUp 3s 0.5s 1 both;animation:fadeInUp 3s 0.5s 1 both;}
.logindq img{width:100%;height:100%; }
#star {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
}
@media only screen and (max-width:750px) {
	.loginmain .loginBox .loginCon .titCon img{width:50%;}
	body{background-size:auto 100%;background-position:center}
	.loginmain{width:100%;height:auto;}
	.loginmain .loginBox{width:96%;flex-wrap:wrap;left:2%;margin-left:2%;height:400px;margin-top:-200px;position:absolute;top:50%;}
	.loginmain .loginBox .loginCon{height:100%;}
	.loginmain .loginInfo{width:100%;display:none}
	.loginmain .copyRight{font-size:12px;}
	body{overflow:hidden}
	.loginBox .codebox .codeimg{margin-left:35px}
}