@charset "utf-8";
.pupop_tips {position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:10;background:rgba(0,0,0,0.3);}
.pupop_tips .bdbox {background:#fff;width:80%;position:absolute;left:50%;margin-left:-40%;top:50%;padding:20px;border-radius:4px;min-height:196px;margin-top:-98px;}
.pupop_tips .bdbox .hd {text-align:center;font-weight:bold;font-size:20px;line-height:40px;}
.pupop_tips .bdbox .bd {font-size:17px;line-height:28px;}
.pupop_tips .bdbox .btn {text-align:center;display:flex;}
.pupop_tips .bdbox .btn {padding-top:20px;}
.pupop_tips .bdbox .btn span {flex:1;text-align:center;font-size:16px;line-height:40px;height:40px;cursor:pointer;border-radius:3px;}
.pupop_tips .bdbox .btn span.span_1 {border:1px solid #ebebeb;}
.pupop_tips .bdbox .btn span.span_2 {background:#FFC107;border:1px solid #FFC107;color:#454545;margin-left:10px;}
.pupop_tips .bdbox .btn span.span_3 {background:#FFC107;border:1px solid #FFC107;color:#454545;}
/*普通弹窗*/
.mui-popover.mui-popover-action.app_pupop {position:fixed;left:20px;right:20px;bottom:20px;background:#fff;z-index:999;width:auto;}
.app_pupop .hd {font-weight:bold;font-size:16px;text-align:center;padding-top:25px;}
.app_pupop .bd {padding:15px 20px;font-size:14px;padding-top:25px;}
.app_pupop .bd p.icon {text-align:center;padding-top:30px;padding-bottom:20px;}
.app_pupop .bd p.icon .iconfont{color:#1ac6b0;}
.app_pupop .bd p.icon span.iconfont{font-size:50px;}
.app_pupop .bd span.text {color:#1ac6b0;display:block;line-height:24px;}
.app_pupop .btn {text-align:center;height:45px;line-height:45px;border-top:1px solid #f2f2f2;}
.app_pupop .btn a {display:inline-block;float:left;width:50%;font-size:14px;color:#333;}
.app_pupop .btn a.a_2 {border-left:1px solid #f2f2f2;margin-left:-1px;}
.app_pupop .btn a.a_3 {color:#333;}
/*顶部动态*/
.pupop-weibo-tips {left:0;right:0;top:50px;z-index:100;padding:0 10px;line-height:30px;padding-right:30px;}
.pupop-weibo-tips {position:fixed;box-sizing:border-box;background:rgba(0,0,0,0.6);color:#fff;}
.pupop-weibo-tips span.close {position:absolute;cursor:pointer;right:0;padding:0 8px;color:#eaeaea;}
.pupop_bottom_menu ul li {border-bottom:1px solid #ccc;font-size:16px;}
.pupop_bottom_menu ul li a {display:block;padding:15px 0px; }
.pupop_bottom_menu ul li:last-child {border-bottom:none;}
.pupop_bottom_menu ul li.cancel {background:#FFC107;color:#fff;}
.pupop_bottom_menu ul li.cancel:active {background:#fb7c78;}
.pupop_bottom_menu ul li.cancel a {color:#fff;}
.pupop_bottom_menu ul li:active {background:#ebebeb;}
.pupop_bottom_menu ul li.current a {color:#999;}
/*信件弹窗*/
.pupop_chat_receive {position:fixed;left:20px;right:20px;bottom:20px;background:#fff;z-index:999;width:auto;}
.pupop_chat_receive .hd {font-weight:bold;font-size:16px;text-align:center;padding-top: 25px;}
.pupop_chat_receive .bd {color:#555;padding:15px 20px;font-size:14px;padding-top:25px;}
.pupop_chat_receive .bd span {color:#f7564d;}
.pupop_chat_receive .btn {text-align:center;height:45px;line-height:45px;border-top:1px solid #f2f2f2;}
.pupop_chat_receive .btn a {display:inline-block;float:left;width:50%;font-size:14px;}
.pupop_chat_receive .btn a.a_1 {color:#ff5722;}
.pupop_chat_receive .btn a.a_2 {border-left:1px solid #f2f2f2;margin-left:-1px;color:#a3a0a0;}
.pupop_vip_chat {width:270px;background:#fff;border-radius:5px;position:absolute;top:50%;left:50%;margin:-221px 0 0 -135px;box-sizing:border-box;padding-top:20px;z-index:2;}
.pupop_vip_chat .chat .text {text-align:center;font-size:16px;line-height:30px;}
.pupop_vip_chat .chat .text span {color:#f7564d;}
.pupop_vip_chat .chat .text span.price {color:#f7564d;}
.pupop_vip_chat .chat .btn{text-align:center;margin-top:15px;}
.pupop_vip_chat .chat .btn a {width: 200px;height:40px;border-radius:40px;display:inline-block;vertical-align:center;font-size:18px;text-align:center;line-height:40px;}
.pupop_vip_chat .chat .btn a {background:#ffc107;color:#333;}
.pupop_vip_chat .chat .btn a:active{opacity:.8;}
.pupop_vip_chat .line{width:100%;height:0;border-top:1px dashed #ebebeb;margin:20px 0 15px;}
.pupop_vip_chat .vip .text {padding:0 15px;font-size:14px;color:#999;}
.pupop_vip_chat .vip .auth{margin-top:15px;text-align:center;}
.pupop_vip_chat .vip .auth .box {width:80px;display:inline-block;vertical-align:top;}
.pupop_vip_chat .vip .auth .box .icon {width:45px;height:45px;border:1px solid #ff9800;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.pupop_vip_chat .vip .auth .box .icon em {font-size:28px;color:#ff9800;}
.pupop_vip_chat .vip .auth .box .txt{font-size:12px;color: #999;margin-top:8px;}
.pupop_vip_chat .vip .btn {text-align:center;margin-top:15px;margin-bottom:25px;}
.pupop_vip_chat .vip .btn a {width:200px;height:40px;border-radius:40px;display:inline-block;vertical-align:center;font-size:18px;text-align:center;line-height:40px;}
.pupop_vip_chat .vip .btn a {background:#ffc107;color:#333;}
.pupop_vip_chat .vip .btn a:active {opacity:.8;}
.pupop_vip_chat .close {color:#fff;font-size:16px;width:30px;height:30px;border-radius:50%;border:1px solid #fff;bottom:-50px;left:50%;margin-left:-15px;}
.pupop_vip_chat .close {position:absolute;text-align:center;display:flex;align-items:center;justify-content:center;}
.pupop_vip_chat .close em {font-size:20px;position:relative;top:2px;}
.pupop_vip{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  display: none;
}
.pupop_vip .mask{
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,.7);
}
.pupop_vip .pupop{
  position: relative;
  z-index: 201;
}
.pupop_vip .pupop img{
  width: 100%;
}
.pupop_vip .pupop .btn{
  width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 405px;
}
.pupop_vip .pupop .btn a{
  width: 100%;
  height: 40px;
  border-radius: 40px;
  background: #ff5252;
  display: block;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 6px 15px rgba(255, 69, 69, .31);
}
.pupop_vip .pupop .btn a:active{
  opacity: .8;
}
.pupop_vip .pupop .close .line{
  width: 1px;
  height: 20px;
  background: #fccb7e;
  margin: 0 auto;
}
.pupop_vip .pupop .close .close_btn{
  text-align: center;
}
.pupop_vip .pupop .close .close_btn em{
  color: #fccb7e;
  font-size:28px;
  width:32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #fccb7e;
  display: inline-block;
  vertical-align: top;
  line-height:30px;
}
@media screen and (max-width: 414px) and (min-width: 394px){
  .pupop_vip .pupop .btn{
    top: 448px;
  }
}
@media screen and (max-width: 393px) and (min-width: 385px){
  .pupop_vip .pupop .btn{
    top: 421px;
  }
}
@media screen and (max-width: 394px) and (min-width: 376px){
  .pupop_vip .pupop .btn{
    top: 414px;
  }
}
@media screen and (max-width: 374px) and (min-width: 360px){
  .pupop_vip .pupop .btn{
    top: 384px;
  }
}
@media screen and (max-width: 359px) and (min-width: 320px){
  .pupop_vip .pupop .btn{
    top: 343px;
  }
  .pupop_vip .pupop .close .line{
    height: 20px;
  }
}
.pupop_avatar{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  display: none;
}
.pupop_avatar .mask{
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,.7);
}
.pupop_avatar .pupop{
  position: relative;
  z-index: 201;
}
.pupop_avatar .pupop img{
  width: 100%;
}
.pupop_avatar .pupop h3{
  width: 100%;
  line-height: normal;
  text-align: center;
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 146px;
}
.pupop_avatar .pupop .text{
  font-size: 16px;
  color: #333;
  position: absolute;
  width: 210px;
  box-sizing: border-box;
  left: 50%;
  margin-left: -105px;
  top: 340px;
  text-align: justify;
  line-height: 26px;
}
.pupop_avatar .pupop .btn{
  width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 400px;
}
.pupop_avatar .pupop .btn a{
  width: 100%;
  height: 40px;
  border-radius: 40px;
  background: #0eccb1;
  display: block;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 6px 15px rgba(80, 201, 184, .31);
}
.pupop_avatar .pupop .btn a:active{
  opacity: .8;
}
.pupop_avatar .pupop .close .line{
  width: 1px;
  height: 20px;
  background: #0eccb1;
  margin: 0 auto;
}
.pupop_avatar .pupop .close .close_btn{
  text-align: center;
}
.pupop_avatar .pupop .close .close_btn em{
  color: #0eccb1;
  font-size:28px;
  width:32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #0eccb1;
  display: inline-block;
  vertical-align: top;
  line-height:30px
}
@media screen and (max-width: 414px) and (min-width: 394px){
  .pupop_avatar .pupop h3{
    top: 162px;
  }
  .pupop_avatar .pupop .text{
    top: 374px;
  }
  .pupop_avatar .pupop .btn{
    top: 440px;
  }
}
@media screen and (max-width: 393px) and (min-width: 385px){
  .pupop_avatar .pupop h3{
    top: 153px;
  }
  .pupop_avatar .pupop .text{
    top: 344px;
  }
  .pupop_avatar .pupop .btn{
    top: 414px;
  }
}
@media screen and (max-width: 384px) and (min-width: 376px){
  .pupop_avatar .pupop h3{
    top: 162px;
  }
  .pupop_avatar .pupop .text{
    top: 335px;
  }
  .pupop_avatar .pupop .btn{
    top: 405px;
  }
}
@media screen and (max-width: 374px) and (min-width: 360px){
  .pupop_avatar .pupop h3{
    top: 140px;
  }
  .pupop_avatar .pupop .text{
    top: 320px;
  }
  .pupop_avatar .pupop .btn{
    top: 378px;
  }
}
@media screen and (max-width: 359px) and (min-width: 320px){
  .pupop_avatar .pupop h3{
    top: 124px;
  }
  .pupop_avatar .pupop .text{
    top: 284px;
  }
  .pupop_avatar .pupop .btn{
    top: 335px;
  }
  .pupop_avatar .pupop .close .line{
    height: 20px;
  }
}
.pupop_rz{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  display: none;
}
.pupop_rz .mask{
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,.7);
}
.pupop_rz .pupop{
  position: relative;
  z-index: 201;
}
.pupop_rz .pupop img{
  width: 100%;
}
.pupop_rz .pupop .rz{
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #0eccb1;
  position: absolute;
  top: 324px;
}
.pupop_rz .pupop .rz span{
  font-family: Arial;
}
.pupop_rz .pupop .text{
  font-size: 15px;
  color: #333;
  position: absolute;
  width: 210px;
  box-sizing: border-box;
  left: 50%;
  margin-left: -105px;
  top: 350px;
  text-align: center;
  line-height: 26px;
}
.pupop_rz .pupop .btn{
  width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 400px;
}
.pupop_rz .pupop .btn a{
  width: 100%;
  height: 40px;
  border-radius: 40px;
  background: #0eccb1;
  display: block;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 6px 15px rgba(80, 201, 184, .31);
}
.pupop_rz .pupop .btn a:active{
  opacity: .8;
}
.pupop_rz .pupop .close .line{
  width: 1px;
  height: 20px;
  background: #0eccb1;
  margin: 0 auto;
}
.pupop_rz .pupop .close .close_btn{
  text-align: center;
}
.pupop_rz .pupop .close .close_btn em{
  color: #0eccb1;
  font-size:28px;
  width:32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #0eccb1;
  display: inline-block;
  vertical-align: top;
  line-height:30px
}
.pupop_rz .pupop h3{
  width: 100%;
  line-height: normal;
  text-align: center;
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 146px;
}
@media screen and (max-width: 414px) and (min-width: 394px){
  .pupop_rz .pupop .rz{
    top: 360px;
  }
  .pupop_rz .pupop .text{
    top: 382px;
  }
  .pupop_rz .pupop .btn{
    top: 440px;
  }
}
@media screen and (max-width: 393px) and (min-width: 385px){
  .pupop_rz .pupop h3{
    top: 152px;
  }
  .pupop_rz .pupop .rz{
    top: 343px;
  }
  .pupop_rz .pupop .text{
    top: 366px;
  }
  .pupop_rz .pupop .btn{
    top: 416px;
  }
}
@media screen and (max-width: 384px) and (min-width: 376px){
  .pupop_rz .pupop h3{
    top: 151px;
  }
  .pupop_rz .pupop .rz{
    top: 332px;
  }
  .pupop_rz .pupop .text{
    top: 357px;
  }
  .pupop_rz .pupop .btn{
    top: 408px;
  }
}
@media screen and (max-width: 374px) and (min-width: 360px){
  .pupop_rz .pupop h3{
    top: 131px
  }
  .pupop_rz .pupop .rz{
    top: 310px;
  }
  .pupop_rz .pupop .text{
    top: 332px;
  }
  .pupop_rz .pupop .btn{
    top: 378px;
  }
}
@media screen and (max-width: 359px) and (min-width: 320px){
  .pupop_rz .pupop h3{
    top: 122px
  }
  .pupop_rz .pupop .rz{
    top: 272px;
  }
  .pupop_rz .pupop .text{
    top: 294px;
  }
  .pupop_rz .pupop .btn{
    top: 335px;
  }
  .pupop_rz .pupop .close .line{
    height: 20px;
  }
}
.pupop_data{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  display:none;
}
.pupop_data .mask{
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,.7);
}
.pupop_data .pupop{
  position: relative;
  z-index: 201;
}
.pupop_data .pupop img{
  width: 100%;
}
.pupop_data .pupop .text{
  font-size: 16px;
  color: #ffdddc;
  position: absolute;
  width: 200px;
  box-sizing: border-box;
  left: 50%;
  margin-left: -100px;
  top: 325px;
  text-align: justify;
  line-height: 26px;
}
.pupop_data .pupop .btn{
  width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 400px;
}
.pupop_data .pupop .btn a{
  width: 100%;
  height: 40px;
  border-radius: 40px;
  background: linear-gradient(to bottom, #fff, #ffd4d3);
  display: block;
  font-size: 18px;
  color: #ef3c28;
  text-align: center;
  line-height: 40px;
}
.pupop_data .pupop .btn a:active{
  opacity: .8;
}
.pupop_data .pupop .close .line{
  width: 1px;
  height: 20px;
  background: #fccb7e;
  margin: 0 auto;
}
.pupop_data .pupop .close .close_btn{
  text-align: center;
}
.pupop_data .pupop .close .close_btn em{
  color: #fccb7e;
  font-size:28px;
  width:32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #fccb7e;
  display: inline-block;
  vertical-align: top;
  line-height:30px
}
@media screen and (max-width: 414px) and (min-width: 394px){
  .pupop_data .pupop .text{
    top: 364px;
  }
  .pupop_data .pupop .btn{
    top: 440px;
  }
}
@media screen and (max-width: 393px) and (min-width: 385px){
  .pupop_data .pupop .text {
    top: 344px;
  }
  .pupop_data .pupop .btn{
    top: 420px;
  }
}
@media screen and (max-width: 384px) and (min-width: 376px){
  .pupop_data .pupop .btn {
    top: 411px;
  }
  .pupop_data .pupop .text {
    top: 335px;
  }
}
@media screen and (max-width: 374px) and (min-width: 360px){
  .pupop_data .pupop .text{
    top: 312px;
  }
  .pupop_data .pupop .btn{
    top: 384px;
  }
}
@media screen and (max-width: 359px) and (min-width: 320px){
  .pupop_data .pupop .text{
    top: 276px;
  }
  .pupop_data .pupop .btn{
    top: 343px;
  }
  .pupop_data .pupop .close .line{
    height: 20px;
  }
}
.pupop_qrcode {position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none;}
.pupop_qrcode .mask {width:100%;height:100%;position:absolute;}
.pupop_qrcode .mask {background:url('/public/images/bg/pupop_bg.png') no-repeat 0 0 rgba(0,0,0,.7);background-size:100% auto;}
.pupop_qrcode .pupop {position:relative;z-index:201;margin-top:130px;margin-left:45px;margin-right:45px;background:#fff;border-radius:5px;padding-top:50px;}
.pupop_qrcode .pupop .code img{width:100%;}
.pupop_qrcode .pupop .text {text-align:center;line-height:24px;font-size:15px;margin-top:20px;padding-bottom:30px;}
.pupop_qrcode .pupop .close {position:absolute;top:10px;right:10px;}
.pupop_qrcode .pupop .close em {font-size:24px;color:#666;}
.pupop_qrcode .pupop .close:active em {color:#000;}
@media screen and (max-width:414px) and (min-width:376px){.pupop_qrcode .pupop{margin-left:60px;margin-right:60px;margin-top:150px;}}
@media screen and (max-width:374px) and (min-width:360px){.pupop_qrcode .pupop{margin-left:40px;margin-right:40px;}}
@media screen and (max-width:359px) and (min-width:320px){.pupop_qrcode .pupop{margin-left:20px;margin-right:20px;margin-top:110px;}}