fontend-app/html/OTC/css/advertisement.css

@charset "UTF-8";
.top-info {
  display: flex;
  justify-content: space-around; }

.btn-group {
  display: flex; }
  .btn-group .btn1,
  .btn-group .btn2 {
    width: 1.72rem;
    height: .55rem;
    text-align: center;
    line-height: .55rem;
    font-size: .29rem;
    font-weight: 400;
    margin-bottom: .1rem; }
  .btn-group .btn1 {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #D43436;
    color: #333333; }
  .btn-group .btn2 {
    border: 1px solid #D43436;
    border-radius: 0px 4px 4px 0px;
    color: #333333; }

.btn-active {
  background: #D43436;
  color: #FFFFFF !important; }

/* 重置select */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #FFFFFF;
  background-image: none; }

/* 自定义 Select */
.select {
  position: relative;
  display: block;
  width: 100px;
  height: .55rem;
  line-height: .55rem;
  background: #FFFFFF;
  overflow: hidden;
  border-radius: .25em;
  border: 1px solid #D43436; }

select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 .5em;
  color: #333333;
  cursor: pointer; }

select::-ms-expand {
  display: none; }

/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #FFFFFF;
  pointer-events: none; }

/* Transition */
.select:hover::after {
  color: #D43436; }

.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease; }

.input-group .item-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .input-group .item-ul li h4 {
    color: #333333;
    font-size: .27rem;
    padding: .3rem 0; }
  .input-group .item-ul li input {
    width: 2.75rem;
    height: .75rem;
    background: #F1F1F1;
    border-radius: 5px;
    border: 1px solid #F1F1F1; }
    .input-group .item-ul li input::-webkit-input-placeholder {
      color: #999999;
      font-size: .24rem; }

.icon h4 {
  padding: .2rem 0 0 .2rem;
  font-size: .27rem; }
.icon .icon-list {
  display: flex;
  justify-content: space-around;
  padding-top: .4rem; }
  .icon .icon-list .mui-input-row {
    overflow: visible; }
    .icon .icon-list .mui-input-row label {
      color: #666666;
      font-size: .27rem;
      display: inline;
      padding: 0 0.1rem !important; }
    .icon .icon-list .mui-input-row input {
      position: static; }
      .icon .icon-list .mui-input-row input:before {
        font-size: .34rem; }
    .icon .icon-list .mui-input-row .mui-icon {
      font-size: .32rem; }

.note-box {
  text-align: center; }
  .note-box h4 {
    width: 100%;
    text-align: left;
    padding: .2rem;
    font-size: .27rem; }
  .note-box textarea {
    width: 92%;
    height: 2.4rem;
    background: #F1F1F1;
    border-radius: 5px;
    border: 1px solid #F1F1F1;
    text-indent: .2rem;
    padding: .2rem;
    color: #999999;
    font-size: .24rem; }

.password-group {
  display: flex;
  align-items: center;
  justify-content: center; }
  .password-group img {
    width: .4rem;
    height: .4rem;
    margin-right: .2rem; }
  .password-group input {
    width: 83%;
    height: .75rem;
    background: #FFFFFF;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 0;
    padding: 0; }
    .password-group input::-webkit-input-placeholder {
      color: #999999;
      font-size: .24rem; }

.btn {
  width: 100%;
  text-align: center;
  margin-top: .4rem; }
  .btn .app-btn {
    width: 66%;
    height: .75rem;
    background: #D43436;
    border-radius: .37rem;
    color: #FFFFFF;
    border: 1px solid #D43436;
    margin-bottom: .1rem; }

/*# sourceMappingURL=advertisement.css.map */