html,body{
  /* width: 100%; */
  /* height: 100%; */
  /* margin: 0; */
  /* padding: 0; */
  /* background-color: #fff; */
  /* display: flex; */
  /* display: block; */
  /* overflow: hidden; */
}
.login_body_cr_fa{
  width: 100%;
  height: calc(100% - 40px);
  /* display: flex; */
  /* align-items: center; */
  justify-content: center;
  /* flex-direction: column; */
}
.user_logo_cr{
  position: fixed;
  bottom: 142px;
  right: 46px;
  width: 49px;
  z-index: 100;
  height: 40px
}
.user_logo_phone_cr{
  right: 11px;
  width: 38px;
  height: 33px;
}
.user_logo_cr:hover .user_form ul{
   display:block;
}
.user_logo_cr img{
   width: 100%;
}
.user_form{
  position:relative;
}
.user_form ul{
  display:none;
  position: absolute;
  left: -133px;
  top: -125px;;
  padding: 0;
  box-shadow: 1px 0px 30px #ccc;
  padding: 13px 30px 13px 13px;
  border-radius:5px;
  white-space: nowrap;
  background-color: #fff
}
.user_form li{
  list-style:  none;
  margin-top:5px;
  color: #8d8d8d;
  font-size:14px;
  cursor:pointer;

}
.user_form li:hover{
  color: #0490f1;
}
.triangle_ba{
  position:relative;
}
.triangle12 {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: absolute;
  bottom: -78px;
  right: -36px;
  background-color: #fff;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.cr_blue{
  color:#0490f1!important;
  width: 78px;
  /* overflow: hidden; */
}
.line_fa{
    position:relative;
    height: 0;
    padding: 7px;
}
.line{
  height: 1px;
  width: 158%;
  background-color:#ccc;
  display: inline-block;
  /* top: -61px; */
  left: -14px;
  position: absolute;
}
.user_icon_cr{
  font-size: 50px!important;
  color: #8d8d8d;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
}
.user_icon_pc_cr:after{
  content: "\e692";
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  /* background-color: #fff; */
  z-index: 99;
  font-family: "iconfont" !important;
  font-size: 58px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  top: -21px;
  left: -5px;
}
.user_icon_phone_cr:after{
  content: "\e692";
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  /* background-color: #fff; */
  z-index: 99;
  font-family: "iconfont" !important;
  font-size: 46px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  top: -8px;
  left: -5px;
}

.brige{
  position: absolute;
  top: 25px;
  left: 84px;
  width: 46px;
  height: 81px;
  /* background-color:yellowgreen; */
}
#login_body_cr{
  /* height: 100%; */
  /* width: 100%; */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  bottom: 0;
  right: 0;
}
.user_form_ul{
  left: 72px!important;
  padding: 13px 13px 13px 30px!important;
}
.line_r{
  left: -31px!important;
}
.triangle123{
  right: 101px!important;
}
.brige1{
  left: -63px!important;
}
/* .user_icon_cr_fa{
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.user_icon_cr_son{
  position: absolute;
  width: 45px;
  height: 43px;
  background-color: #fff;
  top: 18%;
  left: 32%;
  transform: translate(6%,-116%);
  border-radius: 50%;
} */

.user_logo_cr_bg{
  position: fixed;
  height: 42px;
  bottom: 134px;
  width: 43px;
  right: 9px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  z-index: 99;
}
.user_logo_cr_bg_pc{
  position: fixed;
  height: 41px;
  bottom: 143px;
  width: 41px;
  right: 49px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  z-index: 99;
}

.member_iframe{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #fff;
    z-index: 9998;
    display: none;
}
.ios_iframe{
    -webkit-overflow-scrolling:touch;overflow:auto;
}
.member_url{
  width: 100%;
  height: 100%;
  border: none;
}

.index_close{
    position: fixed;
    top: 20px;
    right: 45px;
    cursor: pointer;
    font-weight: 700;
    z-index: 9999;
}
@media (max-width: 769px) {
  .index_close{
    top: 22px;
    right: 23px;
  }
}

@font-face {
  font-family: 'iconfont';  /* project id 836319 */
  src: url('//at.alicdn.com/t/font_836319_x5lbdngnvb.eot');
  src: url('//at.alicdn.com/t/font_836319_x5lbdngnvb.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_836319_x5lbdngnvb.woff') format('woff'),
  url('//at.alicdn.com/t/font_836319_x5lbdngnvb.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_836319_x5lbdngnvb.svg#iconfont') format('svg');
}

.iconfont_cr {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}