* {padding:0;margin:0;}
body {background:#fff;font-size:12px;font-family:'microsoft yahei','Arial';}
ul li {list-style-type:none;}
a {color:#4697CE;text-decoration:none;cursor:pointer;}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
[ng-cloak]{display:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}  
/*头部*/
.login-box .header-box {padding:20px 0;}
.login-box .header-box .main-content {max-width:1200px;margin:0 auto;overflow:hidden;}
.login-box .header-box .left-log {float:left;width:130px;height:48px;background:url(../images/logo.png) no-repeat;background-size:100% 100%;margin-left:40px;}
.login-box .header-box .left-log>a{float: left;width: 100%;height: 100%;}
.login-box .header-box .right-way {float:right;margin-right:40px;}
.login-box .right-way>div {float:left;width:54px;height:40px;background:url(../images/companyphone.png) no-repeat;background-position:center center;}
.login-box .right-way>p {float:left;height:40px;line-height:40px;font-size:24px;color:#3a9bf0;}
/*轮播图*/
.carousel-box {position:relative;height:630px;}
.carousel-box .carousel-con {height:100%;}
.carousel-box .swiper-container {width:100%;height:100%;}
.carousel-box .swiper-slide{position: relative;}
.carousel-box .swiper-slide>img {width:100%;height:100%;}
.login-box .carousel-box .swiper-slide>.main-content{position: absolute;top: 0;left: 50%;transform: translateX(-50%);max-width:1200px;width: 100%;height:100%;}
.carousel-box .swiper-slide>.main-content>div{position: absolute;top: 270px;right: 600px;text-align: center;}
.carousel-box .swiper-slide>.main-content>div>h3{font-size: 50px;color: #fff;}
.carousel-box .swiper-slide>.main-content>div>p{font-size: 30px;color: #fff;}
.carousel-con .swiper-pagination-bullet {border:1px solid #fff;background:none;}
.carousel-con .swiper-pagination-bullet-active {border:1px solid #fff;background:#fff;}
/*登录框*/
.carousel-box .login {position:absolute;top:0;left:0;width:100%;height:600px;-moz-user-select:none;-khtml-user-select:none;user-select:none;z-index:66;}
.login-box .carousel-box .main-content {position:relative;max-width:1200px;height:100%;margin:0 auto;overflow:hidden;}
.carousel-box .login-con {position:absolute;top:95px;right:105px;width:420px;box-sizing:border-box;background-color: #fff;padding:30px 56px;border-radius:6px;}
.carousel-box .login-con>.title {font-size:18px;color:#333;line-height:20px;text-align:center;}
.carousel-box .login-con .input-box {margin-top: 20px;overflow: hidden;position: relative;}
.carousel-box .login-con .input-box>i {width: 20px;height: 22px;background-position: center center;position: absolute;margin: 11px 18px;}
.carousel-box .mark1 {background:url(../images/companyname1.png) no-repeat;}
.carousel-box .mark2 {background:url(../images/people1.png) no-repeat;background-position:center center;}
.carousel-box .mark3 {background:url(../images/password1.png) no-repeat;background-position:center center;}
.carousel-box .login-con>div>input {width: 100%;font-size: 14px;color: #000;line-height: 22px;padding: 10px 20px 10px 40px;outline: none;background: rgba(255,255,255,0);text-indent: 16px;border: 1px solid #d1d1d1;box-sizing: border-box;height: 44px;border-radius: 8px;}
.carousel-box .login-con>div>input:focus{ border:1px solid #6dbbff}
.carousel-box .login-con>.proving{margin-top: 5px;display: none;padding-left: 19px;}

.carousel-box .login-con>.proving>span{font-size: 12px;color: #bf1c1c;}
.carousel-box .login-con>.error-login{font-size: 12px;color: #bf1c1c;text-align: center;margin-top: 10px;}
/*记住名称、忘记密码*/
.carousel-box .hint-box {margin-top:17px;overflow:hidden;}
.hint-box .hint-left {float:left;cursor:pointer;}
.hint-box .hint-left>span {float:left;width:10px;height:10px;border-radius:12px;border:1px solid #b3b3b3;margin-right:8px;}
.hint-box .hint-left>.active {border:1px solid #3a9bf0;background:url(../images/select.png) no-repeat;background-size:8px 8px;background-position:center center;}
.hint-box .hint-left>p {float:left;font-size:12px;line-height:12px;color:#b3b3b3;}
.carousel-box .hint-box>a {float:right;font-size:12px;line-height:12px;color:#b3b3b3;}
.carousel-box .hint-box>a:hover{ color: #3a9bf0}
/*登录*/
.login-con .login-btn-box{height:44px;margin:20px auto 30px;}
.login-con .login-btn {height:44px;line-height:44px;text-align:center;font-size:16px;color:#fff;cursor:pointer;background-color:#3a9bf0;border-radius:8px;}
.login-con .login-btn:hover {background-color:#268ce6;}
.carousel-box .login-con .login-more {text-align:center;padding:0;}
.login-con .login-more>a,.login-con .login-more>span {font-size:12px;color:#3a9bf0;}
.login-con .login-more>a:hover,.login-con .login-more>span:hover{ color:#2677bd}
/*下载*/
.downloads {text-align:center;margin:10px 0 35px;}
.downloads ul {display:inline-block;overflow:hidden;}
.downloads ul li {float:left;padding:0 50px;margin-top:30px;}
.downloads ul li .down-con {display:inline-block;width:110px;cursor:pointer;}
.downloads ul li .down-con:hover {opacity:0.5;}
.downloads .down-con>div {display:inline-block;width:100%;height:40px;background-position:center center;}
.down-con>.mark1 {background:url(../images/androidmark.png) no-repeat;}
.down-con>.mark2 {background:url(../images/iosmark.png) no-repeat;}
.down-con>.mark3 {background:url(../images/ipadmark.png) no-repeat;}
.down-con>.mark4 {background:url(../images/windowsmark.png) no-repeat;}
.down-con>.mark5 {background:url(../images/webpagemark.png) no-repeat;}
.down-con>p {display:inline-block;width:100%;font-size:14px;color:#7a818d;margin-top:15px;}
/*链接*/
.login-box .links {text-align:center;}
.login-box .links>p {display:inline-block;overflow:hidden;}
.login-box .links>p>a {float:left;padding:0 8px;font-size:12px;color:#b6bac3;}
.login-box .trademark {text-align:center;font-size:12px;color:#b6bac3;margin:10px 0 28px;}
/*下载弹框*/
.login-box .down-alert-box,.alert-box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;z-index:666;}
.down-alert-box .down-alert-con {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:#fff;box-sizing:border-box;height:378px;width:368px;border-radius:8px;padding:20px;overflow:hidden;text-align:center;}
.down-alert-con .alert-head {overflow:hidden;}
.down-alert-con .alert-head>span {float:left;line-height:18px;font-size:16px;color:#424e67;}
.down-alert-con .alert-head>i {float:right;width:18px;height:18px;background:url(../images/close2.png) no-repeat;background-position:center center;cursor:pointer;}
.down-alert-con .alert-head>i:hover {background:url(../images/close1.png) no-repeat;background-position:center center;}
.down-alert-con .alert-scan {text-align:center;margin-top:60px;}
.down-alert-con .alert-scan>div {display:inline-block;width:160px;height:160px;border:1px solid #ececec;}
.down-alert-con .alert-scan>div>img {width:160px;height:160px;}
.down-alert-con>a {display:inline-block;width:230px;height:44px;line-height:44px;font-size:16px;color:#fff;border-radius:8px;background-color:#3a9bf0;margin-top:38px;}
.down-alert-con>a:hover {background-color:#268ce6;}
/*更换设备登录验证*/
.dark-box{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);z-index:999;display: none;}
.login-tip{ width:560px; height:360px; border-radius:6px; background-color:#fff; box-shadow:0 0 8px rgba(0,0,0,0.4); position:absolute; left:50%; top:50%; margin-left:-280px; margin-top:-190px;}
.s-caption{ line-height:40px; border-bottom:1px solid #eee; background-color:#f2f2f2; color:#525252; font-size:14px; padding-left:16px; font-weight:bold; border-radius:6px 6px 0 0}
.close{ display: block; position:absolute; right:0; top:0;width:20px; height:20px; cursor:pointer; margin:9px; border:1px solid #f2f2f2; border-radius:2px; background:url(../images/close.png) no-repeat center; background-size:14px auto;}
.close:hover{ border:1px solid #999}
.tip-content{ padding:30px; font-size:14px; color:#666;}
.control-label{ float:left; line-height:30px;width:80px;}
.form-right{ overflow:hidden;line-height:30px;}
.code{ cursor:pointer;display:inline-block; vertical-align:middle; margin-left:10px; padding:0 24px; line-height:28px; border:1px solid #63b7e6; color:#4697ce; border-radius:4px;}
.code:hover{ background-color:#63b7e6; color:#fff;}
.code.grey,.code.grey:hover{color: #c1bcbc;background-color: #e9ecf0;border: 1px solid #f6f6f6;}
.tip-group{ overflow:hidden; margin:10px 0;}
.form-right input.form-control{ display:inline-block; vertical-align:middle;width: 120px; line-height:16px; padding:6px 0; text-indent:8px;border:1px solid #ccc; border-radius:4px;}
.content-text{ color:#333; line-height:28px; font-size:16px; padding-top:20px;}
.device{ padding-top:20px;}
.btn-tool { text-align:center;}
.btn-tool .btn{ cursor:pointer;display:inline-block;width:100px; text-align:center; margin:30px auto 20px auto; line-height:32px; border-radius:4px;}
.btn-tool .btn-primary{background-color:#63b7e6; color:#fff; margin-right:10px; }
.btn-tool .btn-cancel{ background-color:#e9ecf0; color:#828282;}
.btn-tool .btn-primary:hover{ background-color:#51a9da;}
.btn-tool .btn-cancel:hover{ background-color:#d9dce0;}