.dialog{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 9999;
  display: none;
}
.dialog .mask{
  background: #000;
  opacity: 0.8;
  filter:alpha(opacity=80);
  z-index: 9999;
  overflow: hidden;
}
.dialog .modal{
  position: absolute;
  z-index: 10000;
  background: #fff;
}
.dialog .modal .close{
  position: absolute;
  top: -10px;
  right: -50px;
  width: 31px;
  height: 31px;
  background: url("../images/dialog/close.png?__rev=18d84cc");
  cursor: pointer;
}
/*登录弹窗*/
.dialog .modal_login{
  width: 500px;
}
.dialog .modal_login .title{
  margin: -50px auto 0 auto;
  height: 50px;
  background: url("../images/dialog/title-login.png?__rev=b56542e") no-repeat;
} 
.dialog .modal_login .flogin{
  width: 400px;
  margin: 30px auto 20px auto;
}
.dialog .modal_login .flogin .minput{
  margin-bottom: 10px;
  height: 44px;
}
.dialog .modal_login .flogin .minput input{
  height: 42px;
  text-indent: 10px;
  background: #ededed;
  font-size: 16px;
  color: #333;
}
.dialog .modal_login .flogin input::placeholder{
  color: #ccc;
}
.dialog .modal_login .flogin .phonenum{
  width: 398px;
}
.dialog .modal_login .flogin .validcode,
.dialog .modal_login .flogin .code{
  width: 248px;
  margin-right: 10px;
}
.dialog .modal .fsubmit .err-info,
.dialog .modal .flogin .err-info,
.dialog .modal .freceipt .err-info{
  line-height: 20px;
  color: #f00;
}
.dialog .modal_login .flogin .cimg{
  display: block;
  width: 140px;
  height: 44px;
  cursor: pointer;
}
.dialog .modal_login .flogin .minput .btncode{
  width: 140px;
  background: #3399ff;
  color: #fff;
  cursor: pointer;
  border: 1px solid transparent;
}
.dialog .modal_login .flogin .minput .disabled{
  background: #ccc;
}
.dialog .btn{
  width: 180px;
  height: 60px;
  line-height: 60px;
  display: block;
  margin: 20px auto 0;
  background: url("../images/dialog/btnbg.png?__rev=5b71ccf");
  cursor: pointer;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  text-indent: 0px;
  border: none;
}
/*拉票弹窗*/
.dialog .modal_vote{
  width: 500px;
}
.dialog .modal_vote .title{
  margin: -50px auto 0 auto;
  height: 50px;
  background: url("../images/dialog/title-vote.png?__rev=74ae2d9") no-repeat;
}
.dialog .modal_vote .fvote p{
  text-align: center;
  font-size: 20px;
  margin: 50px 0;
  color: #333;
}
.dialog .modal_vote .fvote .fshare{
  width: 400px;
  height: 85px;
  margin: 0 auto 50px;
}
.dialog .modal_vote .fvote .fitem{
  width: 60px;
  height: 85px;
  margin: 0 20px;
  cursor: pointer;
}
.dialog .modal_vote .fvote .szone{
  background: url("../images/dialog/zone.png?__rev=b1175d6") no-repeat;
}
.dialog .modal_vote .fvote .sqq{
  background: url("../images/dialog/qq.png?__rev=fa154a2") no-repeat;
}
.dialog .modal_vote .fvote .swx{
  background: url("../images/dialog/wx.png?__rev=25a300c") no-repeat;
}
.dialog .modal_vote .fvote .swb{
  background: url("../images/dialog/wb.png?__rev=c6d6c6c") no-repeat;
}
/*提示弹窗*/
.dialog .modal_tip{
  width: 500px;
}
.dialog .modal_tip .title{
  margin: -50px auto 0 auto;
  height: 50px;
  background: url("../images/dialog/title-tip.png?__rev=8191334") no-repeat;
}
.dialog .modal_tip .ftip p{
  text-align: center;
  font-size: 20px;
  margin: 50px 0;
  color: #333;
}
.dialog .modal_tip .fmsg .info{
  text-align: center;
  font-size: 24px;
  margin: 100px 0 50px 0;
  color: #333;
}
.dialog .modal_tip .ftip .fbtngroup,
.dialog .modal_receipt .freceipt .fbtngroup{
  width: 400px;
  height: 60px;
  margin: 0 auto 50px;
}
.dialog .modal_tip .ftip .fbtngroup div,
.dialog .modal_receipt .freceipt .fbtngroup div{
  margin: 0 10px;
}
/*我的奖励*/
.dialog .modal_award{
  width: 600px;
}
.dialog .modal_award .title{
  margin: -50px auto 0 auto;
  height: 50px;
  background: url("../images/dialog/title-award.png?__rev=377be2b") no-repeat;
}
.dialog .modal_award .faward{
  width: 500px;
  margin: 32px auto;
}
.dialog .modal_award .faward .nothings{
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  margin: 120px 0;
}
.dialog .modal_award .faward .awd_item{
  clear: both;
  color: #333;
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  padding: 5px 0;
}
.dialog .modal_award .awd_item .awd_attr{
  width: 170px;
  height: 44px;
  text-align: right;
}
.dialog .modal_award .awd_item .awd_code{
  width: 200px;
  height: 42px;
  margin-right: 10px;
  text-align: right;
  text-align: left;
  text-indent: 10px;
  background-color: #ededed;
  border: 1px solid #d2d2d2;
}
.dialog .modal_award .awd_item .awd_copy{
  text-align: center;
  background-color: #3399ff;
  font-size: 16px;
  color: #fff;
  width: 90px;
  cursor: pointer;
}
.dialog .modal_award .awd_item .awd_address{
  text-decoration: underline;
  color: #3399ff;
  cursor: pointer;
}
/*收货地址*/
.dialog .modal_receipt{
  width: 600px;
}
.dialog .modal_receipt .title{
  margin: -50px auto 0 auto;
  height: 50px;
  background: url("../images/dialog/title-receipt.png?__rev=4c3d0e6") no-repeat;
}
.dialog .modal_receipt .freceipt{
  width: 500px;
  margin: 40px auto;
  font-size: 18px;
  color: #333;
}
.dialog .modal_receipt .freceipt .fitem{
  clear: both;
  margin-bottom: 16px;
  line-height: 44px;
}
.dialog .modal_receipt .freceipt .fitem label{
  width: 150px;
  text-align: right;
}
.dialog .modal_receipt .freceipt .fitem input{
  width: 320px;
  background-color: #ededed;
  height: 42px;
  text-indent: 10px;
  color: #333;
  border: 1px solid #d2d2d2;
}
/**我的稿件*/
.dialog .modal_paper{
  width: 600px;
}
.dialog .modal_paper .title{
  margin: -50px auto 0;
  height: 50px;
  background: url("../images/dialog/title-email.png?__rev=f38019f");
}
.dialog .fpaper{
  position: relative;
}
.dialog .fpaper .list{
  width: 270px;
  height: 30px;
  margin: 30px auto;
}
.dialog .fpaper .list .item{
  float: left;
  height: 30px;
  width: 54px;
  margin: 0 18px;
  text-align: center;
  color: #ccc;
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
}
.dialog .fpaper .list .item .active{
  color: #3399ff;
}
.dialog .fpaper .list .item .active::after{
  display: block;
  content: url("../images/dialog/deco.jpg?__rev=6593778");
}
.dialog .fpaper .paper-list{
  max-height: 400px;
  margin-left: 100px;
  margin-right: 20px;
  margin-bottom: 50px;
  font-size: 16px;
  overflow: auto;
}
.dialog .fpaper .quit{
  color: #3399ff;
  text-decoration: underline;
  float: right;
  height: 16px;
  line-height: 16px;
  margin: 0 20px 20px 0;
}
.dialog .fpaper .primary{
  color: #49a1ff;
}
.dialog .fpaper .error{
  color: #f00;
}
.dialog .fpaper .default{
  color: #009900;
}
/*主题曲投稿*/
.dialog .modal_song{
  width: 600px;
}
.dialog .modal_song .title{
  margin: -50px auto 0;
  height: 50px;
  background: url("../images/dialog/title-song.png?__rev=2265fe9");
}
.dialog .fsubmit{
  width: 500px;
  margin: 32px auto;
  font-size: 18px;
  line-height: 44px;
}
.dialog .fsubmit .fitem{
  clear: both;
  margin-bottom: 12px;
}
.dialog .fsubmit .fitem label{
  width: 90px;
  text-align: right;
}
.dialog .fsubmit .fitem .stItem{
  height: 42px;
  width: 400px;
}
.dialog .fitem .fsub_img p{
  font-size: 16px;
}
.dialog .fitem .fsub_link{
  width: 400px;
}
.dialog .fitem .fsub_link .tips-info{
  margin: 10px 0;
  font-size: 14px;
  line-height: 18px;
}
.dialog .fitem .fsub_img .fsub_inp{
  width: 250px;
}
.dialog .fsubmit .fitem .webuploader-pick{
  background-color: #3399ff;
  padding: 0px;
}
.dialog .fsubmit .fitem .fsub_btn{
  margin-left: 10px;
  width: 140px;
  height: 44px;
  background-color: #3399ff;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.dialog .fsubmit .fitem .fsub_btn input{
  display: none;
}
.dialog .modal .fitem .fitemintro{
  width: 400px;
  height: 66px;
  resize: none;
}

/*创意视频*/
.dialog .modal_idea{
  width: 600px;
}
.dialog .modal_idea .title{
  margin: -50px auto 0;
  height: 50px;
  background: url("../images/dialog/title-idea.png?__rev=37979c1");
}

/*文章投稿*/
.dialog .modal_article{
  width: 800px;
}
.dialog .modal_article .title{
  margin: -50px auto 0;
  height: 50px;
  background: url("../images/dialog/title-article.png?__rev=b22eccc");
}
.dialog .modal_article .fsubmit{
  width: 700px;
  margin: 32px auto;
  font-size: 18px;
  line-height: 44px;
}
.dialog .modal_article .fsubmit .fitem{
  clear: both;
  margin-bottom: 12px;
}
.dialog .modal_article .fsubmit .fitem label{
  width: 90px;
  text-align: right;
}
.dialog .modal_article .fsubmit .fitem .stItem{
  height: 42px;
  width: 400px;
}
.dialog .modal_article .fsubmit .fitem .textareaItem{
  width: 700px;
  height: 400px;
}

/*活动规则*/
.dialog .modal_rule{
  width: 800px;
}
.dialog .modal_rule .title{
  margin: -50px auto 0;
  height: 50px;
  background: url("../images/dialog/title-rule.png?__rev=f8de1c8");
}
.dialog .modal_rule .rule_tab{
  width: 400px;
  margin: 0 auto;
}
.dialog .modal_rule .rule_tab .item{
  float: left;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  color: #ccc;
  margin: 10px;
  cursor: pointer;
}
.dialog .modal_rule .rule_tab .item .active{
  color: #49a1ff;
}
.dialog .modal_rule .rule_tab .item0 .active::after{
  display: block;
  content: url("../images/dialog/active0.png?__rev=eac8466");
  width: 154px;
  height: 7px;
}
.dialog .modal_rule .rule_tab .item1 .active::after{
  display: block;
  content: url("../images/dialog/active1.png?__rev=7dfa9a3");
  width: 186px;
  height: 7px;
}
.dialog .modal_rule .tab_0,
.dialog .modal_rule .tab_1{
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}
.dialog .modal_rule  .tab_0{
  background: url("../images/dialog/tab0.png?__rev=b4edf2b") bottom no-repeat;
}
.dialog .modal_rule  .tab_0 .img{
  width: 700px;
  height: 100px;
  margin: 0 auto;
  background: url("../images/dialog/rule-0-top.png?__rev=8c4cd18") bottom no-repeat;
}
.dialog .modal_rule  .tab_0 .info{
  width: 700px;
  height: 400px;
  margin: 0 auto 50px;
  overflow: auto;
}
.dialog .modal_rule .spe{
  font-size: 20px;
  line-height: 36px;
  color: #3399ff;
}
.dialog .modal_rule  .tab_0 .info::-webkit-scrollbar{
  width: 4px;
  background: #3399ff;
}
.dialog .modal_rule  .tab_0 .info::-webkit-scrollbar-thumb{
  width: 4px;
  height: 20px;
  background: #3399ff;
}
.dialog .modal_rule  .tab_0 .info::-webkit-scrollbar-button{
  background: #fff;
}
.dialog .modal_rule .tab_1{
  width: 700px;
  height: 450px;
  margin: 0 auto 50px;
  padding-top: 50px;
  overflow: auto;
}
.dialog .modal_rule .tab_1::-webkit-scrollbar{
  width: 4px;
  background: #3399ff;
}
.dialog .modal_rule .tab_1::-webkit-scrollbar-thumb{
  width: 4px;
  height: 20px;
  background: #3399ff;
}
/*视频弹窗*/
.dialog .modal_video{
  width: 960px;
}
.dialog .modal_video .iframe_wrp{
  display: block;
  width: 940px;
  margin: 10px auto;
}
.dialog .modal_video .info_wrp{
  width: 700px;
  margin: 0 auto;
  text-align: center;
}
.dialog  .info_wrp .title{
  font-size: 18px;
}
.dialog  .info_wrp .author{
  color: #3399ff;
  font-size: 14px;
}
.dialog  .info_wrp .info{
  text-align: left;
  color: #333;
}
.dialog .info_wrp .btn_group{
  width: 300px;
  height: 34px;
  margin: 30px auto;
}
.dialog .info_wrp .btn_group button{
  display: block;
  float: left;
}
.dialog .info_wrp .btn_group .btn_ticket{
  width: 90px;
  height: 34px;
  margin-right: 30px;
  background: url("../images/p4/btn-ticket.jpg?__rev=92cd3bd");
}
.dialog .info_wrp .btn_group .btn_likes{
  width: 150px;
  height: 34px;
  background: url("../images/p4/btn-love-bg.png?__rev=febe1fd");
  color: #fff;
  text-align: 10px;
}

/*图片弹窗*/
.dialog .modal_image{
  width: 500px;
}
.dialog .modal_image .img_wrp{
  width: 480px;
  height: 680px;
  margin: 10px auto;
  background: #ccc;
}
.dialog .modal_image .info_wrp{
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
/*内容详情弹窗*/
.dialog .modal_content{
  width: 960px;
}
.dialog .modal_content .info_wrp{
  width: 800px;
  margin: 20px auto 0;
  text-align: center;
}
.dialog .modal_content .info_wrp .info{
  word-break: break-all;
  max-height: 500px;
  overflow: auto;
  margin: 10px 0;
  padding: 5px;
  border: 1px solid #ccc;
}
/*消息弹窗*/
.dialog .modal_msg{
  width: 500px;
}
.dialog .modal_msg .title{
  margin: -50px auto 0 auto;
  height: 50px;
  background: url("../images/dialog/title-tip.png?__rev=8191334") no-repeat;
}
.dialog .modal_msg .info{
  margin: 50px auto;
  width: 400px;
  font-size: 24px;
  text-align: center;
}
.dialog .modal_msg  .btnok{
  margin: 0 auto 50px;
}
/*二维码弹窗*/
.dialog .modal_qrcode{
  width: 500px;
}
.dialog .modal_qrcode .title{
  margin: -50px auto 0 auto;
  height: 50px;
  background: url("../images/dialog/title-tip.png?__rev=8191334") no-repeat;
}
.dialog .modal_qrcode  .share_info{
  line-height: 24px;
  font-size: 24px;
  text-align: center;
  margin: 0 0 30px;
  font-weight: bold;
}
.dialog .modal_qrcode .qrcode{
  width: 170px;
  height: 170px;
  margin: 30px auto;
}
.dialog input,
.dialog textarea{
  color: #333;
  background-color: #ededed;
  border: 1px solid #e2e2e2;
  text-indent: 10px;
}

.dialog .modal .errors{
  border: 1px solid #f00;
}
/*图形验证码弹窗*/
/*提示弹窗*/
.dialog .modal_imgcode{
  width: 500px;
}
.dialog .modal_imgcode .title{
  margin: -50px auto 0 auto;
  height: 50px;
  background: url("../images/dialog/title-tip.png?__rev=8191334") no-repeat;
}
.dialog .modal_imgcode .fimgcode .minput{
  width: 400px;
  height: 44px;
  margin: 20px auto 20px;
}
.dialog .modal_imgcode .fimgcode p{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.dialog .modal_imgcode .fimgcode .vimg{
  display: block;
  width: 140px;
  height: 44px;
  cursor: pointer;
}
.dialog .modal_imgcode .fimgcode .vcode{
  width: 250px;
  height: 44px;
}
.dialog .modal_imgcode .fimgcode .btn-validate{
  margin-bottom: 20px;
}
#commomn-tip{
  position: fixed;
  top: 200px;
  width: 200px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: rgba(0, 0, 0, .4);
  z-index: 10000;
  color: #fff;
  display: none;
}