@font-face {
    font-family: 'iconfont';
    src: url('../../fonts/iconfont.eot');
    src: url('../../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/iconfont.woff2') format('woff2'),
    url('../../fonts/iconfont.woff') format('woff'),
    url('../../fonts/iconfont.ttf') format('truetype'),
    url('../../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size:14px;
    font-style: normal!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html,body{width:100%;height:100%;

}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.hide{ display:none;}

.contant{
    display:table;
    overflow:hidden;
    _position:relative;
    width:100%;
    height:100%;
}
.out-contmain{
    vertical-align:middle;
    display:table-cell;
    text-align:center;
    _position:absolute;
    _top:50%;
    _left:50%;
}
.contant .contmain{width:1000px;height:504px;margin:0 auto;background: url("../../images/login/tmbg.png") repeat;box-shadow: 0 0 25px #01275a;
    display:inline-block;
    _position:relative;
    _top:-50%;
    _left:-50%;
}

.contant .contmain .contmian-left{width:560px;height:504px; overflow: hidden; float:left;text-align:left;}
.contant .contmain .contmian-left h1{ color:#f5f5e7; font-weight:bold; font-size:38px; margin-left: 108px; margin-top:160px;}
.contant .contmain .contmian-left h2{ color:#f6fdff; font-size:18px;margin-left: 108px; margin-top:3px;}
.contant .contmain .contmian-left .bot-line{width:380px;height:2px; background-color:#03b8fc;margin:0 auto;}
.contant .contmain .contmian-left .bot-line-top{width:200px; height:2px; background-color:#ffd130;}
.contant .contmain .contmian-left .mintext-left{margin-top:60px;}
.contant .contmain .contmian-left .mintext-left span{ font-size:32px; margin-right: 20px; font-weight:bold;}
.contant .contmain .contmian-left .mintext-left span.col1{ color:#a5e9f8;}
.contant .contmain .contmian-left .mintext-left span.col2{ color:#88e2f7;}
.contant .contmain .contmian-left .mintext-left span.col3{ color:#23cef7;}
.contant .contmain .contmian-left .mintext-left span.col4{ color:#32d2f8;}
.contant .contmain .contmian-left .mintext-left .samaltxt{ color:#9ee6f7; font-size:24px; line-height:30px; margin-top: 10px;}
.contant .contmain .contmian-right{width:440px;height:504px;overflow:hidden;/* background:#f1fff5;*/  background: #fff;float:right;position:relative;}
.contant .contmain .contmian-right .newlogin-ctn{width:440px;height:auto;}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn{width:310px;height:auto;margin:80px auto 0 auto;position:relative;}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .erwtab{width:70px;height:70px; position:absolute;top:-70px;right:-20px;cursor:pointer}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .erwtab img{width:70px;height:70px;}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .login-nav{width:100%; height:38px;border-bottom:1px solid #e7e7e7;font-size:16px;color:#666;float:left;}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .login-nav li{margin-right:30px;display:inline-block;height:36px;cursor:pointer;position:relative}
/*.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .login-nav li.checked{border-bottom:2px solid #00c1f0;}*/
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .login-nav li.checked:after{content:"";position:absolute;bottom:-3px;left:0;height:2px;background:#00c1f0;display:block;width: 100%; }
.thethree-ctn{width:125px;height:auto;color:#666;text-align:center; margin:55px auto 20px auto;}
.thethree-ctn img{width:50px;height:50px;margin:6px;cursor:pointer;}
.contant .contmain .contmian-right .circle-out{width:120px;height:120px;border-radius:50%;background:#fff; border:20px solid #eefaff; padding:2px; margin:100px auto 0 auto;}
.contant .contmain .contmian-right .circle-out .circle-in{width:100px;height:100px; border-radius:50%;   background:#fff; border:10px solid #ddf6ff;line-height:100px;font-size:20px;text-align:center; color:#666;}
.contant .contmain .contmian-right form{ margin-top:20px; text-align: center;}
.contant .contmain .contmian-right form .loginline{width:340px;height:40px;line-height:40px; margin:20px auto; border-bottom:1px solid #ddd;}
.contant .contmain .contmian-right form .login-input-form{width:100%;height:40px;line-height:48px; margin:20px auto; border:1px solid #ddd; border-radius:2px;}
.contant .contmain .contmian-right form .loginline label span{ margin-right:20px; font-size:20px; color:#00b7fc;}
.contant .contmain .contmian-right form .loginline input{width:290px; height:40px; line-height:40px; border:none; background:none; outline:none; color:#666;}
.contant .contmain .contmian-right form .loginline2{width:338px;height:38px;line-height:38px; border-radius:3px;background:#f5f5f5; border:1px solid #ddd; color:#999; font-size:16px; margin:30px auto; text-align: center;}
.contant .contmain .contmian-right form  button{ background-color:#00c1f0; color:#fff;width:312px;height:45px; line-height:45px; font-weight:bold;border:none;font-size:18px;}
.contant .contmain .contmian-right .verification{ width:340px; height:auto; margin:0 auto 20px auto;}
canvas{border-radius:7px; overflow:hidden;}
.contant .contmain .contmian-right form span.prompt{ font-size: 12px; color:red; text-align: left; display:block; padding-bottom:10px; padding-left: 32px;}
#msg{width:100%;line-height:30px;font-size: 14px;text-align: center; color:#00c1f0;}
/*滑动验证模块*/
#slider{margin: 0px auto 30px auto;width: 300px;height: 40px;position: relative;border-radius: 20px;background-color: #dae2d0;overflow: hidden;text-align: center;user-select: none;-moz-user-select: none;-webkit-user-select: none;}
#slider_bg{position: absolute;left:0;top: 0;height: 100%;background-color: #7AC23C;z-index:1;}
#label{width:46px;position: absolute;left: 0;top: 0;height: 40px;line-height: 38px;border: 1px solid #cccccc;background: #fff;z-index: 3;cursor: move;color: #ff9e77;font-size: 16px;font-weight: 900;}
#labelTip{position: absolute;left: 0;width: 100%;height: 100%;font-size: 13px;font-family: 'Microsoft Yahei', serif;color: #787878;line-height: 38px;text-align:center;z-index: 2;}
.ui-slider-wrap {
    background: #e8e8e8;
    position: relative;
}
.ui-slider-wrap .ui-slider-bg {
    width: 0;
}
.ui-slider-wrap .ui-slider-btn {
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-slider-wrap .ui-slider-btn {
    background: #fff url(../../images/slider.png) no-repeat center;
}

.ui-slider-wrap .ui-slider-btn.success {
    background-image: url(../../images/success.png);
    border: 1px solid #1fdfc2;
}

.ui-slider-wrap .ui-slider-text {
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #666;
}

.ui-slider-wrap .ui-slider-no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*license失效或者过期*/
.license-ctn{width:100%;height:100%;position:fixed;top:0; left:0; bottom: 0; right:0; display:table;z-index:100; background: rgba(0,0,0,0.8)}
.license-ctn .license-ctn-nei{width:100%;height:100%;display: table-cell ;text-align:center;vertical-align: middle;}
.license-ctn .license-ctn-nei .license-ctn-tc{width:500px;height:258px;position:relative;line-height: 40px;font-weight:bold;color:#666; padding-left: 400px; padding-top: 150px; background:#fff; margin: 0 auto; text-align: left;}
.license-ctn .license-ctn-nei .license-ctn-tc .closelic{width:54px;height:54px;top:0; right:0; z-index: 101; position: absolute; cursor: pointer}
.license-ctn .license-ctn-nei .license-ctn-tc .closelic img{width:54px;height:54px; position:static;}
.license-ctn .license-ctn-nei .license-ctn-tc img{ position:absolute; left:120px; top:75px;}
.license-ctn .license-ctn-nei .license-ctn-tc h1{ font-size:16px;font-weight:bold;}
.license-ctn .license-ctn-nei .license-ctn-tc h2{ font-size:18px;font-weight:bold;}
/*注册账号和忘记密码*/
.register-ctn{width:351px; height: 40px; line-height:50px; color:#00c1f0; font-size:15px; margin-top:10px;}

/*******注册账号*******/

.registere-line{width:310px;height:50px;border-bottom:1px solid #E7E7E7; margin-bottom:13px; text-align:left;position:relative;font-size:0;}
.registere-line input{height:50px;border:none;font-size:14px;color:#303030;}
.registere-line input.wxyy-input{width:100%;}
.registere-line input.yzm-input{width:189px;}
.registere-line button.yzmbtn{width:121px!important;height:36px!important;line-height:36px!important;font-size:12px!important;color:#fff;border-radius:20px;font-weight:lighter!important;background:#F8A228!important;cursor:pointer;position:absolute;top:0;right:0;}
.inputfocus{position:absolute;display:block;height:2px;width:1px;bottom:-1px;left:0;background:#00c1f0;}
.registere-line button.yzmbtn[disabled]{background:#d8d8d8!important;color:#707070;}
.alertxt{position:absolute;display: inline-block;height:50px;line-height:50px;width:20px; text-align:right;}
.cyt-loginBtn{height:45px; cursor: pointer;line-height:45px;width:calc(100% + 2px);border-radius:25px;margin-top:30px;}