body {background: #FFFFFF;}
/*-------
   login
  -------*/
.logo {width: 288px;height: 241px;background: url(../img/icon/logo.png) no-repeat 0 0;margin: auto;zoom: 0.4;margin-top: 4rem;margin-bottom: 3rem;}
.title a {color: #000000;font-size: 30px !important;}
.title {box-shadow: none;background: none;height: auto;padding: 0;}
.title h1 {height: 50px;line-height: 50px;}
.input-login {width:92%;margin: auto;background: #F3F3F3;border-radius: 3px;}
.input-userName,.input-password,.input-code,.input-mailCode,.input-img-code{position: relative;}
.input-login input{margin:0;border: none;background: none;padding: 10px;padding-left: 50px;font-size: 13px;height: 47px;}
.input-userName,.reg-pasd,.input-img-code{border-bottom: 1px solid rgb( 219, 219, 219 );}
.input-login i{display: inline-block;position: absolute;opacity: 0.5;zoom: 0.36;top: 31px;left: 40px;}
.input-userName i{background: url(../img/icon/icon_mobile.png) no-repeat;width: 53px;height: 68px;}
.input-password i{background:url(../img/icon/icon_pwd.png) no-repeat;width: 54px;height: 56px;}
.input-mailCode i{background: url(../img/icon/icon_mailCode.png) no-repeat;width: 45px;height: 48px;zoom: 0.4;}
.input-mailCode  img{position: absolute;right: 0;top: 0;display: inline-block;top: 11px;right: 5px;}
.login-mid{margin: 1rem auto 1rem auto;width: 92%;font-size: 12px;}
.login-mid,.login-mid a{color:  rgb( 102, 102, 102 );}
.pwd-checkBox{position: relative;float: left;padding-left: 20px;cursor: pointer;}
.login-mid a{float: right;}
.pwd-checkBox:before{content: '';display: inline-block;background: url(../img/icon/icon_checkBox.png) no-repeat;width: 40px;height: 38px;position: absolute;top: 6px;left: 0;zoom: 0.38;}
.uncheck:before{background:url(../img/icon/icon_uncheckBox.png);width: 40px;height: 37px;top: 6px;}
.login-tip p{text-align: center;color: rgb( 153, 153, 153 );font-size: 13px;}
.login-tip p a{color: #FF6C16;font-size: 13px;}
.lewbtns{width: 120px;left: 50%;/*margin: 7rem auto 2rem auto;*/position: absolute;margin-left: -60px;bottom: 2rem;}
.lewbtns a{zoom: 0.5;}
.lewbtns .login-QQ{background:url(../img/icon/login_QQ.png);float: left;width: 90px;height: 90px;}
.lewbtns .login-weixin{background:url(../img/icon/login_wx.png);float: right;width: 89px;height: 89px;}
/*-------
   register
  --------*/
.input-img-code i{background:url(../img/icon/img_code.png);width: 66px;height: 68px;top: 35px;background-size:  100% 100%;}
.input-code i{background:url(../img/icon/icon_code.png);width: 64px;height: 47px;top: 35px;}
.input-code .send-code{position: absolute;right: 20px;color: #FF8B48;border-left: 2px solid #FF8B48;top: 13px;height: 22px;font-size: 15px;padding: 0;padding-left: 15px;border-radius: 0;}
.input-code .img_check_code,.input-img-code .img_check_code{position:absolute;right:20px;width:75px;height:25px;top:50%;margin-top: -12.5px;}
.register-agr{position: relative;}
.register-mid{margin: 1.5rem auto 1.2rem auto;width: 92%;}
.register-agr{font-size: 14px;color: rgb( 153, 153, 153 );}
.register-mid a{color: #E6757D;font-size: 14px;z-index: 2;}
.register-agr{padding-left: 20px;}
.agt-checkBox{margin-right: 8px;position: absolute;left: 0;top: 6px;background: url(../img/icon/icon_reg_unckeck.png) no-repeat;width: 40px;height: 40px;zoom: 0.35;}
.agr-checked{background:url(../img/icon/icon_reg_check.png);}
.login-tip p,.login-tip p a{font-size: 15px;margin-top: 1rem;}
.error-tip{font-size:13px;width: 50%;margin: auto;background: black;opacity: 0.6;color: #fff;line-height: 30px;text-align: center;margin: 3rem auto 2rem auto;}
/*-------
   bindTip
  --------*/
.header-bindTip img{width: 100%;height: 100%;font-size:0;margin-bottom: 3rem;}
.choose-role button{width: 95%;height:3.5rem;margin: auto;display: block;margin-bottom: 2rem;font-size: 1.3rem;border-radius: 3px;}
.choose-role button:first-child{background: #363636;color: #fff;border:1px solid #363636;} 
.choose-role button:last-child{background: #F3F3F3;color: rgb( 51, 51, 51 );border: 1px solid rgb( 51, 51, 51 );}
/*-------
  chooseRole
  --------*/
.role-header-bg{background: #141516;width: 100%;position: absolute;top: 0;opacity: 0.6;z-index: -1;}
.role-body{background: url(../img/rolo_bg.png) no-repeat;background-size: cover;}
.demo__card img{zoom: 0.5;display: block;margin: 3rem auto 2rem auto;} 
.demo__card h2{color: rgb( 48, 48, 48 );font-size: 20px;text-align: center;margin: 10px  auto;}
.demo__card p{width: 80%;text-align: center;display: block;margin: auto;margin-bottom: 2rem;}
.below p{width: 100%;}
.demo__card button{font-size:17px;width: 150px;height: 40px;color: #fff;margin: auto;border: none;border-radius: 30px;display: block;margin-bottom: 3rem;box-shadow: 0 3px 3px #FFA57B;
	background: -webkit-linear-gradient(top,#FFDF81, #FF7C40); 
  background: -o-linear-gradient(bottom,#FFDF81, #FF7C40); 
  background: -moz-linear-gradient(bottom,#FFDF81, #FF7C40);
  background: linear-gradient(bottom,#FFDF81, #FF7C40);}
/*-------
  guide
  --------*/
 .skip{background: url(../img/icon/skip.png) no-repeat;width: 56px;height: 53px;position: absolute;right: 25px;top: 35px;zoom: 0.4;}
.guide-Btn{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.guide-Btn button{background: none;border: 1px solid #ccc;padding: 5px 17px; font-family: "FZZHYK";color: rgb( 24, 24, 24 );    font-style: oblique;border-radius: 3px;}
.guide-Btn button:first-child{float: left;margin-left: 20px;}
.guide-Btn button:last-child{float: right;margin-right: 20px;}