/*主播招募 首页*/
.anchor-offer-page1{
  padding-top:8px;
}

.anchor-offer-page1 .hd{
  padding:0 8px;
  height:33px;line-height:33px;
  font-size:16px;
  color:#000;
  font-weight:700;
}

.anchor-offer-page1 .hd-info{
  padding:0 10px;
  line-height:20px;
  font-size:13px;
  color:#555;
}

.anchor-offer-page1 .offer-detail{
  margin-top:9px;
}

.anchor-offer-page1 .offer-detail li{
  padding:4px 8px 0;
  margin-bottom:6px;
  height:152px;
  background:#fff;
}

.anchor-offer-page1 .offer-detail li .game-info-area{
  position:relative;
}

.anchor-offer-page1 .offer-detail li .game-info-area .left-area{
  float:left;
  margin-top:8px;
  width:80px;height:80px;
}
.anchor-offer-page1 .offer-detail li .game-info-area .left-area img{
  display:block;
  width:100%;
}

.anchor-offer-page1 .offer-detail li .game-info-area .right-area{
  float:left;
  margin-left:10px;
}
.anchor-offer-page1 .offer-detail li .game-info-area .right-area .game-name{
  height:32px;line-height:32px;
  font-size:14px;
  color:#000;
  font-weight:700;
}
.anchor-offer-page1 .offer-detail li .game-info-area .right-area .game-name span{
  float:left;
  max-width:200px;height:32px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.anchor-offer-page1 .offer-detail li .game-info-area .right-area .game-name .hot-icon{
  display:none;
}
.anchor-offer-page1 .offer-detail li .game-info-area .right-area.hot .game-name .hot-icon{
  float:left;
  display:inline-block;
  margin:7px 0 0 2px;
  width:30px;height:16px;
  line-height:16px;
  background:#eb7a77;
  border-radius:2px;
  font-size:12px;
  color:#fff;
  font-weight:500;
  text-align:center;
}

.anchor-offer-page1 .offer-detail li .game-info-area .right-area .row{
  height:16px;
  line-height:16px;
  font-size:12px;
  color:#777;
  overflow:hidden;
}
.anchor-offer-page1 .offer-detail li .game-info-area .right-area .row .row-left{
  float:left;
}
.anchor-offer-page1 .offer-detail li .game-info-area .right-area .row .row-right{
  float:left;
  width:154px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.anchor-offer-page1 .offer-detail li .game-info-area .status-icon{
  position:absolute;
  top:8px;right:0;
  width:78px;height:78px;
}
.anchor-offer-page1 .offer-detail .apply-in .game-info-area .status-icon{
  background:url(../i/apply-anchor/applying.png) no-repeat;
  background-size:100% 100%;
}
.anchor-offer-page1 .offer-detail .apply-ok .game-info-area .status-icon{
  background:url(../i/apply-anchor/success.png) no-repeat;
  background-size:100% 100%;
}
.anchor-offer-page1 .offer-detail .apply-no .game-info-area .status-icon{
  background:url(../i/apply-anchor/defeat.png) no-repeat;
  background-size:100% 100%;
}
.anchor-offer-page1 .offer-detail .overdue .game-info-area .status-icon{
  background:url(../i/apply-anchor/expired.png) no-repeat;
  background-size:100% 100%;
}
.anchor-offer-page1 .offer-detail .crammed .game-info-area .status-icon{
  background:url(../i/apply-anchor/num-full.png) no-repeat;
  background-size:100% 100%;
}

.anchor-offer-page1 .offer-detail li .look-detail-btn{
  display:inline-block;
  margin-top:12px;
  width:100%;height:35px;
  line-height:35px;
  /*border:1px solid #c94d3f;
  border-radius:20px;*/
  font-size:14px;
  color:#c94d3f;
  text-align:center;
}
.anchor-offer-page1 .offer-detail li .look-detail-btn .icon{
  display:inline-block;
  margin-left:5px;
  width:14px;height:14px;
  background:url(../i/apply-anchor/detail-icon.png?2019042501) no-repeat;
  background-size:100% 100%;
  vertical-align:-2px;
}

/*主播招募 打开详情*/
.anchor-offer-page2{
  height:100%;
}

.anchor-offer-page2 .hd-area{
  padding:0 10px;
  height:49px;
  border-bottom:1px solid #dedfe0;
}
.anchor-offer-page2 .hd-area .hd-left{
  float:left;
  height:49px;line-height:49px;
  font-size:14px;
  color:#777;
}
.anchor-offer-page2 .hd-area .hd-right{
  float:right;
}
.anchor-offer-page2 .hd-area .hd-right a{
  display:inline-block;
  margin-top:9px;
  width:85px;height:30px;
  line-height:30px;
  background:url(../i/apply-anchor/open-btn.png?2019042501) no-repeat;
  background-size:100% 100%;
  font-size:14px;
  color:#fff;
  text-align:center;
}
.anchor-offer-page2 .hd-area .hd-right a:active{
  background:url(../i/apply-anchor/open-press-btn.png?2019042501) no-repeat;
  background-size:100% 100%;
}

.anchor-offer-page2 .game-info-area{
  padding:0 8px 20px;
}
.anchor-offer-page2.offer .game-info-area,
.anchor-offer-page2.defeat .game-info-area{
  padding-bottom:50px;
}

.anchor-offer-page2 .game-info-area .game-offer-area{
  position:relative;
}

.anchor-offer-page2 .game-info-area .game-offer-area .left{
  float:left;
  margin-top:15px;
  width:80px;height:80px;
}
.anchor-offer-page2 .game-info-area .game-offer-area .left img{
  display:block;
  width:100%;
}

.anchor-offer-page2 .game-info-area .game-offer-area .right{
  float:left;
  margin:7px 0 0 10px;
}
.anchor-offer-page2 .game-info-area .game-offer-area .right .game-name{
  height:32px;line-height:32px;
  font-size:14px;
  color:#000;
  font-weight:700;
}
.anchor-offer-page2 .game-info-area .game-offer-area .right .game-name span{
  float:left;
  max-width:200px;height:32px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.anchor-offer-page2 .game-info-area .game-offer-area .right .game-name .hot-icon{
  display:none;
}
.anchor-offer-page2 .game-info-area .game-offer-area .right.hot .game-name .hot-icon{
  float:left;
  display:inline-block;
  margin:7px 0 0 2px;
  width:30px;height:16px;
  line-height:16px;
  background:#eb7a77;
  border-radius:2px;
  font-size:12px;
  color:#fff;
  font-weight:500;
  text-align:center;
}

.anchor-offer-page2 .game-info-area .game-offer-area .right .row{
  height:16px;
  line-height:16px;
  font-size:12px;
  color:#777;
}
.anchor-offer-page2 .game-info-area .game-offer-area .right .row .row-left{
  float:left;
}
.anchor-offer-page2 .game-info-area .game-offer-area .right .row .row-right{
  float:left;
  width:154px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.anchor-offer-page2 .game-info-area .game-offer-area .status-icon{
  position:absolute;
  top:8px;right:0;
  width:78px;height:78px;
}
.anchor-offer-page2 .game-info-area .game-offer-area.apply-in .status-icon{
  background:url(../i/apply-anchor/applying.png) no-repeat;
  background-size:100% 100%;
}
.anchor-offer-page2 .game-info-area .game-offer-area.apply-ok .status-icon{
  background:url(../i/apply-anchor/success.png) no-repeat;
  background-size:100% 100%;
}
.anchor-offer-page2 .game-info-area .game-offer-area.apply-no .status-icon{
  background:url(../i/apply-anchor/defeat.png) no-repeat;
  background-size:100% 100%;
}
.anchor-offer-page2 .game-info-area .game-offer-area.overdue .status-icon{
  background:url(../i/apply-anchor/expired.png) no-repeat;
  background-size:100% 100%;
}
.anchor-offer-page2 .game-info-area .game-offer-area.crammed .status-icon{
  background:url(../i/apply-anchor/num-full.png) no-repeat;
  background-size:100% 100%;
}

.anchor-offer-page2 .game-info-area .game-offer-area .share-btn{
  margin:10px auto 0;
  width:176px;height:31px;
}
.anchor-offer-page2 .game-info-area .game-offer-area .share-btn a{
  display:inline-block;
  width:176px;height:31px;
  line-height:31px;
  border:1px solid #c94d3f;
  border-radius:20px;
  font-size:12px;
  color:#c94d3f;
  text-align:center;
}
.anchor-offer-page2 .game-info-area .game-offer-area .share-btn a:active{
  border-color:#1fa4f6;
  background:#e5f4fe;
}

.anchor-offer-page2 .game-info-area .game-info{
  margin-top:15px;
  border-top:1px solid #dedfe0;
  padding-top:14px;
}

.anchor-offer-page2 .game-info-area .game-info .hd{
  padding-left:9px;
  margin-bottom:8px;
  border-left:3px solid #c94d3f;
  font-size:16px;
  color:#000;
  font-weight:700;
}

.anchor-offer-page2 .game-info-area .game-info p{
  line-height:21px;
  font-size:14px;
  color:#000;
  /*text-indent:2em;*/
}

.anchor-offer-page2 .game-info-area .game-info .img-ibox{
  width:100% !important;
  height:auto !important;
}

.anchor-offer-page2 .game-info-area .game-info .img-ibox img{
  display:block;
  width:100% !important;
}

.anchor-offer-page2 .bottom-offer,
.anchor-offer-page2 .bottom-defeat{
  display:none;
}

.anchor-offer-page2.offer .bottom-offer{
  display:block;
  position:fixed;
  bottom:0;left:0;
  width:100%;height:42px;
}
.anchor-offer-page2.offer .bottom-offer a{
  display:inline-block;
  width:100%;height:100%;
  line-height:42px;
  background:#c94d3f;
  font-size:16px;
  color:#fff;
  text-align:center;  
}
.anchor-offer-page2.offer .bottom-offer a:active{
  background:#0090f5;
}

.anchor-offer-page2.defeat .bottom-defeat{
  display:block;
  position:fixed;
  bottom:0;left:0;
  width:100%;height:42px;
}
.anchor-offer-page2.defeat .bottom-defeat .defeat-left,
.anchor-offer-page2.defeat .bottom-defeat .defeat-right{
  float:left;
  width:50%;height:100%;
  line-height:42px;
  font-size:16px;
  color:#c94d3f;
  text-align:center;  
}
.anchor-offer-page2.defeat .bottom-defeat .defeat-left{
  border-right:1px solid #989898;
  background:#fff;
}
.anchor-offer-page2.defeat .bottom-defeat .defeat-right{
  background:#fff;
}

.guide-ibox{
  position:fixed;
  top:0;left:50%;
  margin-left:-106px;
  width:213px;height:84px;
  background:url(../i/apply-anchor/guide.png) no-repeat;
  background-size:100% 100%;
  z-index:10;
}


/*主播招募 申请直播间*/
.anchor-offer-page3{
  padding-top:40px;
  height:100%;
  text-align:center;
}

.anchor-offer-page3 .icon{
  display:inline-block;
  width:84px;height:calc(177px / 2);
  background:url(../i/apply-anchor/icon.png?2019042501) no-repeat;
  background-size:100% 100%;
}

.anchor-offer-page3 span{
  display:inline-block;
  margin:8px 0 21px 0;
  width:100%;height:21px;
  line-height:21px;
  font-size:14px;
  color:#000;
}

.anchor-offer-page3 p{
  line-height:21px;
  font-size:14px;
  color:#555;
}

.anchor-offer-page3 .apply-room{
  display:inline-block;
  margin-top:8px;
  width:159px;height:41px;
  line-height:41px;
  border:1px solid #c94d3f;
  border-radius:20px;
  font-size:16px;
  color:#c94d3f;
  text-align:center;
}
.anchor-offer-page3 .apply-room:active{
  background:#e5f4fe;
  border-color:#0090f5;
}

.anchor-offer-page3 .complete-btn{
  position:fixed;
  bottom:0;left:0;
  width:100%;height:42px;
  line-height:42px;
  background:#fff;
  font-size:16px;
  color:#c94d3f;
  text-align:center;
}

/*主播招募 填写信息*/
.anchor-offer-page4{
  padding:7px 10px 42px;
}

.anchor-offer-page4 .qq-area{
  height:40px;
  font-size:14px;
  color:#555;
}

.anchor-offer-page4 .qq-area .left{
  float:left;
  line-height:20px;
}
.anchor-offer-page4 .qq-area .mid{
  float:left;
  width:140px;
}
.anchor-offer-page4 .qq-area .mid p{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.anchor-offer-page4 .qq-area .right{
  float:right;
}
.anchor-offer-page4 .qq-area .right .btn{
  display:inline-block;
  width:52px;height:24px;
  line-height:24px;
  background:url(../i/apply-anchor/join-btn.png?2019042501) no-repeat;
  background-size:100% 100%;
  font-size:12px;
  color:#fff;
  text-align:center;
}
.anchor-offer-page4 .qq-area .right .btn:active{
  background:url(../i/apply-anchor/join-act-btn.png?2019042501) no-repeat;
  background-size:100% 100%;
}

.anchor-offer-page4 .sign-input,
.anchor-offer-page4 .sign-pic{
  margin-bottom:3px;
}

.anchor-offer-page4 .sign-input .name,
.anchor-offer-page4 .sign-pic .name{
  line-height:29px;
  font-size:14px;color:#555;
}

.anchor-offer-page4 .sign-input .input{
  padding:0 10px;
  width:100%;height:29px;
  line-height:29px;
  background:#fff;
  border:1px solid #dedfe0;
  border-radius:5px;
  font-size:14px;
  color:#000;
}
.anchor-offer-page4 .sign-input .input:focus{
  border-color:#c94d3f
}

input::-webkit-input-placeholder {
  font-size:12px;
  color:#dedfe0;
} 

.anchor-offer-page4  .sign-pic .pic-box{
  position:relative;
  height:213px;
  background:#c94d3f;
  border-radius:5px;
}
.anchor-offer-page4  .sign-pic .pic-box img{
  display:block;
  width:100%;
  height:100%;
  border-radius:5px;
}
.anchor-offer-page4 .sign-pic .pic-box .file-area{
  position:absolute;
  top:90px;left:50%;
  margin-left:-31px;
  width:62px;height:27px;
  line-height:27px;
  background:#c94d3f;
  border-radius:5px;
  font-size:12px;
  color:#fefefe;
  text-align:center;
}

.anchor-offer-page4 .sign-pic .pic-box .file-area .input{
  position:absolute;
  right:-55px;top:-35px;
  width:170px;height:100px;
  opacity:0;
  filter:alpha(opacity=0);
  cursor:pointer;
  z-index:1;
}

.anchor-offer-page4 .submit-btn{
  position:fixed;
  bottom:0;left:0;
  width:100%;height:42px;
  line-height:42px;
  background:#fff;
  font-size:16px;
  color:#c94d3f;
  text-align:center;
}