html,body{width:100%;height:100%;}

.topFix{position:fixed;z-index:100;left:0;top:0;width:100%;height:50px;}
.topFix .topBg{position:absolute;width:100%;height:50px;background-color:#777;opacity:0.3;z-index: 0;}
.topFix .topTitle{position:absolute;left:100px;z-index: 99;font-size: 18px;color:#fff;height:50px;line-height: 50px;}
.topFix .btnWrap{position:absolute;right:250px;z-index: 99;font-size: 16px;}
.topFix .telNum{position:absolute;right:100px;z-index: 99;}
.topFix .telNum .tel,.topFix .telNum .telTitle{color:#fff;height:50px;line-height: 50px;font-size: 16px;float: left;}
.topFix .telNum .telIcon{width:18px;height: 18px;float:left;margin-top: 12px;margin-right:5px;margin-left:15px;}
.topFix .telNum .telIcon img{width: 100%;height: 100%;}

.btnWrap .btn1{float:right;cursor: pointer;color:#fff;height:50px;line-height: 50px;}
.btnWrap .line2{color:#fff;height:50px;line-height: 50px;margin:0 10px;font-size: 14px;}
.btnWrap .btn1:hover{color:#f00;}
.popupLogin{position: absolute;z-index:101;width:360px;height:360px;padding:10px 20px;right:0;top:135px;background-color: #fff;box-shadow: 0 0 5px #aaa;border:1px solid #eee;}

.logintitle{position:relative;border-bottom:1px solid #a6b5c6;height: 51px;}
.logintitleWrap{position:absolute;bottom:-1px;width:100%;height:51px;}
.logintitle .tabTitle,.logintitle .tabClose{color:#a6b5c6;font-size: 18px;width:100px;height:50px;line-height: 50px;cursor: pointer;}
.logintitle .tabTitle.cur,.logintitle .tabTitle:hover,.logintitle .tabClose:hover{color:#005cbb;}
.logintitle .tabTitle.cur{border-bottom: 1px solid #005cbb}
.tabContent{padding: 0 10px;margin:30px auto 0;width:100%;font-size: 16px;color:#a6b5c6;}
.tabContent .tabItem{position:relative;width:338px;height:40px;margin-bottom: 20px;border:1px solid #dce5ee;}
.tabContent .tabItem .title{float: left;width:86px;padding-right:8px;height:20px;text-align:right;line-height:20px;margin-top:10px;border-right:1px solid #dce5ee;}
.tabContent input{float:left;display: block;border:none;outline: none;width:231px;height:40px;padding-left:10px;font-size: 14px;}
.tabContent button{display: block;border:none;outline: none;width:338px;height:40px;margin-top:40px;background-color: #009cef;font-size:16px;color:#fff;text-align: center;cursor:pointer;}
.tabContent button:hover{background-color: #0088d0;}
.identify input{width:131px;}
#code_input,#code_input2{width:111px;}
#v_container,#v_container2{float:right; width:100px;height:40px;position:relative;}
#verifyCanvas{left:0!important;width:100px;height:40px;top:0!important;}
.obtainCode{float:right;width:100px;height:40px;line-height:40px;background-color: #5ebaeb;color:#fff;cursor: pointer;text-align: center;}

.carsouel .drapDown{position: absolute;left:150px;top:20px;width:150px;color:#7bc4f7;cursor:pointer;}
.drapDown .drapList{display: none;width: 210px;}
.drapDown .drapList li{line-height:25px;height:25px;background:rgba(255,255,255,0.1);margin-bottom: 5px;}
.drapDown .drapList li:hover{color:#4ba9e1}
.rolling{position:absolute;right:50px;top:10%;text-align: center;}
.rollLeft{width:300px;}
.rolling .rollLeft .item{margin-bottom:10px;float: left;width: 150px!important;}
.rolling .itemName{color:#7bc4f7;font-size: 14px;}
.rolling .itemNumber{color:#fff;font-size:18px;font-weight: bold;}
.rolling .itemChg{font-size:14px;color:#f00;}
.rolling .line1{position:absolute;left:50%;top:50%;width:1px;background:url(../images/line.png) 0 0 no-repeat;background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;}

.wrapper{width:100%;height:100%;position: relative;}
.swiper-container,.swiper-wrapper,.swiper-slide{width:100%;height:100%;}
.swiper-slide .bg{position:relative;width:100%;height:100%;}
.swiper-slide .bg1{background:url(../images/loginBg1.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.swiper-slide .bg2{background-color:#404a59;}
.swiper-slide .bg3{background-color:#040b25;}
.swiper-slide .bg4{background-color:#0a334f;}
.swiper-slide .bg1 img{display: block;position: absolute;left:7%;top:55%;width:40%;transform: translateY(-50%);}
.swiper-slide .bg2 img{display: block;position: absolute;left:3%;top:50%;width:50%;transform: translateY(-50%);}
.swiper-slide .bg3 img{display: block;position: absolute;left:7%;top:50%;width:40%;transform: translateY(-50%);}
.swiper-slide .bg4 img{display: block;position: absolute;left:7%;top:50%;width:40%;transform: translateY(-50%);}
.slideTitle{color:#fff;font-size:30px;position: absolute;left:13%;top:17%;}

.header { padding: 30px 0 0px 20px; }
.center-box { background: url(../images/login-bg.png) no-repeat; width: 100%; height: 585px; }
 .bottom-box, .center-box > .table-box { width: 1200px; margin: 0 auto; padding-top: 20px; position: relative;}
.center-box > .table-box { padding-top: 170px; }
.center-box table, .center-box .table-msg { width: 750px; margin-left: 0; }
.center-box table td, .center-box table th { color: #fff; text-align: center; font-size: 14px; line-height: 40px; padding: 0 5px; }
.center-box .table-msg p { float: right; width: 398px; padding-top: 30px; color: #d0e3ff; font-size: 12px; }