.dialog{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 9999;
    display: none;
}
.mask{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    left: 0;
    top: 0;
}
.modal{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: #fff;
    padding-bottom: .5rem;
}
.dialog .modal .err-info{
    font-size: .24rem;
    color: #f00;
}
.modal .close{
    width: 0.31rem;
    height: 0.31rem;
    background: url("../images/dialog/close_btn.png?__rev=a10fa3a");
    background-size: 100% auto;
    top: -0.68rem;
    right: .2rem;
    z-index: 100;
}
.modal ::-webkit-input-placeholder { /* Edge */
    font-size: 0.28rem;
    color: #cccccc;
}
.modal :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 0.28rem;
    color: #cccccc;
}
.modal ::placeholder {
    font-size: 0.28rem;
    color: #cccccc;
}

/**视频播放**/
.modal_video{
    padding: 0.3rem 0.2rem;
    box-sizing: border-box;
}
.modal_video .close{
    /* left: 50%;
    bottom: -0.6rem;
    transform: translate(-50%, 0);
    top: unset; */
}
.modal_viode_v .close{
    /* left: 50%;
    bottom: -0.6rem;
    transform: translate(-50%, 0);
    top: unset; */
}
.modal_viode_v .video_wrp{
    width: 7rem;
    height: 7rem;
    margin: .1rem auto;
}
.modal_viode_v iframe{
    width: 100%;
    height: 100%;
}
.modal_viode .video_wrp iframe{
    width: 100%;
    height: auto;
}
#videoFrame{
    height: 3.8rem;
    width: 100%;
}
.modal_video .info{
    text-align: center;
    margin-top: 0.2rem;
}
.modal_video .info .i-title{
    font-size: 0.28rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modal_video .info .i-author{
    font-size: 0.2rem;
    color: #3399ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modal_video .info .i-desc{
    text-align: left;
    font-size: 0.2rem;
    color: #999999;
}

/**收货地址**/
.modal_receipt .title_receipt{
    width: 100%;
    height: 0.62rem;
    background: url("../images/dialog/address_title.png?__rev=4942f38");
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.60rem;
}
.modal_receipt .freceipt{
    width: 6.5rem;
    margin: 0.5rem auto 0.6rem;
}
.modal_receipt .fitem{
    margin-top: 0.3rem;
}
.modal_receipt .fitem label{
    width: 1.8rem;
    text-align: right;
    font-size: 0.24rem;
    color: #333;
    line-height: 0.68rem;
}
.modal_receipt .fitem input{
    width: 4.4rem;
    height: 0.68rem;
    background: #ededed;
    border: 0.01rem solid #d2d2d2;
    font-size: 0.24rem;
    color: #000;
    line-height: 0.68rem;
    text-indent: 0.2rem;
    outline: none;
} 
.modal_receipt .fitem .address{
    width: 4.4rem;
    height: 1.3rem;
    background: #ededed;
    border: 0.01rem solid #d2d2d2;
    font-size: 0.24rem;
    color: #000;
    line-height: 0.68rem;
    text-indent: 0.2rem;
    outline: none;
}
.modal_receipt .freceipt .btn{
    display: block;
    width: 3rem;
    height: 0.9rem;
    background: url("../images/dialog/btn.png?__rev=7c6d49e");
    background-size: 100% auto;
    margin: 0.3rem auto 0;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-weight: bold;
}
.modal_receipt .fbtngroup{
    width: 6.4rem;
    height: .9rem;
    margin: .15rem auto;
}
.modal_receipt .fbtngroup .btn{
    margin: 0 .1rem;
}
/**我的奖励**/
.title_award{
    width: 100%;
    height: 0.62rem;
    background: url("../images/dialog/prize_title.png?__rev=702952a") no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.58rem;
}
.modal_award .faward{
    width: 6.5rem;
    margin: 0.5rem auto 0.6rem;
}
.modal_award .faward .nothings{
    text-align: center;
    font-size: .36rem;
    margin: 1rem 0;
    color: #000;
    font-weight: bold;
}
.modal_award .awd_item{
    margin-top: 0.3rem;
    overflow: hidden;
}
.modal_award .awd_item .awd_attr{
    width: 2.16rem;
    text-align: right;
    font-size: 0.24rem;
    color: #333;
    line-height: 0.68rem;
}
.modal_award .awd_item .awd_code{
    width: 2.8rem;
    height: 0.68rem;
    background: #ededed;
    border: 0.01rem solid #d2d2d2;
    font-size: 0.24rem;
    color: #000;
    line-height: 0.68rem;
    text-indent: 0.2rem;
}
.modal_award .awd_item .awd_copy{
    height: 0.68rem;
    line-height: 0.68rem;
    background: #3399ff;
    color: #fff;
    font-size: 0.24rem;
    padding: 0 0.4rem;
    margin-left: 0.2rem;
}
.modal_award .awd_item .awd_address{
    font-size: 0.24rem;
    color: #3399ff;
    line-height: 0.68rem;
    text-decoration: underline;
    margin-left: 0.1rem;
}

/**活动规则**/
.modal_rule {
    color: #333;
}
.modal_rule .title_rule{
    width: 100%;
    height: 0.73rem;
    background: url("../images/dialog/rule_title.png?__rev=4c59a5e");
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.7rem;
}
.modal_rule .rule_tab{
    width: 5.6rem;
    height: .32rem;
    margin: 0.5rem auto 0.6rem;
    font-size: 0.24rem;
    padding: 0 0.15rem;
    box-sizing: border-box;
    color: #999;
}
.modal_rule .rule_tab .item{
    font-size: .24rem;
    height: .32rem;
    line-height: .32rem;
    font-weight: bold;
}
.modal_rule .rule_tab .item .active{
    color: #3399ff;
  border-bottom: .02rem solid #3399ff;
  position: relative;
}
.modal_rule .rule_tab .item .active::after{
    content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 0;
  height: 0;
    border-top: .08rem solid #3399ff;
  border-right: .08rem solid transparent;
  border-left: .08rem solid transparent;
  border-bottom: .08rem solid transparent;
}
.modal_rule .tab_0 .timeinfo{
    width: 6.8rem;
    height: .64rem;
    margin: 0 auto;
    padding: .58rem 0;
    background: url("../images/dialog/timeinfo.png?__rev=d845748") center no-repeat;
    background-size: 100%;
}
.modal_rule .tab_0 .info{
    height: 6.44rem;
    overflow: auto;
    font-size: .2rem;
    margin:  0 .32rem 0.48rem .48rem;
}
.modal_rule .tab_0 .info::-webkit-scrollbar{
    width: 4px;
    background-color: #792727;
    margin-right: 24px;
  }
.modal_rule .tab_0 .info::-webkit-scrollbar-thumb{
    width: 4px;
    height: 20px;
    background-color: #3399ff;
  }
.modal_rule .tab_0 .info::-webkit-scrollbar-button{
    background-color: #fff;
}
.modal_rule .tab_0 .info .title{
    font-size: .28rem;
    line-height: .48rem;
    color: #3399ff;
    font-weight: bold;
}
.modal_rule .tab_1{
    width: 6.35rem;
    margin: 0 auto .5rem;
    height: 6.62rem;
    background: url("../images/dialog/tab_1_content.png?__rev=02daca5") no-repeat bottom;
    background-size: 100%;

}
/**提示**/
.modal_imgcode .title_tip,
.modal_msg .title_tip,
.modal_qrcode .title_tip,
.modal_tip .title_tip{
    width: 100%;
    height: 0.74rem;
    background: url("../images/dialog/tips_title.png?__rev=51f7322");
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.70rem;
}
.modal_msg .msg{
    width: 6.8rem;
    margin: .8rem auto 1rem;
    text-align: center;
    font-size: .36rem;
    line-height: .48rem;
    font-weight: bold;
    color: #000;
}
.modal_qrcode .share_info{
    color: #000;
    text-align: center;
    font-size: .36rem;
    margin: .3rem 0;
}
.modal_qrcode .qrcode{
    width: 2rem;
    height: 2rem;
    margin: .3rem auto;
}
.modal_qrcode .qrcode img{
    width: 100%;
    height: 100%;
}
.modal_tip .ftip{
    width: 6.8rem;
    margin: 0.5rem auto 1rem;
}
.modal_tip .ftip p{
    text-align: center;
    font-size: 0.24rem;
    color: #333;
}
.modal_tip .fbtngroup{
    margin-top: 0.7rem;
    overflow: hidden;
}
.modal_tip .fbtngroup .btn{
    width: 3rem;
    height: 0.9rem;
    background: url("../images/dialog/btn.png?__rev=7c6d49e");
    background-size: 100% auto;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-weight: bold;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
}

/**我要开播**/
.modal_broad .title_broad{
    width: 100%;
    height: 0.76rem;
    background: url("../images/dialog/broad_title.png?__rev=f637fc4");
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.75rem;
}
.modal_broad .fbroad{
    width: 6.8rem;
    margin: 0.5rem auto 0.6rem;
}
.modal_broad .fbroad .fitem{
    overflow: hidden;
    margin-top: 0.3rem;
    position: relative;
}
.modal_broad .fitem label{
    width: 1.26rem;
    text-align: right;
    font-size: 0.24rem;
    color: #333;
    line-height: 0.68rem;
}
.modal_broad .fitem input{
    width: 3.2rem;
    height: 0.68rem;
    background: #ededed;
    border: 0.01rem solid #d2d2d2;
    font-size: 0.24rem;
    color: #000;
    line-height: 0.68rem;
    text-indent: 0.2rem;
} 
.modal_broad .fitem .btn_img{
    height: 0.68rem;
    line-height: 0.68rem;
    background: #3399ff;
    color: #fff;
    font-size: 0.24rem;
    padding: 0 0.4rem;
    margin-left: 0.2rem;
    width: auto;
}
.modal_broad .fitem .inp_wrp p{
    font-size: 0.2rem;
    color: #333;
    margin-top: 0.05rem;
}
.modal_broad .btn{
    display: block;
    width: 3rem;
    height: 0.9rem;
    background: url("../images/dialog/btn.png?__rev=7c6d49e");
    background-size: 100% auto;
    margin: 0.5rem auto 0;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-weight: bold;
    outline: none;
}

/**我要投稿**/
.modal_idea .title_submit{
    width: 100%;
    height: 0.80rem;
    background: url("../images/dialog/idea-title.png?__rev=90e3c28");
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.78rem;
}
.modal_song .title_submit{
    width: 100%;
    height: 0.80rem;
    background: url("../images/dialog/title-song.png?__rev=4700e67");
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.78rem;
}
.modal_idea .fsubmit,
.modal_song .fsubmit{
    width: 6.8rem;
    margin: 0.5rem auto 0.6rem;
}
.modal_idea .fsubmit .fitem,
.modal_song .fsubmit .fitem{
    overflow: hidden;
    margin-top: 0.3rem;
    position: relative;
}
.modal_idea .fsubmit .fitem .fsub_link,
.modal_song .fsubmit .fitem .fsub_link{
    width: 5rem;
}
.modal_idea .fsubmit .fitem .fsub_link p,
.modal_song .fsubmit .fitem .fsub_link p{
    width: 5.14rem;
    color: #000;
    font-size: .12rem;
}
.dialog .modal_idea .fsubmit .fitem .webuploader-pick,
.dialog .modal_song .fsubmit .fitem .webuploader-pick{
    background-color: #3399ff;
}
.dialog .modal_idea .fsubmit .fitem .fsub_btn input,
.dialog .modal_song .fsubmit .fitem .fsub_btn input{
    display: none;
  }
.modal_idea .fitem label,
.modal_song .fitem label{
    width: 1.26rem;
    text-align: right;
    font-size: 0.24rem;
    color: #333;
    line-height: 0.68rem;
}
.modal_idea .fitem input,
.modal_song .fitem input{
    width: 5rem;
    height: 0.68rem;
    background: #ededed;
    border: 0.01rem solid #d2d2d2;
    font-size: 0.24rem;
    color: #000;
    line-height: 0.68rem;
    text-indent: 0.2rem;
    outline: none;
} 
.modal_idea .fitem .fsub_inp,
.modal_song .fitem .fsub_inp{
    width: 3.2rem;
}
.modal_idea .fitem .fsub_btn,
.modal_song .fitem .fsub_btn{
    height: 0.68rem;
    line-height: 0.68rem;
    background: #3399ff;
    color: #fff;
    font-size: 0.24rem;
    margin-left: -0.48rem;
    width: 1.6rem;
}
.modal_idea .fitem .fsub_img p,
.modal_song .fitem .fsub_img p{
    font-size: 0.2rem;
    color: #333;
    margin-top: 0.05rem;
}
.modal_idea .fitem .fitemintro,
.modal_song .fitem .fitemintro{
    width: 5rem;
    height: 1.6rem;
    background: #ededed;
    border: 0.01rem solid #d2d2d2;
    font-size: 0.24rem;
    color: #000;
    line-height: 0.68rem;
    text-indent: 0.2rem;
    outline: none;
}
.modal_idea .btn,
.modal_song .btn{
    display: block;
    width: 3rem;
    height: 0.9rem;
    background: url("../images/dialog/btn.png?__rev=7c6d49e");
    background-size: 100% auto;
    margin: 0.5rem auto 0;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-weight: bold;
}
.modal_idea .fitem .currency,
.modal_song .fitem .currency{
    height: .3rem;
    margin-top: .12rem;
}
.modal_idea .fitem .currency input,
.modal_song .fitem .currency input{
    display: block;
    float: left;
    width: .3rem;
    height: .3rem;
}

/**拉票**/
.modal_vote .title_vote{
    width: 100%;
    height: 0.63rem;
    background: url("../images/dialog/vote_title.png?__rev=417b891");
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.60rem;
}
.modal_vote .fvote{
    width: 6.8rem;
    margin: 0.5rem auto 1.4rem;
    font-size: 0.32rem;
    color: #333;
    text-align: center;
}
.modal_vote .fshare{
    width: 5.1rem;
    height: 1.14rem;
    background: url("../images/dialog/share.png?__rev=d3cb314");
    background-size: 100% auto;
    margin: 0.3rem auto 0;
}
.modal_vote .fshare li{
    float: left;
    width: 0.9rem;
    height: 100%;
    margin-right: 0.5rem;
}
.modal_vote .fshare li:last-child{
    margin-right: 0;
}

/**登录**/
.modal_login .title_login{
    width: 100%;
    height: 0.63rem;
    background: url("../images/dialog/login_title.png?__rev=03a060d");
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.60rem;
}
.modal_login .flogin{
    width: 6.02rem;
    margin: 0.5rem auto 0.8rem;
    font-size: 0.32rem;
    color: #333;
}
.modal_login .minput{
    overflow: hidden;
    margin-top: 0.3rem;
    position: relative;
}
.modal_login .minput input{
    width: 6rem;
    height: 0.68rem;
    background: #ededed;
    border: 0.01rem solid #d2d2d2;
    font-size: 0.28rem;
    color: #000;
    line-height: 0.68rem;
    text-indent: 0.2rem;
    outline: none;
} 
.modal_login .minput .code{
    width: 4.2rem;
}
.modal_login .minput .cimg{
    width: 1.6rem;
    height: 0.68rem;
    float: right;
}
.modal_login .minput .validcode{
    width: 4.2rem;
}
.modal_login .minput .btncode{
    height: 0.68rem;
    line-height: 0.68rem;
    background: #3399ff;
    color: #fff;
    font-size: 0.24rem;
    padding: 0 0.2rem;
    float: right;
    width: auto;
    text-indent: 0;
    border: none;
}
.modal_login .btn{
    display: block;
    width: 3rem;
    height: 0.9rem;
    background: url("../images/dialog/btn.png?__rev=7c6d49e");
    background-size: 100% auto;
    margin: 0.5rem auto 0;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-weight: bold;
}
.modal_msg .btn{
    display: block;
    width: 3rem;
    height: 0.9rem;
    background: url("../images/dialog/btn.png?__rev=7c6d49e");
    background-size: 100% auto;
    margin: 0.5rem auto;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-weight: bold;
}

/*文章弹窗*/
.dialog  .info_wrp .title{
    margin: .38rem 0 0;
  font-size: .28rem;
  line-height: .36rem;
  text-align: center;
  color: #333;
}
.dialog  .info_wrp .author{
  color: #3399ff;
  font-size: 14px;
  text-align: center;
  margin: .1rem 0;
}
.dialog  .modal_content .info_wrp .info{
  text-align: left;
  color: #ccc;
  width: 6.4rem;
  max-height: 6.4rem;
  overflow: auto;
  margin: 0 auto;
}
.dialog .info_wrp .btn_group{
  width: 3.2rem;
  height: .44rem;
  margin: .5rem auto;
}
.dialog .info_wrp .btn_group button{
  display: block;
  float: left;
}
.dialog .info_wrp .btn_group .btn_ticket{
  width: 1.09rem;
  height: .44rem;
  margin-right: .3rem;
  background: url("../images/p2/btn-ticket.jpg?__rev=5eb22b7");
  background-size: 100%;
}
.dialog .info_wrp .btn_group .btn_likes{
  width: 1.70rem;
  height: .44rem;
  background: url("../images/p4/icon-love.png?__rev=db1692d");
  background-size: 100%;
  color: #fff;
  text-indent: .28rem;
}
/**我的稿件*/
.dialog .modal_paper{
  /* width: 600px; */
}
.dialog .modal_paper .title{
    height: .72rem;
  margin: -0.70rem auto 0;
  background: url("../images/dialog/title-paper.png?__rev=9e6ed13") center no-repeat;
  background-size: 100%;
}
.dialog .fpaper{
  position: relative;
}
.dialog .fpaper .list{
    width: 3.8rem;
    height: .34rem;
    margin: 0.5rem auto;
}
.dialog .fpaper .list .item{
  float: left;
  height: .3rem;
  margin: 0 .5rem .5rem 0;
  text-align: center;
  color: #ccc;
  font-size: 0.24rem;
  line-height: .32rem;
  cursor: pointer;
}
.dialog .fpaper .list .item .active{
    color: #3399ff;
  border-bottom: .02rem solid #3399ff;
  position: relative;
}
.dialog .fpaper .list .item .active::after{
    content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 0;
  height: 0;
    border-top: .08rem solid #3399ff;
  border-right: .08rem solid transparent;
  border-left: .08rem solid transparent;
  border-bottom: .08rem solid transparent;
}
.dialog .fpaper .paper-list{
  max-height: 5rem;  
  margin-left: .68rem;
  margin-bottom: .50rem;
  margin-right: .2rem;
  font-size: .24rem;
  color: #333333;
  overflow: auto;
}
.dialog .fpaper .quit{
  color: #3399ff;
  text-decoration: underline;
  float: right;
  height: .16rem;
  line-height: .16rem;
  margin: 0 .2rem .5rem 0;
}
.dialog .fpaper .primary{
  color: #49a1ff;
}
.dialog .fpaper .error{
  color: #f00;
}
.dialog .fpaper .default{
  color: #009900;
}
.dialog .modal_article{
    color: #333;
}
.dialog .modal_article .title{
    height: .80rem;
    margin: -0.78rem auto 0;
  background: url("../images/dialog/title-article.png?__rev=73fba65") center no-repeat;
  background-size: 100%;
}
.dialog .modal_article .fsubmit{
    margin: .3rem .75rem .3rem .55rem;
    font-size: .24rem;
    line-height: .8rem;
}
.dialog .modal_article input{
    height: .8rem;
    line-height: .8rem;
    background: #ededed;
}
.dialog .modal_article .fsubmit .fitem{
    height: .8rem;
    margin-bottom: .16rem;
}
.dialog .modal_article .fsubmit .feditor{
    height: 4rem;
    overflow: auto;
}
.dialog .modal_article .fsubmit .stItem{
    width: 5rem;   
}
.dialog .modal_article .btn{
    display: block;
    width: 3rem;
    height: .9rem;
    margin: 0 auto;
    background: url("../images/dialog/btn.png?__rev=7c6d49e") no-repeat;
    background-size: 100%;
    font-size: .32rem;
    line-height: .24rem;
    color: #fff;
    letter-spacing: 0.03rem;
}
#xingbi::after{
    display: block;
    float: left;
    /* margin-top: .1rem; */
    margin-left: .3rem;
    content: "";
    width: .38rem;
    height: .48rem;
    background: url("../images/dialog/icon-xingbi.png?__rev=f98800f");
    background-size: 100%;
}
#aobi::after{
    display: block;
    float: left;
    /* margin-top: .12rem; */
    margin-left: .28rem;
    content: "";
    width: .5rem;
    height: .4rem;
    background: url("../images/dialog/icon-aobi.png?__rev=1021e87");
    background-size: 100%;
}
.dialog .modal_idea .fsubmit .fitem .label,
.dialog .modal_song .fsubmit .fitem .label,
.dialog .modal_article .fsubmit .fitem .label{
    float: right;
    margin-left: .52rem;
    margin-top: -0.05rem;
    color: #000;
}
/*验证码*/
.modal_imgcode .fimgcode{
    width: 6rem;
    margin: 0 auto;
}
.modal_imgcode .fimgcode .vcode{
    background: #ededed;
    height: .70rem;
    line-height: .70rem;
    width: 4.2rem;
    text-indent: .1rem;
}
.modal_imgcode .fimgcode .vimg{
    width: 1.6rem;
    height: .7rem;
}
.modal_imgcode .fimgcode .btn{
    display: block;
    width: 3rem;
    height: .9rem;
    margin: .36rem auto;
    background: url("../images/dialog/btn.png?__rev=7c6d49e");
    font-size: .32rem;
    line-height: .24rem;
    color: #fff;
    letter-spacing: 0.03rem;
}
.dialog .modal_video .iframe_wrp{
    width: 7rem;
    height: 3.8rem;
    margin: 0 auto;
  }