@charset "utf-8";
/* CSS Document */
/* CSS Document */
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input,select{margin:0;padding:0;}
body{font-size:12px;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;border:none; background:none;}
textarea{resize:none;}
a{text-decoration:none; color:#656565;}
/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.commWith{width:1200px; margin-left: auto; margin-right: auto;}
*{ margin:0 auto; padding:0; font-family: "微软雅黑";}
html {height: 100%; font-family: "微软雅黑";}
body{font-family: "微软雅黑";}

.login-top{border-bottom: 1px solid #cacaca;}
.logo-top{height: 80px;}
.logo-top-left{height: 50px; margin-top: 16px;}
.logo-top-left img{display: inline-block; float: left;}
.logo-top-left img.logo{height: 50px;}
.logo-top-left img.slign{ margin: 0px 0 0 8px;}
.logo-top-right{height: 33px; margin-top: 25px;}
.logo-top-right .phone-icon{width:33px; height: 33px; display: inline-block; background: url(zgg-phone-icon.png) no-repeat; float: left;}
.logo-top-right .free{font-size:14px; color: #b3b3b3; line-height: 33px; float: left; display: inline-block; margin: 0 10px 0 6px;}
.logo-top-right .phone400{line-height: 33px; font-size: 24px; color: #0068B7; font-weight: bold;}

.login-main{background: url(banner.jpg) center no-repeat; width:100%; min-width: 1200px; height: 570px;}
.logo-main-comm{width:400px; background: #FFFFFF; position:relative; height: 460px; float: right; margin-top: 56px;}
.logo-main-comm .aleary{position:absolute; right:32px; top:22px; font-size:16px; color:#666666; line-height:16px;}
.logo-main-comm .aleary .login-btn{color:#0068B7; cursor:pointer; padding-left:4px;}
.logo-main-comm .title{font-size: 24px; color: #0068B7; line-height: 60px; height: 60px; border-bottom: 1px solid #dcdcdc; text-align: left; padding-left:32px; font-weight:normal;}
.group-inputs{width:336px; margin: 20px auto 0;}
.group-inputs .input-wrapper{background: #FFFFFF;  width:334px; border: 1px solid #b8b8b8;  margin-bottom: 10px; height: 40px;}
.group-inputs .input-wrapper .name-input{line-height: 40px; height: 40px; width:314px; padding: 0 10px; font-size:14px; color: #333;}
.group-inputs .input-wrapper .code-input{line-height: 40px; height: 40px; width:198px; padding: 0 10px; font-size:14px; color: #333;}
.group-inputs .input-wrapper .code-btn{text-align: center; cursor: pointer; font-size: 14px; width:114px; display: inline-block; border-left: 1px solid #e5e5e5; line-height: 34px; color: #0068B7; margin: 3px 0;}
.group-inputs .btn-wrapper{margin: 40px 0 0px; background: #0068B7; width:336px; height: 42px;}
.group-inputs .btn-wrapper .submit-btn{font-size: 18px; cursor:pointer; text-align: center; color: #FFFFFF; width:336px; height: 42px; line-height: 42px;}
.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: #0068B7;}

/*contentWrap*/
.contentWrap{margin-top: 100px; height:381px;}
.login-left img{width:415px; height:360px; padding-top:10px;}
.login-left{padding-left: 128px; width:542px;}
.login-right{width:530px;}
.login-right .login-comm{background: url(login.jpg) no-repeat top left; width:435px; height:379px;}
.login-comm .login-ul{padding: 50px 36px 0px 36px;}
.login-ul .login-top-l span{font-size:14px; color: #656565; line-height: 14px;}
.login-ul .login-top-l span a{color: #00983a;}
.login-ul .login-top-r a{font-size:14px; color: #009A3A; line-height: 14px;}
.login-ul .login-li .zh{border: 1px solid #cccccc; width:340px; height:42px; line-height: 42px; font-size:14px; color: #4d4d4d; padding: 0px 10px;}
.login-ul .login-li{margin-bottom: 28px;}
.rember-ul{width:260px;}
.rember-ul input{display:none;}
.rember-ul li{float:left;}
.rember-ul label{background: url(check_icon.png) left 2px no-repeat;}
.rember-ul label.checked{background: url(checked_icon.png) left 2px no-repeat;}
.rember-ul label.checkedHover,.custom-checkbox label.checkedFocus{background: url(checked_icon.png) left 2px no-repeat;}
.rember-ul label.focus{outline:1px dotted #ccc;}
.rember-ul label{padding-left: 20px; color: #676767; font-size:14px; line-height: 14px;}
.login-ul .rember-r a{font-size:14px; color: #009A3A; line-height: 14px;}
.login-ul .pa4{padding-top: 4px; line-height: 14px; height: 14px;}
.login-ul .line-he{height:14px; line-height: 14px;}
.login-ul .ljdl{display: block; background: #0068B7; font-size:18px; color: #FFFFFF; text-align: center; width:362px; height: 44px; line-height: 44px;}

/*footBar*/
.footBar{ padding: 60px 0px;margin-top: 60px; width: 100%; background: #FFFFFF;}
.foot,.foot_co{text-align: center;}
.foot{margin-bottom: 22px;}
.foot a{padding-right: 30px; font-size: 14px; color: #b1b1b1; line-height: 14px;}
.foot_co p{font-size: 14px; color: #b1b1b1; line-height: 14px;}

/*registertWrap*/
.registertWrap{margin-top: 100px;}
.reg-left{padding-top:66px;}
.reg-left img{width:415px; height:360px;}
.reg-left{padding-left: 128px; width:542px;}
.reg-right{width:530px;}
.reg-right .reg-comm{width:434px; height:526px; background: url(register.jpg) no-repeat left top;}
.reg-comm .reg-ul{padding: 50px 36px 0px 36px;}
.reg-ul .reg-top-l span{font-size:14px; color: #656565; line-height: 14px;}
.reg-ul .reg-top-l span a{color: #00983a;}
.reg-ul .reg-top-r a{font-size:14px; color: #009A3A; line-height: 14px;}
.txt_phone{width:340px; height:42px; border: 1px solid #cccccc; padding: 0px 10px; line-height: 42px; font-size:14px; color: #4d4d4d;}
.reg-ul .reg-li{margin-bottom: 28px;}
.reg-ul .line-he{height:14px; line-height: 14px;}
.text_code{width:180px; height:42px; border: 1px solid #CCCCCC; padding: 0px 10px; line-height: 42px; font-size:14px; color: #4d4d4d;}
.btn_code{width:132px; height:44px; background: url(email-bg.png) no-repeat; display: inline-block; line-height: 44px; font-size:16px; color: #656565; font-weight: bold; text-align: center;}
.email{margin-bottom: 28px; height:44px;}
.in28{margin-bottom: 28px;}
.email-ul label{font-size:14px; color: #646464; line-height: 14px;}
.email-ul a{font-size:14px; color: #009A3A; display: inline-block; float: right;}
.email_a{font-size:14px; color: #009A3A;}
.reg-li .ljdl{display: block; background: #0068B7; font-size:18px; color: #FFFFFF; text-align: center; width:362px; height: 44px; line-height: 44px;}
.reg-ul .pa4{padding-top: 4px; line-height: 14px; height: 14px;}

/*找回密码*/
.zhmm-div{padding: 100px 0px 0px 370px;}
.zhmmComm{width:434px; height:484px; background: url(zhaohuimima_bg.jpg) no-repeat;}
.zhmmTit span{font-size:18px; color: #656565; line-height: 18px; display: inline-block; background:url(zhaohuimima_shu.png) left center no-repeat; padding-left: 14px;}
.zhmmTit a{font-size:16px; color: #009a3a; line-height: 16px;}
.mar_b_30{margin-bottom: 28px; height: 44px;}
.mar_b_28{margin-bottom:28px; height:18px;}
.txt{height:42px; width:340px; line-height: 42px; border: 1px solid #E5E5E5; background: #FFFFFF; padding: 0px 10px;font-size:14px; color: #4D4D4D;}
.phone_txt{width:340px;}
.yzm_txt{width:180px;}
.mfhq_btn{width:132px; height:44px; background: url(email-bg.png) no-repeat; font-size:16px; color: #656565; font-weight: bold; text-align: center; line-height: 44px;}
.tj_btn{width:140px; height:44px; margin-right: 30px; display: inline-block; text-align: center; font-size:18px; color: #FFFFFF; background: #0068B7; line-height: 44px;}
.zhbottom .fhdl{font-size:16px; color: #009A3B; vertical-align: bottom; display: inline-block;}
.fhdl:hover{color: #009a3a;}
.zhmm-ul{padding: 50px 36px 0px 36px;}
/*alert弹框*/
.case-ywcz .name-edit{width:15px; z-index:99; height:14px; display: inline-block; padding-right: 15px;}
.theme-name-eidt{z-index: 99;position: fixed;top: 0; left: 0; width: 100%; height: 100%; background: url(tm.png) repeat;display: none;}
.them-edit-dialog{width:366px; z-index: 100; 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 p{line-height: 24px; font-size: 14px; 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;}

/*登录*/
.login-none{display: none;}
.login-item{padding: 6px 0; height: 48px; line-height: 48px; width:400px; border-bottom: 1px solid #dcdcdc;}
.login-item .login-list{font-size: 20px; color: #666666; text-align:center; display: inline-block; float: left; width: 199px;}
.login-item .first{border-right: 1px solid #DCDCDC;}
.login-item .selected{color: #0068B7;}
.immed-login{height: 14px; margin: 20px 0 24px 0;}
.immed-login a{font-size: 14px; line-height: 14px; color: #666666; cursor: pointer;}
.immed-login .imm-zc{color: #0068B7;}
.other-login{width:336px; margin: 0 auto;}
.other-login .perhaps{height: 14px; position: relative;}
.other-login .perhaps p{position: absolute; top:  -8px; text-align: center; width:36px; left: 150px; font-size: 14px; color: #afafaf; line-height: 14px;}
.other-login .perhaps .border{border-bottom: 1px solid #afafaf; width:150px;}
.login-icon{height: 45px; margin-top: 14px;}
.login-icon .same-icon{background: url(login-icon.png) no-repeat; width:45px; height: 45px; display: inline-block; float: left ;}
.login-icon .wx-icon{background-position: 0 0; margin-left: 26px;}
.login-icon .qq-icon{background-position: -117px 0; margin: 0 75px;}
.login-icon .wb-icon{background-position: -234px 0;}
.login-sign{width:336px; margin: 20px auto 0;}
#canvasLogin{position: absolute; top: 0px; z-index: -1; width: 100%; height: 100%;}

/*第三方登录*/
.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: #0068B7; cursor: pointer;}
.login-agree p i{display: inline-block; vertical-align: top; margin-right: 10px; width:12px; height: 14px; background: url(check-no.png) center no-repeat;}
.login-agree p i.checked{background: url(check-yes.png) center no-repeat;}
.third-group-inpput .btn-wrapper{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.foot a:hover{color:#0068B7;}