.box_top {
  background-color: #fff;
  box-shadow: 0 0.06rem 0.06rem 0.01rem #1a000000;
  margin: 0rem 0;
}

.main_top {
  background-color: #f7f8fa;
  padding-top: 0.01rem !important;
  display: flex;
}

.Sign_title {
  font-weight: bold;
  font-size: 0.24rem;
  color: #363433;
  text-align: center;
}

.footer {
  margin-top: initial;
}

.main_top_w {
  margin: auto;
  width: 50%;
}

.Email_ddress {
  color: #868380;
}

.box_top_div {
  padding: 1rem 0.3rem;
}

.input_text {
  border: 0.01rem solid #ccc;
  height: 0.47rem;
  border-radius: 0.04rem;
  width: 3.48rem;
  padding-left: 0.1rem;
}

.Sign_In_button {
  height: 0.47rem;
  border-radius: 0.05rem;
  width: 3.48rem;
  text-align: center;
  background-color: #363433;
  line-height: 0.47rem;
  color: #ffffff;
  font-size: 0.14rem;
  font-weight: bold;
  cursor: pointer;
}

.Sign_In_button:hover {
  background-color: var(--mc);
}

.eyes {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.05rem;
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}

[dir="rtl"].eyes {
  left: 0.05rem;
  right: initial;
}

.password_pr {
  position: relative;
  width: 3.48rem;
}

.Terms_Use {
  color: var(--mc);
}

.clickingCreate {
  width: 3.48rem;
  line-height: 0.2rem;
}

.box_top_left {
  border-right: 0.01rem dashed #cecece;
}

.error-msg {
  color: red;
}

.msg_style {
  min-height: 0.32rem;
  padding-top: 0.05rem;
  padding-left: 0.1rem;
}

.error {
  display: block;
}

/* .layui-layer-dialog .layui-layer-padding {
  padding: .1rem .3rem !important;
  justify-content: space-evenly;
  display: flex;
  align-items: center;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
  position: initial !important;
} */

/* 第三方 */
.tl_box {
  margin-top: 0.24rem;
  display: flex;
  width:100%;
}

.orBox {
  width: 3.48rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.24rem 0;
}

.orBox .line {
  width: 100%;
  height: 0.01rem;
  background-color: #C2BFBC;
}


.line_text {
  font-family: Arial-Regular, Arial;
  color: #C2BFBC;
  margin: 0 0.19rem;
}

.wordtl{
  width: 4.5rem;
  height: 0.47rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size:0.2rem;
}

.tl_google,
.tl_fb,
.tl_twitter
{
  width: 1.48rem;
  height: 0.47rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  border: 0.01rem solid #c2bfbc;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  padding-left: 0.29rem;
  cursor: pointer;
  margin-right:0.05rem;

}


.tl_google:hover,
.tl_fb:hover,
.tl_twitter:hover {
  background-color: #EFF2F6;
  border: 0.01rem solid #C2BFBC;
}

.tl_box img {
  width: 0.23rem;
}

.tl_box span {
  font-size: 0.14rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #868380;
  margin-left: 0.11rem;
}

[dir="rtl"] .tl_box span {
  font-size: 0.14rem;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
  color: #868380;
  margin-left: initial;
  margin-right: 0.11rem;
}

.Forgot_your {
  text-align: center;
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}

.showCounpon{
    background-color: #ff5367;
    position: relative;
    padding: 7px 15px;
    font-family: OpenSans-Semibold;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;

}
.register-newuser-coupon-text{
    color: #fff;
    font-size: 14px;
}