.web-title{
  font-size:0.3rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(5,27,40,1);
  text-align: center;
}
.web-title span{
  display: inline-block;
  width:2.38rem;
  height:0.06rem;
  border-top: 0.5px solid #ECECEC;
  border-bottom: 0.5px solid #ECECEC;
  margin-top: 0.18rem;
}
.mainContent{
  margin-top: 0.88rem;
  padding: 0.2rem 0.2rem 0;
  background-color: #f5f5f5;
  height: 100%;
}
.main_box{
  padding-top: 0.29rem;
  background-color: #ffffff;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  box-shadow: 0 0.03rem 0.1rem rgba(11,171,254,0.2);
}
.main_box .info{
  margin-top: 0.64rem;
  font-size:0.28rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(51,51,51,1);
  background-color: #ffffff;
  padding-bottom: 0.4rem;
  
}
.main_box .info .list-group{
  padding-left: 0.08rem;
  padding-right: 0.1rem;
  padding-bottom: 0.4rem;
}
.main_box .info .list-group >label{
  float: left;
}
.main_box .info .list-group >span{
  float: right;
}
.main_box .info .list-group .price{
  color: #FF7800;
}
.main_box .info .list-group>input{
  display: inline-block;
  height: 0.6rem;
  width:2.9rem;
  background:rgba(250,250,250,1);
  border-radius:0.06rem;
  margin-left: 0.2rem;
  outline: none;
  border: 0.5px solid #E6E6E6;
  margin-top: -0.5rem;
}
.main_box .info .remark{
  margin-top: 0.3rem;
  padding: 0.3rem 0.15rem 0.3rem 0.2rem;
  background:rgba(255,253,236,1);
  border-radius:0.06rem;
  font-size:0.24rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(51,51,51,1);
  line-height:0.44rem;
  margin-left: 0.08rem;
  margin-right: 0.1rem;
}
.bargin-btn{
  width:7.1rem;
  height:0.9rem;
  background:rgba(11,171,254,1);
  border-radius:0.45rem;
  box-shadow:0 0 0.1rem rgba(11,171,254,0.4);
  text-align: center;
  margin-top: 1.27rem;
  margin-bottom: 0.3rem;
  font-size:0.36rem;
  font-family:SourceHanSansCN-Regular;
  color:rgba(255,255,255,1);
  line-height:0.9rem;
}
/* 流量购买 */
.flow-content{
  margin-top: 0.88rem;
  background-color: #ffffff;
  font-family: MicrosoftYaHei;
}
.top-img >img{
 width: 100%;
 height: 2.6rem;
}
.flow-main .title{
  line-height: 0.6rem;
  color:#0BABFE;
  font-size: 0.32rem;
  margin-top: 0.3rem;
  margin-bottom: 0.45rem;
  padding-left: 0.2rem;
  border-left: 6px solid #0BABFE;
}
.flow-list{
  height: 0.96rem;
  box-sizing: border-box;
  border-bottom: 0.5px solid #E6E6E6;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  padding-right: 0.26rem;
  line-height: 0.96rem;
  font-size:0.28rem;
  font-family:MicrosoftYaHei;
}
.flow-list .flow-right{
  width: 3.8rem;
  float: right;
}
.flow-info .time-list{
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  padding-right: 0.26rem;
  line-height: 0.96rem;
  font-size: 0.28rem;
  font-family: MicrosoftYaHei;
  /* margin-left: 0.45rem;   */
  /* height: 2rem; */
}
.flow-info .time-list .time-right{
  line-height: 0.65rem;
  margin-left: 0.5rem;
  margin-top: -0.2rem;
}
.flow-info .time-list .time-right >p span{
  color:#B2B2B2;
  margin-left: 0.1rem;
}

.flow-btn{
  display: inline-block;
  line-height: 0.6rem;
  padding: 0 0.44rem;
  margin-right: 0.2rem;
  font-size: 0.3rem;
  border-radius: 0.06rem;
  border: 0.5px solid #CCCCCC;
  color:#666666;
  box-sizing: border-box;
}
.flow-btn.active{
  color: #FFFFFF;
  background-color: #0BABFE;
  border-color: #0BABFE;
}
.flow-choice{
  color: #0BABFE;
  float: right;
}
.flow-choice::after{
  content: "";
  display: inline-block;
  margin-left: 0.2rem;
  width: 0.15rem;
  height: 0.27rem;
  background-image: url(/html5/images/icon/sy_icon_bar_right.png);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.flow-input{
  color: #B2B2B2;
  border: none;
  outline: none;
  width: 5.1rem;
}
.yellow{
  color: #FF7800;
}
.flow-submit{
  height:0.9rem;
  background:rgba(11,171,254,1);
  border-radius:0.45rem;
  box-shadow:0 0.03rem 0.1rem rgba(11,171,254,0.4);
  color: #FFFFFF;
  line-height: 0.9rem;
  text-align: center;
  font-size: 0.36rem;
  margin: 1rem 0.2rem 0.3rem;
}
.footer-content{
  background-color: #FFFFFF;
  position: fixed;
  bottom: 0;
  height: 10.2rem;
  z-index: 3;
  width: 100%;
}
.footer-content .title{
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.32rem;
  color: #051b28;
  border-bottom: 0.5px solid #e6e6e6;
  padding:0 0.2rem 0 0.2rem;
}
.flow-modal-main{
  padding: 0.2rem 0.2rem 0.88rem 0.2rem;
  height: 8.2rem;
  overflow: scroll;
}
.flow-modal-main .card{
  padding-left: 0.2rem;
  margin-bottom: 0.2rem;
  width: 3.4rem;
  height: 1.88rem;
  border-radius: 0.1rem;
  background-color: #fafafa;
  border: 0.5px solid #e6e6e6;
  float: left;
  box-sizing: border-box;
}
.flow-modal-main .card:nth-child(odd){
  margin-right: 0.3rem;
}
.footer-content .title .icon-close,.footer-content .g-title .icon-close{
  display: inline-block;
  width: 0.48rem;
  height: 0.48rem;
  background-image: url(/html5/images/icon/icon-del.png);
  background-size: 100%;
  background-repeat: no-repeat;
  float: right;
  margin-top: 0.22rem;
}
.flow-modal-main .card .ad-title{
  margin-top: 0.3rem;
  font-size: 0.28rem;
  color: #051b28;
}
.flow-modal-main .ad-media{
  width: 100%;
  height: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flow-modal-main .ad-wx{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.flow-modal-main .card .ad-content{
  margin-top: 0.1rem;
}
.flow-modal-main .card .ad-content >p{
  margin-top: 0.2rem;
  color: #666666;
  font-size: 0.26rem;
}
.flow-modal-main .card.active{
  position: relative;
  border: 1px solid #0BABFE;
}
.flow-modal-main .card.active::after{
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.28rem;
  height: 0.28rem;
  background-image: url(/html5/images/icon/ylmm_icon_tcchick.png);
  background-size: 100%;
  background-repeat: no-repeat;
  bottom: 0;
  right: 0;
}
.flow-modal-main .card .ad-content .ad-t::before{
  content: "";
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background-image: url(/html5/images/icon/icon-t.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 0.1rem;
}
.flow-modal-main .card .ad-content .ad-e::before{
  content: "";
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background-image: url(/html5/images/icon/icon-e.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 0.1rem;
}
.flow-modal-main .card .ad-add{
  height: 1rem;
  position: absolute;
  width: 0.6rem;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}
.flow-modal-main .card .ad-add img{
  width: 0.6rem;
  height: 0.6rem;

}
.flow-modal-main .card .ad-add > span{
  color: #0BABFE;
  font-size: 0.28rem;
}
.flow-ad-footer{
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.36rem;
  background-color: #0BABFE;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index:9;
}
.footer-content .g-title{
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.32rem;
  color: #051b28;
  border-bottom: 0.5px solid #e6e6e6;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.footer-content .g-item{
  margin-left: 0.2rem;
  border-bottom: 0.5px solid #e7e7e7;
  padding-right: 0.2rem;
  height: 0.98rem;
  line-height: 0.98rem;
  box-sizing: border-box;
  color: #333333;
  font-size: 0.28rem;
}
.footer-content .buywb::before{display: none !important;}
.footer-content .g-item.active::after{
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  float: right;
  background-image: url(/html5/images/icon/btn_pre_check.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 0.3rem;
}
.g-content{
  margin-bottom: 1.1rem;
}
.flow-pic-title{
    box-sizing: border-box;
    border-bottom: 0.5px solid #E6E6E6;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    padding-right: 0.26rem;
    line-height: 0.9rem;
    font-size: 0.28rem;
    font-family: MicrosoftYaHei;
    height: 2.8rem;
}
.flow-info .flow-pic-title .flow-right {
  width: 3.8rem;
  float: right;
}
.flow-info .flow-pic-title .flow-right .size{
  display: inline-block;
  width: 1.35rem;
  height: 0.6rem;
  font-size: 0.26rem;
  color: #666666;
  line-height: 0.6rem;
  text-align: center;
  border-radius: 0.06rem;
  box-sizing: border-box;
  border: 0.5px solid #eff2f5;
  background-color: #eff2f5;
  margin-right: 0.3rem;
  box-sizing: border-box;
  cursor: pointer;
  
}
.flow-info .flow-pic-title .flow-right .size.active{
  border-color: #0BABFE;
  position: relative;
  background-color: #e4f3ff;
}
.flow-info .flow-pic-title .flow-right .size.active::after{
  content: "";
  width: 0.26rem;
  height: 0.26rem;
  background-image: url(/html5/images/icon/ylmm_icon_tcchick.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
}
.modal-flow-add .flow-info .flow-pic-title .flow-right,.modal-flow-add .flow-info .flow-list .flow-right,.flow-info .flow-pic-img .flow-right{
  width:5rem;
  float: right;
}
.flow-info .flow-pic-title .flow-right .size:nth-child(3n){
  margin-right: 0;
}
.up-img{
  width: 5.25rem;
  height: 2.4rem;
  display: inline-block;
  position: relative;
  background-image: url(/html5/images/icon/icon-addimg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 0.35rem;
}
.up-img img{
  width: 100%;
  height: 100%;
}
.up-img .delimg{
  position: absolute;
  top: -0.15rem;
  right: -0.15rem;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(/html5/images/icon/icon-delimg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
}
.flow-pic-img{
  box-sizing: border-box;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  padding-right: 0.26rem;
  line-height: 0.9rem;
  font-size: 0.28rem;
  font-family: MicrosoftYaHei;
  height: 2.8rem;
  margin-bottom: 1.2rem;
}
.time-title{
  line-height: 0.88rem;
  padding-left: 0.3rem;
  font-size: 0.28rem;
  color: #ff5757;
  background-color: #fff8f4;
}

/* 投放方案 */
.set-info-title{
  font-size:0.3rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(5,27,40,1);
  text-align: center;
}
.set-info-title span{
  display: inline-block;
  width:2.04rem;
  height:0.06rem;
  border-top: 0.5px solid #ECECEC;
  border-bottom: 0.5px solid #ECECEC;
  margin-top: 0.18rem;
}
.set-info{
  margin-top: 0.64rem;
  font-size: 0.28rem;
  font-family: SourceHanSansCN-Normal;
}
.set-item{
  padding-left: 0.26rem;
  padding-right: 0.3rem;
  padding-bottom: 0.4rem;
}
.set-item >label{
  color: #666666;
}
.set-item .set-item-right{
  float: right;
  color: #333333;
  /* padding-bottom: 0.3rem; */
}
.set-item .set-item-right >p{
  float: right;
}
.project-info .title{
  font-size:0.3rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(5,27,40,1);
}
.project-info .title::before{
  content: "";
  display: inline-block;
  width: 0.08rem;
  height: 0.26rem;
  background-color: #0BABFE;
  margin-right: 0.1rem;
  vertical-align: middle;
  margin-bottom: 0.06rem;
}
.project-table{
  width: 100%;
  padding-bottom: 0.5rem;
}
.project-table .thead{
  width: 100%;
  margin-top: 0.3rem;
}
.project-table .thead span{
  float: left;
  height:0.48rem;
  line-height: 0.48rem;
  text-align: center;
  width: 25%;
  color: #7C9FBF;
  border: 0.5px solid #EBEBEB;
  background:rgba(245,247,250,1);
  box-sizing: border-box;
  margin: -0.5px;
}
.project-table ul span{
  height:0.58rem;
  line-height: 0.58rem;
  float: left;
  box-sizing: border-box;
  color: #333333;
  border: 0.5px solid #EBEBEB;
  text-align: center;
  width: 25%;
  margin: -0.5px;
}
.project-table .scroll-list{
  max-height: 4rem;
  overflow: hidden;
}
.project-table li span:nth-child(3),.project-table div span:nth-child(3){
  width: 10%;
}
.project-table li span:nth-child(4),.project-table div span:nth-child(4){
  width: 40%;
}
.pay-type .p-price{
  font-size:0.48rem;
  font-family:SourceHanSansCN-Medium;
  color:rgba(255,120,0,1);
  line-height: 2.5rem;
  box-sizing: border-box;
  border-bottom: 0.5px solid #E9E9E9;
  text-align: center;
}
.pay-type .p-price i{
  font-style: normal;
  font-size: 0.3rem;
}
.user_massage_pay .p-price{
  line-height: 1.5;
  padding: 0.5rem 0;
  font-size:0.68rem;
}
.user_massage_pay .pay-type .p-price i{
  font-size: 0.45rem;
}
.user_massage_pay .pay_color{
  color:rgba(255,120,0,1);
}
.user_massage_pay .p-price>div{
  font-size: 0.25rem;
  color: #666;
  line-height: 1.5;
}
.pay-type-list,.pay-type-lists{
  height: 1.32rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-top: 0.3rem;
  border-bottom: 0.5px solid #E6E6E6;
  box-sizing: border-box;
  position: relative;
}
.pay-type-list>div,.pay-type-lists > div{
  float: left;
}
.pay-type-list .left,.pay-type-lists .left{
  width: 0.66rem;
  margin-right: 0.2rem;
  margin-top: 0.08rem;
}
.pay-type-list .left>img,.pay-type-lists .left>img{
  width: 100%;
}
.pay-type-list .right .pay-text,.pay-type-lists .pay-text{
  font-size: 0.28rem;
  color: #000000;
}
.pay-type-list .right .pay-text i,.pay-type-lists .pay-text i{
  font-style: normal;
  color: #FF5757;
}
.pay-type-list .right .desc{
  font-size: 0.28rem;
  color: #999999;
}
.user_massage_pay .pay-type-list::after{
  content: "";
  display: inline-block;
  width: 0.46rem;
  height: 0.46rem;
  background-image: url(/html5/images/icon/btn_check.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.42rem;
  right: 0.2rem;
}
.pay_price_footer{
  font-size:0.26rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(255,87,87,1);
  margin-left: -0.14rem;
}
.pay-type-list.active::after{
  background-image: url(/html5/images/icon/btn_pre_check.png);
}
.pay-submit{
  line-height: 0.88rem;
  background-color: #0BABFE;
  height: 0.88rem;
  position: fixed;
  bottom: 0;
  color: #FFFFFF;
  width: 100%;
  font-size:0.36rem;
  font-family:SourceHanSansCN-Normal;
  text-align: center;
}
.buy-success-main{
  text-align: center;
}
.buy-success-main img{
  width: 1.49rem;
  height: 1.57rem;
  margin: 0.82rem auto 0.6rem;
  display:block;
}
.buy-success-main >p.buy-text{
  font-size:0.38rem;
  font-family:STHeitiSC-Light;
  color:rgba(11,171,254,1);
}
.buy-success-main >p.buy-info-text{
  font-size:0.3rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(0,0,0,1);
  margin-top: 0.4rem;
  margin-bottom: 0.6rem;
}
.buy-success-footer{
  height: 0.9rem;
  box-sizing: border-box;
  border-top: 0.5px solid #E6E6E6;
}
.buy-success-footer .btn-buy-back{
  width: 50%;
  float: left;
  height: 100%;
  border-right: 0.5px solid #E6E6E6;
  color: #666666;
  font-size: 0.32rem;
  box-sizing: border-box;
  line-height: 0.9rem;
}
.buy-success-footer .btn-buy-look{
  width: 50%;
  float: left;
  height: 100%;
  font-size: 0.32rem;
  color:#0BABFE;
  line-height: 0.9rem;
}

/* 站长工具 */
.whois-content{
  margin-top: 0.88rem;
  background-color: #FFFFFF;
}
.whois-top{
  height: 2.5rem;
  padding: 0.3rem 0.3rem 0 0.3rem;
  padding-top: 0.46rem;
  background-image: url(/html5/images/whois-img.png);
  background-size: 100%;
  background-repeat: no-repeat;
 
}
.whois-top .whois-title{
  font-size:0.32rem;
  font-family:MicrosoftYaHei;
  color:rgba(255,255,255,1);
}
.whois-top .whois-title::before{
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.14rem;
  background-image: url(/html5/images/icon/icon-whois.png);
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: middle;
}
.whois-top .search-box{
  width: auto;
  padding: 0;
  margin-top: 0.3rem;
  margin-right: 0.3rem;
  height: 0.8rem;
  background-color: #FFFFFF;
  line-height: 0.8rem;
  box-sizing: border-box;
  border-radius: 0.1rem;
  padding: 0;
}
.whois-top .search-box >input{
  width: 90%;
  height: 90%;
  color: #999999;
  box-sizing: border-box;
  outline: none;
  border: none;
  padding-left: 0.16rem;
}
.whois-top .search-box .search{
  width: 0.32rem;
  height: 0.34rem;
  display: inline-block;
  background-image: url(/html5/images/icon/icon-search.png);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.whois-nodata {
  height: 5.94rem;
  background-image: url(/html5/images/icon/zzgj_icon_qsy.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.webtool-desc{
  padding-left: 0.3rem;
  padding-right: 0.33rem;
}
.whois-title-info{
  font-size:0.32rem;
  font-family:SourceHanSansCN-Regular;
  color:#333333;
}
.whois-title-info::before{
  content: "";
  margin-right: 0.14rem;
  display: inline-block;
  width: 0.1rem;
  height: 0.25rem;
  background-color: #0BABFE;
  
}
.webtool-desc .desc-text{
  font-size:0.24rem;
  font-family:SourceHanSansCN-Regular;
  color:rgba(102,102,102,1);
  line-height:0.36rem;
  margin-top: 0.4rem;
  margin-bottom: 0.85rem;
}
.whois-info{
  padding-left: 0.3rem;
  padding-right: 0.33rem;
}
.web-whois-text{
  font-size:0.26rem;
  font-family:SourceHanSansCN-Regular;
  color:rgba(102,102,102,1);
  line-height:0.78rem;
}
.web-whois-text span{
  margin-left: 0.1rem;
  color: #0BABFE;
}
.whois-table{
  width: 100%;
  border-collapse: collapse;
}
.whois-table tr>td{
  height: 0.8rem;
  border: 0.5px solid #E6E6E6;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
}
.whois-table tr>td:nth-child(1){
  color: #333333;
  background-color: #f5f5f5;
  width: 40%;
}
.whois-table tr>td:nth-child(2){
  color: #333333;
  background-color: #FFFFFF;
  width: 60%;
}
.whois-xx{
  margin-top: 0.52rem;
}
.whois-area{
  margin-top: 0.35rem;
  border: 0.5px solid #E6E6E6;
  padding:0.12rem 0.23rem;
  font-size:0.24rem;
  font-family:SourceHanSansCN-Regular;
  color:rgba(51,51,51,1);
  line-height:0.5rem;
  margin-bottom: 0.5rem; 
}
.whois-title.beian::before{
  background-image: url(/html5/images/icon/zzgj_icon_bycx.png);
}
.whois-top.beian{
  height: 3.26rem!important;
  background-image: url(/html5/images/icon/zzgj_bg_bycx.png);
}
.verification-code{
  margin-top: 0.3rem;
}
.verification-code>img{
  width: 1.6rem;
  height: 0.56rem;
  margin-right: 0.14rem;
  vertical-align: middle;
}
.verification-code>input{
  height: 0.56rem;
  color: #999999;
  width: 2.1rem;
  margin-right: 0.15rem;
  border: none;
  outline: none;

}
.verification-code >span{
  color: #FFFFFF;
  font-size: 0.24rem;
  vertical-align: bottom;
}
.webtool-desc.beian{
  margin-top: 0.42rem;
}
.package-pic-item li{
  width: 7.11rem;
  border-radius: 5px;
  border: 0.5px solid #E7E7E7;
  background: #FAFAFA;
  padding: 0.1rem 0.2rem;
  position: relative;
  float: left;
  box-sizing: border-box;
  margin-bottom: 0.2rem;
}
.package-pic-item li.active{
  border-color: #0BABFE;
  background: #f5faff;
  position: relative;
}
.package-pic-item li.active:after{
  content: '';
  width: 0.28rem;
  height: 0.28rem;
  background: url(../images/icon/ylmm_icon_tcchick.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.package-pic-item li>img{
  width: 1.52rem;
  height: 1.14rem;
  float: left;
  margin-right: 0.2rem;
}
.package-pic-item li >p{
  font-size:0.28rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(5,27,40,1);
}
.package-pic-item li >span{
  font-size:0.26rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(102,102,102,1);
  margin-top: 0.06rem;
  display: block;
}
.package-pic-item li >span.size::before{
  content: '';
  display: inline-block;
  width: 0.17rem;
  height: 0.18rem;
  margin-right: 0.11rem;
  background-image: url(/html5/images/llgm_tc_chichun.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.package-pic-item li >span.web::before{
  content: '';
  display: inline-block;
  width: 0.17rem;
  height: 0.18rem;
  margin-right: 0.11rem;
  background-image: url(/html5/images/llgm_tc_dizhi.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.packag-add-btn{
  width: 7.11rem;
  height: 1.39rem;
  border-radius: 5px;
  background: #F2F2F5;
  float: left;
  position: relative;
}
.packag-add-btn::after{
  content: '';
    width: 0.56rem;
    height: 0.97rem;
    background: url(../images/mine/add_web.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.none-after::after{
 display: none;
}
.pay_opacity {
  opacity: 0.5;
}
.color666{
	color: #666666;
}
.pdt30{
	padding-top: 0.3rem;
}
.addamount{
	display: inline-block;
	width: 1.6rem;
	height: 0.56rem;
	line-height: 0.56rem;
	text-align: center;
	background: #ff7800;
	font-size: 0.28rem;
	color: #FFFFFF;
	border-radius: 20px;
	float: right;
}
.zhuijia{
	width: 2.9rem;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	margin-right: 0.1rem;
}
.text-left{
	text-align: left !important;
}
.pdl20{
	padding-left: 0.2rem;
}

/* 流量交换 */
.add_btn{width: 100%;height:0.9rem;position: fixed;bottom:0;left:0;background: #0BABFE;color:#fff;text-align: center;line-height: 0.9rem;}
.show_detail{
  padding: 0.08rem 0.2rem;
  border: 0.5px solid #0BABFE;
  color: #0BABFE;
  border-radius: 0.06rem;
  background-color: #fff;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%)
}
.right-con02{
  padding-top: 0.1rem;
}
/* 广告详情页 */
.adv_list{
  margin-top: 0.15rem;
}
.adv_list li{
  border-top: 0.5px solid #e5e5e5;
  padding: 0.2rem 0;
}
.adv_list li:last-child{
  border-bottom: 0.5px solid #e5e5e5;
}
.adv_list p{
  line-height: 2
}
.adv_list .label{
  padding: 0.05rem 0.1rem;
  border-radius: 0.04rem;
  font-size: 0.24rem;
  color: #fff;
}
.adv_list .text-label{
  background: #4cbfff;
}
.adv_list  .pic-label{
  background: #7fb5ff;
}
.wname02{
  display: inline-block !important;
  max-width: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}