@import '../../mixins.less';
@import '../../vars.less';

.wrapper {
  flex: 1;
  display: flex;
  justify-content: space-between;
  position: relative;
  & > div {
    flex: 1;
    //overflow: hidden;
  }
  .screen-bg('new_right_bg');
  background-size: 100%;
  height: 50%;
  width: 100%;
}
.innerWrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.hengLine {
  width: calc(100% - 20px);
  height: 1px;
  background: @color-line-normal;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.shuLine {
  width: 1px;
  height: 80%;
  background: @color-line-normal;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.normalScreen {
  .wrapper {
    flex-direction: column;
  }
}
