body {
  display: flex;                                 /* 弹性容器 */
  background-color:#F1F1F1;                      /* 背景颜色 */
}

.box {
  position: relative;                            /* 相对定位 */
  overflow:hidden;                               /* 隐藏溢出 */
  background-color:#F1F1F1;                      /* 背景颜色 */
}

.page {
  background-color:#FFFFFF;                      /* 背景颜色 */
}

.pullDown{
  color:#000;                                    /* 字体颜色 */
}

.pullUp{
  color:#000;                                    /* 字体颜色 */
}
/*************************************************************/

/*======================================= 顶部logo */
.logo-ico {
  margin: 0.3rem auto;              /*  外边距    */
  width: 4.5rem;                    /*  宽        */
  height: 4.5rem;                   /*  高        */
  background: url(../images/logo.png) no-repeat;
  background-size: 4.5rem 4.5rem;   /*背景图片大小*/
}
/*======================================== 登录层*/
.login {
  position: relative;                /*  相对定位  */
  margin: 0px auto;                  /*  外边距    */
  margin-bottom:0.5rem;               /*  底外边距离*/
  width: 82%;                        /*  宽        */
}
/*==================================== 输入框右图标*/
.input_ico {
  position: absolute;                /*  绝对定位  */
  left: .4rem;                       /*  右距离    */
  line-height: 1.333333rem;          /*  行高      */
  font-size:.4rem;                   /*  字体大小  */
  font-weight: 600;                /*  字体加粗  */
  color: #979A9E;                    /*  字体颜色  */
}

.login-input-ico2 {
  position: absolute;                /*  绝对定位  */
  left: .4rem;                       /*  右距离    */
  line-height: 1.333333rem;          /*  行高      */
  font-size:.5rem;                   /*  字体大小  */
  font-weight: 600;                /*  字体加粗  */
  color: #979A9E;                    /*  字体颜色  */
}
/*=========================================== 输入框*/
.login input{
  width: 100%;                       /*  宽        */
  height: 1.333333rem;               /*  高        */
  font-size: .4rem;                  /*  字体大小  */
  color: #2d3037;                    /*  字体颜色  */
  padding-left: 1.1rem;                /*  内左边距  */
  border: .026667rem solid #bdc5d3;  /*  边框      */
  border-radius: 1rem;               /*  边框圆角  */
}
/*====================================== 输入框提示*/
.login input::placeholder {
  color: #AEB5C0;                    /*  字体颜色  */
  font-size: .4rem;                  /*  字体大小  */
}
.login input:focus{
  border-color: #FF6666;             /*  边框颜色  */
}
/*===================================== 输入框*清除*/
.input_close {
  position: absolute;                /*  绝对定位  */
  right: .4rem;                      /*  右距离    */
  top: 0.35rem;                      /*  上距离    */
  font-size: .6rem;                  /*  字体大小  */
  color: #bdc5d3;                    /*  字体颜色  */
  cursor:pointer;                    /*  鼠标指针  */
  display:none;                      /*  隐藏      */
}
/*======================================= 提示文字 */
.placeholder {
  position: absolute;
  top: -12px;
  right: 0%;
  transform: translateX(-50%);
  z-index: 2;
  text-align: center;
  color: #FF6666;
  background-color: #ffff;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  font-size: 15px;
  white-space:nowrap;                   /*  段落不换行*/
	overflow:hidden;                      /*  超出段落隐藏*/
	text-overflow:ellipsis;               /*  超出段省略..*/
  opacity: 0;
}
/*======================================= 记住账号 */
.choose {
  margin: 0px auto;                  /*  外边距    */
  width: 72%;                        /*  宽        */
  font-size: .346667rem;             /*  字体大小  */
  color: #5e6d81;                    /*  字体颜色  */
}
.choose input[type=checkbox] {
  position: relative;                /*  相对定位  */
  width: .48rem;                     /*  宽        */
  height: .48rem;                    /*  高        */
  border: .026667rem solid #dbe1e8;  /*  边框      */
  vertical-align: top;               /*  顶端对齐  */
  outline: none;                     /*  隐藏轮廓  */
  cursor: pointer;                   /*  鼠标指针  */
  border-radius: 3px;                /*  边框圆角  */
}
.choose input[type=checkbox]:checked {
  background-color: #fff;            /*  背景颜色  */
  border-color: #FF6666;             /*  边框颜色  */
  outline: none;                     /*  隐藏轮廓  */
}
.choose input[type=checkbox]:checked:before {
  position: absolute;                /*  绝对定位  */
  left: 1.2px;                       /*  左距离    */
  top: 3px;                          /*  顶距离    */
  width: .333333rem;                 /*  宽        */
  height: .133333rem;                /*  高        */
  color: #fff;                       /*  字体颜色  */
  content: '';                       /*  插入内容  */
  border-bottom: 2px solid #FF6666;  /*  下边框    */
  border-left: 2px solid #FF6666;    /*  左边框    */
  transform: rotate(-45deg);         /*  变形      */
}
/*=============================================== */
.choose .login_label {
  margin-left: .24rem;               /*  左外边距  */
}
.choose .choose_a {
  float: right;                      /*  右浮动    */
  color: #5e6d81;                    /*  字体颜色  */
  cursor:pointer;                    /*  鼠标指针  */ 
}
/*=============================================== */
.choose .reg_label {
  margin-left: .24rem;               /*  左外边距  */
  font-size: .266667rem;             /*  字体大小  */
}
.choose .reg_span {
  color: #5e6d81;                    /*  字体颜色  */
  font-size: .266667rem;             /*  字体大小  */
  cursor:pointer;                    /*  鼠标指针  */ 
}
.choose .reg_span a{
  color: #01AAFA;                    /*  字体颜色  */
  font-size: .266667rem;             /*  字体大小  */
  cursor:pointer;                    /*  鼠标指针  */ 
}
/*======================================= 红色按钮 */
.red_button {
  width: 100%;                       /*  宽        */
  height: 1.333333rem;               /*  高        */
  line-height: 1.333333rem;          /*  行高      */
  font-size: .386667rem;             /*  字体大小  */
  color: #fff;                       /*  字体颜色  */
  background-color: #FF6666;         /*  背景颜色  */
  border-radius: 1rem;               /*  边框圆角  */
  margin-top: .45rem;                /*  顶外边距  */
  cursor:pointer;                    /*  鼠标指针  */ 
}
.red_button:active {  
  color: #FFF;                       /*  字体颜色  */
  border: .026667rem solid #D0D0D0;  /*  边框      */
  background-color: #D0D0D0;         /* 按下时的背景颜色 */  
}
/*======================================= 白色按钮 */
.white_button {
  width: 100%;                       /*  宽        */
  height: 1.333333rem;               /*  高        */
  line-height: 1.333333rem;          /*  行高      */
  font-size: .386667rem;             /*  字体大小  */
  color: #FF6666;                    /*  字体颜色  */
  background-color: #fff;            /*  背景颜色  */
  border: .026667rem solid #FF6666;  /*  边框      */
  border-radius: 1rem;               /*  边框圆角  */
  margin-top: .45rem;                /*  顶外边距  */
  cursor:pointer;                    /*  鼠标指针  */ 
}
.white_button:active {  
  color: #FFF;                       /*  字体颜色  */
  border: .026667rem solid #D0D0D0;  /*  边框      */
  background-color: #D0D0D0;         /* 按下时的背景颜色 */  
}
/*======================================= 灰色按钮 */
.hui_button {
  width: 100%;                       /*  宽        */
  height: 1.333333rem;               /*  高        */
  line-height: 1.333333rem;          /*  行高      */
  font-size: .386667rem;             /*  字体大小  */
  color: #fff;                       /*  字体颜色  */
  background-color: #DCDCDC;         /*  背景颜色  */
  border-radius: 1rem;               /*  边框圆角  */
  margin-top: .45rem;                /*  顶外边距  */
  cursor:pointer;                    /*  鼠标指针  */ 
}
.hui_button:active {  
  color: #FFF;                       /*  字体颜色  */
  border: .026667rem solid #D0D0D0;  /*  边框      */
  background-color: #D0D0D0; /* 按下时的背景颜色 */  
}
/*======================================= 版权说明 */
footer p {
  margin-top: .45rem;                /*  顶外边距  */
  line-height: .6rem;                /*  行高      */
  font-size: .306667rem;             /*  字体大小  */
  color: #bdc5d3;                    /*  字体颜色  */
  text-align: center;                /*  文字居中  */
}
/*======================================= 错误提示 */
.mobile-error,
.password-error,
.repassword-error, 
.label-error, 
.yzma-tishi, 
.yzma-tishi2{
  margin-top: .38rem;                /*  顶外边距  */
  font-size: 0.35rem;                /*  字体大小  */
  color: #FF6666;                    /*  字体颜色  */
  margin-left:0.38rem;               /*  左外边距  */
  /*text-align: center;              /*  文字居中  */
  white-space:nowrap;                   /*  段落不换行*/
	overflow:hidden;                      /*  超出段落隐藏*/
	text-overflow:ellipsis;               /*  超出段省略..*/
}
/*======================================= 注册页面-标题 */
#register .title {
  line-height: 1.5rem;               /*  行高      */
  font-size: .613333rem;             /*  字体大小  */
  color: #2d3037;                    /*  字体颜色  */
  text-align: center;                /*  字体居中  */
  margin-bottom: 0rem;               /*  外底部距离*/
}
#register2 .title {
  line-height: 1.5rem;               /*  行高      */
  font-size: .613333rem;             /*  字体大小  */
  color: #2d3037;                    /*  字体颜色  */
  text-align: center;                /*  字体居中  */
  margin-top: 0.5rem;               /*  外底部距离*/
  margin-bottom: 0.5rem;               /*  外底部距离*/
}
#register .title2 {
  width: 100%;
  height: 2.32rem;
  line-height: 2.32rem;
  text-align: center;
  font-size: .613333rem;
  color: #2D3037;
}
/*======================================= 注册页面-说明 */
.register-tips {
  line-height: .68rem;               /*  行高      */
  font-size: .346667rem;             /*  字体大小  */
  color: #FF6666;                    /*  字体颜色  */
  text-align: center;                /*  字体居中  */
  margin-bottom: .4rem;              /*  外底部距离*/
}
.register-tips > span {
  display: inline-block;             /*  块级元素  */
  width: .373333rem;                 /*  宽       */
  height: .373333rem;                /*  高       */
  background: url(../images/login_sprite_img.png) no-repeat -4.733333rem -1.413333rem;
  background-size: 5.84rem 7.3rem;
  margin-right: .133333rem;          /*  外右部距离*/
}
/*****************************************************/
.mobile_ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .4rem;
  width: .45rem;
  height: .45rem;
  background: url(../images/yisu_sprite_img2.png) no-repeat -0.55rem -0.12rem;
  background-size: 10rem;
}

.mima_ico {
  position: absolute;
  left: .4rem;  
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .45rem;
  height: .45rem;
  background: url(../images/yisu_sprite_img4.png) no-repeat -1.43rem -0.12rem;
  background-size: 10rem;
}

.login_input_close {
  position: absolute;
  right: .4rem;
  cursor:pointer;
  display:none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .60rem;
  height: .60rem;
  background: url(../images/yisu_sprite_img4.png) no-repeat -3.5rem -0.03rem;
  background-size: 10rem;
}

.logo_ico {
  margin: 0.3rem auto;
  width: 4.5rem;
  height: 4.5rem;
  background: url(../images/yisu_sprite_img6.png) no-repeat -0.5rem -2.2rem;
  background-size:12rem;
}
/*******************************************************************************/
.get_num {
  position: absolute;
  right: 0rem;
  top: 0rem;
  width: 3.253333rem;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .373333rem;
  color: #FF6666;
  text-align: center;
}
.get_num::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 2px;
  height: .4rem;
  background-color: #DBE1E8;
}
.get_num.sent {
  color: #9EA7B3;
}