*{ margin:0; padding:0;  box-sizing:border-box;}
html{ width:100%; height:100%;}
body{ width:100%; height:100%; float:left; position:relative; text-align:center; font-family:Microsoft YaHei; color:#000000; font-size:14px;}
table { border-spacing:0;}
table, table tr, table td{ margin:0; padding:0;}
ul, li{list-style-type:none;}
a{ text-decoration:none; color:#31bf5e; font-size:16px;}
a:hover{ color:red;}
img{ border:0;}


.bg{ width:100%; height:100%; float:left; position:absolute; top:0; left:0; z-index:-1;}
.bg .swiper-container{ width:100%; height:100%; float:left;}
.bg .swiper-container .swiper-slide{ width:100%; height:100%; float:left; position:relative;}
.swiper1{ background:url(bg1.jpg) no-repeat center center; background-size:cover;}
.swiper2{ background:url(bg2.jpg) no-repeat center center; background-size:cover;}
.swiper3{ background:url(bg3.jpg) no-repeat center center; background-size:cover;}
.logo{ width:40%; height:auto; margin:20px 30%;}
.top{ width:1000px; height:130px; text-align:left; background:url(logo.png?1) no-repeat center top;}
.center{ width:1000px; height:600px; text-align:left;}
.login{ width:964px; height:500px; float:left; margin:80px 19px 0; background:rgba(255,255,255,0.6); border-radius:20px;}
.login:hover{ background:rgba(255,255,255,0.9);}
.login>tbody{ width:964px; height:500px; float:left; background:url(icon.png) no-repeat;}
.logintop{ width:100%; height:60px; float:left;}
.qrlogin{ width:60px; height:60px; float:right; border-top-right-radius:20px;}
.logincenter{ width:350px; height:324px; float:left; margin:24px 66px 0 548px}
#login, #logins, #div_QrLogin{ width:300px; height:324px; float:left;}
.botton1{ height:49px; line-height:46px; float:left; margin:0 0 39px 8px; padding:0 16px; font-size:22px; color:#333;}
.botton2{ height:49px; line-height:46px; float:right; margin:0 8px 39px 0; padding:0 16px; font-size:22px; color:#333;}
.on{ border-bottom:3px solid #3982f7; color:#3982f7;}

.td1{ width:300px; height:56px; background:url(icon2.png) no-repeat; border:1px solid #bfbfbf; border-radius:10px;}
.unnamed1{ width:238px; height:54px; line-height:54px; float:left; margin-left:60px; padding:0 16px; background:none; border:0; border-top-right-radius:10px; border-bottom-right-radius:10px; font-family:Microsoft YaHei; font-size:18px; color:#333333;}
.td2{ width:300px; height:56px; background: url(icon3.png) no-repeat; border:1px solid #bfbfbf; border-radius:10px;}
.unnamed2{ width:238px; height:54px; line-height:54px; float:left; margin-left:60px; padding:0 16px; background:none; border:0; border-top-right-radius:10px; border-bottom-right-radius:10px; font-family:Microsoft YaHei; font-size:18px; color:#333333;}
input::-webkit-input-placeholder{ font-size:18px; color:#999;} 
.td4{ width:300px; height:97px;}
.unnamedCopy{ width:300px; height:54px; float:left; margin-top:43px; padding-left:26px; background:#3982f7; border:0; border-radius:10px; font-size:20px; color:#fff; font-weight:bold; letter-spacing:26px; cursor:pointer;}
.unnamedCopy:hover, .checkCodeBtn:hover{ background:#37adff; transition:background 0.3s ease-in-out;}
.td3{ width:300px; height:56px;}
.checkCodeInput{ width:170px; height:56px; line-height:54px; float:left; padding:0 16px; background:none; border:1px solid #bfbfbf; border-right:0; border-top-left-radius:10px; border-bottom-left-radius:10px; font-family:Microsoft YaHei; font-size:18px; color:#333333;}
.checkCodeBtn{ width:130px; height:56px; line-height:56px; float:left; background:#3982f7; border:0; border-top-right-radius:10px; border-bottom-right-radius:10px; font-size:17px; color:#fff; letter-spacing:1px; cursor:pointer;}
.unnamedCopy5{ width:300px; height:47px; float:left; margin-top:28px; background:url(button5.png?1) no-repeat center center; border:0; cursor:pointer; color:transparent;}
.unnamedCopy5:hover{ background:url(button5_1.png?1) no-repeat center center; transition:background 0.3s ease-in-out;}
.unnamed1Copy{ width:140px; height:47px; float:left; margin:28px 0 0 15px; background:url(button2.png?1) no-repeat center center; border:0; cursor:pointer;}
.unnamed1Copy:hover{ background:url(button2_1.png?1) no-repeat center center; transition:background 0.3s ease-in-out;}
.td5{ width:300px; height:62px;}
.unnamed3Copy{ width:300px; height:47px; float:left; margin:15px 0 0 0; background:url(button4.png?1) no-repeat; border:0; cursor:pointer;}
.unnamed3Copy:hover{ background:url(button4_1.png?1) no-repeat; transition:background 0.3s ease-in-out;}
.td8{ width:300px; height:132px; overflow:auto; text-align:center;}
.unnamed2Copy{ width:300px; height:47px; float:left; margin:15px 0 0 0; background:url(button3.png?1) no-repeat; border:0; cursor:pointer;}
.unnamed2Copy:hover{ background:url(button3_1.png?1) no-repeat; transition:background 0.3s ease-in-out;}
.weixin{ width:226px; height:272px; float:left; margin:-8px 0 0 32px; background-color:#eee; box-shadow:10px 10px 10px rgba(85,85,85,0.6); text-align:center; font-size:14px;}
.weixinimg{ width:206px; height:206px; float:left; margin:10px 10px 0 10px;}
.weixintxt{ width:206px; height:23px; line-height:28px; float:left; text-align:center; margin:0 10px 0 10px;}
.loginbottom{ width:370px; height:35px;}
.bottom{ width:1000px; height:76px; padding-left:165px;}