@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration:none;}
body {line-height: 1; font-size:12px;font-family:"微软雅黑";color:#999999;background:#FFF;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;border:none; background:none;}
table {border-collapse: collapse; border-spacing: 0;}
textarea{resize:none;}
a{text-decoration:none; color:#656565;}
a{outline:none;}
html,body{height: 100%;}
/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both; height: 0; visibility: hidden;}
.clearfix{clear: both; zoom: 1; display: block; height: 0; line-height: 0; font-size: 0;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.commWith{width:1200px; margin: 0 auto;}
.loginBody{background: url(../img/login-bg.png) ; width:100%; height: 944px;}
.loginActiveBody{background: url(../img/login_activebg.jpg) center no-repeat; width:100%; height: 100%;}
.login-top{height: 76px;}
.logo-top{height: 76px;}
.logo-top-left{height:36px; margin-top: 22px;}
.logo-top-left img{display: inline-block; float: left;}
.logo-top-left img.logo{height: 36px;}
.logo-top-left img.slign{height: 40px; margin-left: 0px;}
.logo-top-right{height: 33px; margin-top: 25px;}
.logo-top-right .phone-icon{width:16px; height: 16px; display: inline-block; background: url(../img/icon/zgg-phone-icon.png) no-repeat; float: left;}
.active-phone-icon{width:16px; height: 16px; display: inline-block; background: url(../img/icon/active-phone-icon.png) no-repeat; float: left;}
.logo-top-right .phone400{line-height: 18px; font-size: 18px; color: #4c4c4c; font-weight: bold; margin-left: 6px;}
.active-phone400{line-height: 18px; font-size: 18px; color: #fff; font-weight: bold; margin-left: 6px;}
.login-main{width:100%; min-width: 1200px; height: 460px; margin: 196px 0 86px 0;}
@media screen and (min-width: 1000px) and (max-width: 1800px) { 
	.login-main{margin: 80px 0;}
}
.login-main .login-reg-box{width:990px; margin: 0 auto;}
.login-main .login-left{width:580px; height: 460px; background: url(../img/login-left-bg.jpg) no-repeat; text-align: center; color: #FFFFFF; box-shadow:0px 15px 65px rgba(0,0,0,0.2);}
.login-acitive-left{
	width:580px;
	height: 460px;
	margin-top:1px;
	background: url(../img/logo-active-left.png) no-repeat;
}
.login-main .login-left h2{font-size: 40px; line-height: 40px; font-weight: bold; margin:244px 0 32px 0 ;}
.login-main .login-left p{font-size:22px; line-height: 22px;}
.login-main .login-left p b{width:1px; height: 22px; background: #FFFFFF; display: inline-block; vertical-align: middle; margin: 0 10px;}
.login-main .login-left p span{vertical-align: middle; display: inline-block;}
.logo-main-comm{width:410px; background: #FFFFFF; height: 460px; box-shadow:0px 15px 65px rgba(0,0,0,0.2);}
.group-inputs{width:316px; margin: 40px 0 0 47px;}
.group-inputs .input-wrapper{background: #FFFFFF; width:316px; border-bottom: 1px solid #eeeeee;  margin-bottom: 0px; height: 53px;}
.group-inputs .input-wrapper .name-input{line-height: 28px; height: 28px; float: left; width:266px; padding: 0 16px; font-size:14px; color: #666; background:#ffffff;}
.group-inputs .input-wrapper .same-icon{display: inline-block; float: left; width:18px; height: 20px; margin-top: 4px;}
.group-inputs .input-wrapper .phone-icon{background: url(../img/icon/login-phone-icon.png) no-repeat;}
.group-inputs .input-wrapper .code-icon{background: url(../img/icon/login-code-icon.png) no-repeat;}
.group-inputs .input-wrapper .password-icon{background: url(../img/icon/login-password-icon.png) no-repeat;}
.group-inputs .input-wrapper .re-password-icon{background: url(../img/icon/login-repassword-icon.png) no-repeat;}
.group-inputs .input-wrapper .code-input{line-height: 28px; height: 28px; width:160px; padding: 0 16px; font-size:14px; color: #666;}
.group-inputs .input-wrapper .code-btn{text-align: center; cursor: pointer; font-size: 14px; width:106px; text-align: right; display: inline-block;  line-height: 28px; color: #00DA84;}
.group-inputs .btn-wrapper{margin: 40px 0 0px; width:316px; height: 44px; background: #00DA84; background: -webkit-linear-gradient(left,#07d683, #01c174);background: -moz-linear-gradient(right, #07d683, #01c174);
background: -o-linear-gradient(right, #07d683, #01c174);background: linear-gradient(to right, #07d683, #01c174); border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;}
.group-inputs .btn-wrapper:hover{background: -webkit-linear-gradient(left,#01c174, #07d683);background: -moz-linear-gradient(right, #01c174, #07d683); background: -o-linear-gradient(right, #01c174, #07d683);background: linear-gradient(to right, #01c174, #07d683);}
.group-inputs .btn-wrapper .submit-btn{font-size: 18px; text-align: center; color: #FFFFFF; width:316px; height: 44px; line-height: 44px;}
.logo-agree{width:400px; margin: 0 auto}
.logo-agree p{font-size: 14px; color: #666666; line-height: 14px; text-align: center; margin-top: 14px;}
.logo-agree p .link{color: #00DA84;}

/*footer*/
.login-footer{font-size: 14px; color: #8d8d8d; text-align: center; padding: 0 0 80px 0;}
.footer-link{margin-bottom: 20px;}
.footer-link a{font-size: 14px; color: #8d8d8d; line-height: 14px; padding: 0 15px; cursor: pointer;}
.footer-link a:hover{color: #00da84; cursor: pointer;}
.footer-copy{color: #8d8d8d; line-height: 14px; font-size: 14px;}
.login-active-footer{font-size: 14px; color: #fffefe; text-align: center; padding: 0 0 26px 0;}
.login-active-footer .footer-link a{font-size: 14px; color: #fffefe; line-height: 14px; padding: 0 15px; cursor: pointer;}
.login-active-footer .footer-link a:hover{color: #00da84; cursor: pointer;}
.login-active-footer .footer-copy{color: #fffefe; line-height: 14px; font-size: 14px;}
/*登录*/
.login-none{display: none;}
.login-item{height: 62px; line-height: 62px; width:410px;}
.login-item .login-list{font-size: 18px; color: #333333; text-align:center; display: inline-block; float: left; width: 205px; border-bottom: 2px solid #eeeeee;}
.login-item .login-list:hover{color:#00da84}
.login-item .selected{color: #00da84; border-bottom: 2px solid #00da84;}
.immed-login{height: 16px; margin: 20px 0 28px 52px; width:316px;}
.immed-login a{font-size: 16px; line-height: 16px; color: #333333; cursor: pointer;}
.immed-login a:hover{color:#00da84;}
.immed-login .imm-zc{color: #00da84;}
.other-login{width:316px; margin: 0 auto;}
.other-login .perhaps{height: 14px; position: relative;}
.other-login .perhaps p{position: absolute; top:  -8px; text-align: center; width:100px; left: 108px; font-size: 14px; color: #999999; line-height: 14px;}
.other-login .perhaps .border{border-bottom: 1px solid #eeeeee; width:102px;}
.login-icon{height: 45px; margin-top: 14px;}
.login-icon .same-icon{background: url(../img/login-icon.png) no-repeat; width:45px; height: 45px; display: inline-block; float: left ;}
.login-icon .wx-icon{background-position: 0 0px; margin-left: 16px;}
.login-icon .qq-icon{background-position: -120px 0; margin: 0 76px;}
.login-icon .wb-icon{background-position: -234px 0;}
.login-icon .wx-icon:hover{background-position: 0 -55px;}
.login-icon .qq-icon:hover{background-position: -120px -55px;}
.login-icon .wb-icon:hover{background-position: -234px -55px;}
.login-sign{width:316px; margin: 30px auto 0;}
.login-sign1{width:316px;}
#canvasLogin{position: absolute; top: 0px; z-index: -1; width: 100%; height: 100%;}
.reg-title{height: 62px; border-bottom: 1px solid #eeeeee;}
.reg-title .title{font-size: 20px; color: #00DA84; line-height: 62px; padding-left: 52px;}
.reg-title .login-p{font-size: 14px; color: #999999; line-height: 62px; padding-right: 42px;}
.reg-title .login-p a{cursor: pointer; color: #00DA84; padding-left: 4px;}
/*第三方登录*/
.logo-top-left .logo-title{font-size: 20px; color: #666666; line-height: 42px; border-left: 1px solid #cacaca; display: inline-block; float: left; padding-left: 20px; margin-left: 20px; margin-top: 6px;}
.third-party{margin-top: 76px;}
.third-party p{font-size: 20px; color: #666666; line-height: ; text-align: center; padding-top: 22px;}
.third-form{width:400px;  height: 290px; background: #f2f2f2; margin: 60px auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.third-group-inpput{padding-top: 40px;}
.third-group-inpput .input-wrapper{border:1px solid #FFFFFF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.login-agree{width:336px; margin: 14px auto 0; height: 14px;}
.login-agree p{font-size: 14px; color: #666666;}
.login-agree p a{color: #00993a; cursor: pointer;}
.login-agree p i{display: inline-block; vertical-align: top; margin-right: 10px; width:12px; height: 14px; background: url(../img/icon/check-no.png) center no-repeat;}
.login-agree p i.checked{background: url(../img/icon/check-yes.png) center no-repeat;}
.third-group-inpput .btn-wrapper{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


/*alert弹框*/
.case-ywcz .name-edit{width:15px; z-index:99; height:14px; display: inline-block; padding-right: 15px;}
.theme-name-eidt{z-index: 1001;position: fixed;top: 0; left: 0; width: 100%; height: 100%; background: url(../img/bg/tm.png) repeat;display: none;}
.them-edit-dialog{width:366px; z-index: 1002; display: none; height:228px; background: #FFFFFF; font-family: "微软雅黑"; position: fixed; margin: -111px 0px 0px -200px; border: 3px solid #cccccc; left:50%; top:50%;}
.theme-name-eidt1{z-index: 1001;position: fixed;top: 0; left: 0; width: 100%; height: 100%; background: url(../img/bg/tm.png) repeat;display: none;}
.them-edit-dialog1{width:366px; z-index: 1002; display: none; height:228px; background: #FFFFFF; font-family: "微软雅黑"; position: fixed; margin: -111px 0px 0px -200px; border: 3px solid #cccccc; left:50%; top:50%;}
.them-edit-dialog .tit{height:40px; line-height: 40px; background: #f0f0f0;}
.them-edit-dialog .tit .edit{font-size:16px; color: #646464; padding-left: 30px;}
.them-edit-dialog .tit a{display: inline-block; padding-right: 10px;}
.them-edit-dialog .tit a:hover{cursor: pointer;}
.them-edit-dialog .input-name{width:288px; height:36px; line-height: 36px; border: 1px solid #e6e6e6; padding-left: 10px;}
.them-edit-dialog .comm{padding: 40px 30px 0px 30px;}
.them-edit-dialog .comm .tittp{font-size:20px; line-height:28px; text-align:center; font-weight:blod;}
.them-edit-dialog .comm p{line-height: 28px; font-size: 16px; color: #666666;}
.them-edit-dialog .input-btn .btn{width:70px; height:34px; font-size:16px; text-align: center; line-height: 34px; display: inline-block; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;;}
.them-edit-dialog .input-btn .qd-btn{background: #00b344; color: #FFFFFF; }
.them-edit-dialog .input-btn .btn:hover{cursor: pointer;}
.them-edit-dialog .input-btn .qx-btn{background: #e6e6e6; color: #666666; margin-right: 30px;}
.them-edit-dialog .input-btn{margin-top: 30px; text-align: right;}

/*图片验证弹框*/
/*注册*/
.register-main{
	margin: 80px 0 80px 0;
}
.register-main .register-reg-box{
	width:466px;
}

.register-main  .logo-main-comm{
	height: 570px;
	width:466px;
	box-shadow:0px 2px 10px rgba(0,0,0,0.2);
}
.register-main  .reg-title .title{
	padding-left: 70px;
}
.register-main .reg-title .login-p{
	padding-right: 70px;
}
.register-main .group-inputs{
	width:326px;
	margin: 0px auto 0;
}
.register-main .group-inputs .input-wrapper select{width:308px !important;}
.register-main .group-inputs .input-wrapper{
	width: 100%;vertical-align:middle;
}
.group-inputs .input-wrapper2{
    width:100%;height:53px;display:table-cell;vertical-align:bottom;
}
.register-main .group-inputs .input-wrapper .name-input{
	width: 276px;
}
.register-main .group-inputs .input-wrapper .code-input{
	width:170px;
}
.register-main .group-inputs .btn-wrapper{
	width: 100%;
}
.group-inputs .input-wrapper .reg-name-icon{
	background: url(../img/icon/register-icon01.png) no-repeat;
}
.group-inputs .input-wrapper .reg-company-icon{
	background: url(../img/icon/register-icon02.png) no-repeat;
}
.register-main{
	height: 580px;
}