@charset "UTF-8";
/*---------       字体行高       -----------*/
/*---------       字体颜色       -----------*/
/*---------       边框颜色       -----------*/
/*---------       背景颜色       -----------*/
/* 属性多值传递
ex:
@include remCalc(padding,10,20);
padding: 0.13333rem 0.26667rem;*/
/*按钮纯色系*/
/*按钮边框色系*/
/*按钮大小*/
/*自适应按钮*/
/*标题*/
/*小消息标签*/
/*背景色点击变化*/
/*字数省略限制*/
/*波纹点击效果*/
.recording-show-page .content-box {
  width: 1200px;
  min-height: 100px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.recording-show-page .content-left {
  width: 840px;
  background-color: #fff;
  float: left;
  padding: 30px 30px 40px;
}
.recording-show-page .content-right {
  width: 350px;
  background-color: #fff;
  float: right;
}
.recording-show-page .top-tips {
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  padding-left: 20px;
  position: relative;
  background: #f7f7f7;
  border-radius: 4px;
  padding: 15px 20px 15px 40px;
}
.recording-show-page .top-tips i {
    position: absolute;
    left: 20px;
    top: 19px;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAj1JREFUSEu9lkFy00AQRV+zCEvMCUhOEOcECScATkBygsRLiQVmgbVMOAH2CQgnIDkB8gninIBkqSzc1LTG8kiypElRxVS5yvb0zO/u3/17hIilU0bscYhwYubCA2tynljKlIehK6TPQDNOUc4Rxp12Sg5cScqiy2YniH5lzAt+APvBwSVqXq/sf2EEHAb7K9Z8kE8GWlstEPMevnurR+clMJfELq8tzcwJZ38BvPKbZ5IwDw1rIA2AnxScxuTcOHtpF7/bBVSB+BT9NiNlIal5+KylM+YIH+3QmqNN6rYgM1YIb/oAfKTukkUzJRtvNOPaR7SShIOyGJ3jWx4eKdjvSpFmTIHPwBdJ7Htr+dQ5/hxHxs8GxFWEq5TOw94ZR7T7OC9bhRBEUzqj5JJyJB75jxkUvI4heogoX3V31Z2aWRf/ApaS9DRdmVZnewzcSsJNH5hm1i8uO29FZ1wgXKLcSuplo+N0DCdVymbcIByjTORZByOIb/HieP5fkZSc+EoYyPNgCQeRBJyUkhBVXbGpbVWXr//YPomKJHDGKrbe8U7Knzj4547f486Pgm3HWzQb7Spl/WynZERUVyWSyr2k5TzqUmE36SZDnd3cH1ThhlC6n3MKJjEy46Xp0g8wd7Y2uPono+NIuKLg2y4wf/k5aqrhxnELoJauMHQbYMK1zZeq8MntlYJp1gnKqPbAUO5R3kfN+BpYOWfc/A4fDE0qlvZaacz10Kj3SVQFUTbsGLUIR/ZqEXIK8hjO/gIreRLDEC1McgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 15px 15px;
}
.recording-show-page .qrcode-box {
  width: 120px;
  height: 120px;
  background: #efefef;
  margin: 50px auto;
}
.recording-show-page .qrcode-box img {
    width: 100%;
    display: block;
}
.recording-show-page .center-btn {
  width: 240px;
  height: 40px;
  background: #fd6e06;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin: 0 auto;
}
.recording-show-page .tip-list {
  margin-top: 50px;
}
.recording-show-page .tip-list .tipTop {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}
.recording-show-page .tip-list .tipInfo {
    font-size: 12px;
    line-height: 23px;
    color: #888888;
}
.recording-show-page .tip-list .tipInfo .item {
      margin-top: 6px;
}
.recording-show-page .tip-list .tipInfo .item i {
        color: #377aff;
}
.recording-show-page .tip-list .tipInfo .item span {
        display: inline-block;
        width: 60px;
        line-height: 20px;
        background: #fff8e8;
        border: 1px solid #ffd7a0;
        border-radius: 2px;
        color: #ff8700;
        text-align: center;
        margin-left: 8px;
        cursor: pointer;
}