html,body,.wrap{width: 100%;height: 100%;}
.wrap{background: url(../img/index_bg.jpg) center top no-repeat;background-size: cover;position: relative;min-width: 1200px;overflow: auto;}
.wrap.result{background: url(../img/index_bg2.jpg) #f5f5f5 no-repeat center top;background-size: auto;}
.title-bg-box{width: 828px;height: 147px;background: url(../img/title-bg.png) no-repeat center center;position: absolute;top: 26.9%;left: 0;right: 0;margin: auto;}
.wrap.result .title-bg-box{display: none;}
/*head*/
.head-wrap{height: 60px;background: rgba(0,0,0,0.3);padding: 0 40px;}
.head{max-width: 1200px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin: auto;}
.head>.logo{padding-top: 15px;overflow: hidden;width: auto;height: auto;background: transparent;}
.head>.btn-box{padding-top: 15px;}
.btn-box>.btn{display: inline-block;width: 100px;text-align: center;line-height: 30px;border-radius: 30px;cursor: pointer;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.btn-book,.btn-register{margin-right: 15px;background: transparent;border: 1px solid #c9c9c9;color: #c9c9c9;}
.btn-book:active,.btn-book:hover,.btn-register:active,.btn-register:hover{border-color: #1d84e1;color: #1d84e1;}
.btn-login{background: #1d84e1;color: #fff;border: 1px solid #1d84e1;}
.btn-login:active,.btn-login:hover{color: rgba(255,255,255,0.5);}
/*foot*/
.foot-wrap{width: 100%;position: absolute;bottom: 0;left: 0;background: #fbfbfc;}
.foot{width: 1200px;padding: 50px 40px;margin: auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.foot-left-main{font-size: 14px;color: #1d84e1;padding-right: 30px;height: 40px;line-height: 40px;border-right: 1px solid #cccccc;}
.foot-left-cont{padding-left: 30px;}
.foot-left-cont>p{line-height: 19px;}
.foot-left-cont>p>span,.foot-left-cont>p>span>a{font-size: 12px;margin-right: 15px;color: #959595;}
.foot-right{color: #1d84e1;position: relative;}
.foot-right:before{display: inline-block;content: '';background: url(../img/icon-phone.png) no-repeat center center;width: 37px;height: 37px;position: absolute;margin: auto;top: 0;bottom: 0;left: -50px;}
.foot-right>p:nth-of-type(1){font-size: 14px;}
.foot-right>p:nth-of-type(2){font-size: 18px;}

/*layer-login*/
#layer-login{display: none;}
#layer-login .layer-head{line-height: 56px;height: 56px;}
.btn-login-default{color: #fff;background: #1d84e1;}
.btn-login-default:active{color: rgba(255,255,255,0.3);}
.btn-login-wechat{background: #fff;border: 1px solid #ccc;color: #959595;}
.btn-login-wechat:active{color: rgba(149,149,149,0.3);}
.btn-login-wechat:before{content: "";display: inline-block;width: 20px;height: 16px;background: url(../img/login-wechat.png) no-repeat center center;vertical-align: middle;margin-top: -1px;margin-right: 5px;}
.btn-login-wechat:active:before{opacity: 0.3;}
/*layer-book*/
#layer-book{display: none;}
#layer-book .layer-head{height: 56px;line-height: 56px;}
.code-box{border-bottom: 1px solid #ccc;}
.btn-code{width: 100px;height: 32px;line-height: 32px;background: #1d84e1;color: #fff;}
.btn-code:active{color: rgba(255,255,255,0.3);}
.btn-code[disabled="disabled"]{cursor: not-allowed;background: #5295d2;}
.protocol{padding-top: 20px;font-size: 12px;}
.protocol>*{vertical-align: middle;color: #959595;}
.code-box>input{width: calc(100% - 170px);border-bottom: none;}
.protocol>a{text-decoration: underline;font-size: 12px;color: #959595;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.checkbox-wrap{display: inline-block;cursor: default;}
.checkbox-wrap>*{vertical-align: middle;font-size: 12px;color: #959595;}
.checkbox-wrap>span{display: inline-block;width: 12px;height: 12px;background: url(../img/icon-check.png) no-repeat 0 0;}
.onchecked>span{background-position: 0 -16px;}
.checkbox-wrap>small{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/*layer-bookResult*/
#layer-bookResult,#layer-editPwdResult{display: none;}
.icon-success{width: 72px;height: 72px;background: url(../img/icon-success.png) no-repeat center center;margin: 30px auto 30px;}
#layer-bookResult .cont,#layer-editPwdResult .cont{font-size: 18px;text-align: center;color: #959595;margin-bottom: 10px;}
/*layer-forgetPwd*/
#layer-forgetPwd .btn-login-default{margin-top: 40px;}
.btn-transparent{background: transparent;border: 1px solid #1d84e1;color: #1d84e1;}
.btn-transparent:active{color: rgba(29,132,225,0.3);}
/*layer-editPwd*/
#layer-editPwd{display: none;}
#layer-editPwd .layer-cont{padding-bottom: 120px;}
#layer-editPwd .btn-login-default{margin-top: 40px;}
/*findPwd的按钮*/
a.btn{border: 1px solid #1d84e1;color: #1d84e1;}
a.btn:hover{background: #fff;color: #1d84e1;}
a.btn:active{color: rgba(29,132,225,0.3);}
a.btn-login,a.btn-login:hover{background: #1d84e1;color: #fff;}
a.btn-login:active{color: rgba(255,255,255,0.5);}
a.btn-book{margin-right: 15px;}
a.btn-book,a.btn-book:hover{background: transparent;border: 1px solid #c9c9c9;color: #c9c9c9;}
a.btn-book:active{border-color: #1d84e1;color: #1d84e1;}
/*20190928第三期*/
/*用户注册*/
#layer-register{width: 450px;display: none;z-index: 999999;}
#layer-register .item-box>span,#layer-register .item-box>input{height: 45px;}
#layer-register .item-box>input::-webkit-input-placeholder{color: #ccc}
#layer-register .item-box>input.warn{color: red}
#layer-register .item-box>span{line-height: 45px;}
#layer-register .layer-cont{padding-top: 10px;}
#layer-register .tips{padding: 10px 0;color: #666;}
#layer-register .tips>small{font-size: 14px;line-height: 25px;vertical-align: top;}
#layer-register .tips>div{display: inline-block;width: 337px;}
#layer-register .tips>div>span{line-height: 25px;vertical-align: top;}
#layer-register .tips>div>button{background: #fff;border: 1px solid #1d84e1;color: #1d84e1;padding: 2px 5px;border-radius: 2px;margin-left: 10px;}
#layer-register .tips>div>button:active{opacity: 0.8;}
#layer-register .protocol{padding-top: 0px;}
/*.step-one{display: none;}*/
.step-two{display: none;}
#layer-register .step-two{padding-top: 20px;}
.sigle-checkbox{padding: 10px 0;}
.sigle-checkbox .input-box{display: inline-block;margin-left: 50px;}
.sigle-checkbox .input-box>*{display: inline-block;vertical-align: middle;cursor: default;}
.sigle-checkbox .input-box i{width: 12px;height: 12px;border: 1px solid #cdcdcd;border-radius: 100%;margin: 3px 5px 0 0;position: relative;}
.sigle-checkbox .input-box.on i:after{display: block;content: "";width: 6px;height: 6px;background: #1d84e1;position: absolute;margin: auto;left: 0;right: 0;bottom: 0;top: 0;border-radius: 100%;}
.sigle-checkbox span{color: #666;}
.step-two .employee-info-box{margin-top: 20px;display: none;}
.step-two .item-box>span{width: 130px;}
.step-two .item-box>input{width: calc(100% - 130px);}
.step-two .btn-wrap{text-align: center;}
.step-two .btn-login-default{width: 40%;}
.company-code{padding-right: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.employer-tips,.employee-tips{color: red;}
.employee-tips{display: none;}
.employee-tips>span{vertical-align: top;}
.employee-tips>div{width: 337px;display: inline-block;}
#btn-pre{margin-right: 20px;}
#layer-register .layer-cont input.warn{color: red;text-align: right;}

/*小程序二维码*/
#wx-code-wrap{width: 350px;height: 350px;background: #fff;border-radius: 5px;overflow: hidden;position: relative;display: none;}
#wx-code-wrap>img{width: 100%;height: 100%;vertical-align: top;}
.wx-code-close{width: 20px;height: 20px;background: url(../img/layer-close.png) no-repeat;background-size: contain; position: absolute;top: 15px;right: 15px;cursor: pointer;}