﻿#container{    
    overflow: hidden;
    position: relative;
    height: 100%;
}
.contentBOx{
    padding: .24rem;
    position: absolute;
    overflow-y: auto;
    height: 100%;    
}
.page-title{
    width:100%;
    font-size: .45rem;
    color: #333;
    line-height: .66rem;
    font-weight:bold;
    
}
.sec-title{
    font-size: .28rem;
    color: #a8a8a8;
    line-height: .64rem;
    margin:.20rem 0 .20rem 0;
}
.sec-title i,.sec-title a{
    color: #4e66a9;
}
.footer{
    /*position: absolute;*/
    position:fixed;
    left: 0;
    right:0;
    bottom:0;
    height:.88rem;
}
.footer div{
    width: 50%;
    height: 100%;
    font-size: .3rem;
    color: #333;
    line-height: .88rem;
    background: #fff;
    text-align: center;
}
.footer .fr{
    background: #d14d4d;
    color: #fff;
}
.footer .ff{
    float:left;
    width: 100%;
    height: 100%;
    font-size: .3rem;
    color: #333;
    line-height: .88rem;
    background: #fff;
    text-align: center;
}
.baoming .data{
    font-size:.28rem;
    color: #a8a8a8;
    line-height: 1rem;
}
.baoming .top{
    font-size:.28rem;
    color: #666;
    line-height: 1rem;
}
.mList{}
.mList .item{
    line-height: .64rem;
    margin: .15rem;
}
.mList .item .icon{
    width: .64rem;
    height: .64rem;
    overflow: hidden;
}
.mList .item .nick{
    font-size:.3rem;
    color: #333;
    margin-left: .12rem
}
.mList .item .Remarks{
    font-size:.24rem;
    color: #666;
}
.ql-video {
  display: block;
  max-width: 100%;
}
.ql-align-center {
  margin: 0 auto;
}
.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-bg-black {
  background-color: #000;
}
.ql-bg-red {
  background-color: #e60000;
}
.ql-bg-orange {
  background-color: #f90;
}
.ql-bg-yellow {
  background-color: #ff0;
}
.ql-bg-green {
  background-color: #008a00;
}
.ql-bg-blue {
  background-color: #06c;
}
.ql-bg-purple {
  background-color: #93f;
}
.ql-color-white {
  color: #fff;
}
.ql-color-red {
  color: #e60000;
}
.ql-color-orange {
  color: #f90;
}
.ql-color-yellow {
  color: #ff0;
}
.ql-color-green {
  color: #008a00;
}
.ql-color-blue {
  color: #06c;
}
.ql-color-purple {
  color: #93f;
}
.ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-size-small {
  font-size: 0.28rem;
}
.ql-size-large {
  font-size: 0.42rem;
}
.ql-size-huge {
  font-size: 0.6rem;
}
.ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-align-center {
  text-align: center;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-right {
  text-align: right;
}
/*start code*/
.sign-modal{position:absolute; z-index:9;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);}
.sign-form{position:absolute;width:6rem;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;margin:auto; margin-top:30%; padding:.3rem .2rem .5rem;left:0;right:0;}
.close-btn{position:absolute;top:-1.1rem;left:0;width:100%;text-align:center;}
.close-btn i{font-size:.8rem;color:#fff;}
.pay-title{font-size:.28rem;color:#999;text-align:center;}
.money{font-size:.48rem;color:#d24d4e;text-align:center}
.money span{font-size:.6rem;margin-top:.4rem;}
.input-group{margin-top:.4rem;display:flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;
border-radius:5px;-webkit-border-radius:5px;background-color:#f0f0f0;height:.8rem;line-height:.8rem;
padding:0 .3rem;
}
.input-group label{font-size:.28rem;color:#999;margin-right:.3rem; }
.input-group input{border:none;background-color:transparent;font-size:.28rem;color:#333;width:70%;}
.sub-btn{border-radius:5px;-webkit-border-radius:5px;background-color:#d14D4D;
height:.8rem;line-height:.8rem;text-align:center;font-size:.3rem;color:#fff;margin-top:.4rem;}
.inter-center{text-align:center;padding:.1rem 0 .6rem;font-size:.32rem;color:#333;}
.login-input{position:relative;width:6.68rem;height:.88rem;line-height:.88rem;margin:0 auto .34rem;border-radius:50px;-webkit-border-radius:50px;
display:flex;display:-webkit-flex;padding:0 .3rem;border:1px solid #E5E5E5;}
.login-input input{width:90%;height:.8rem;padding:0 .2rem;margin-left:.2rem;font-size:.30rem;color:#999;}
.login-input:before{position:absolute;content:'';width:1px;height:.4rem;background-color:#ccc;top: 50%;left:50px;transform: translateY(-50%);}
.login-pwd:after{position:absolute;content:'';width:1px;height:.4rem;background-color:#ccc;top: 50%;transform: translateY(-50%);right:125px;}
.login-pwd input{width:60%;}
.login-pwd span{font-size:.30rem;color:#d24d4e;}
.login-btn{width:6.68rem;height:.88rem;margin:auto;line-height:.88rem;border-radius:50px;-webkit-border-radius:50px;background-color:#d24d4e;
text-align:center;font-size:.34rem;color:#fff;letter-spacing: 2px;
box-shadow:0 10px 20px #F5DEDE;
-webkit-box-shadow:0 10px 20px #F5DEDE;}
.qw-tip{margin-top:.7rem;text-align:center;font-size:.26rem;color:#999;}
.sign-zone{background-color:#F2F2F2;overflow-y:auto;height:100%;width:100%;-webkit-overflow-scrolling:touch;    /* 用于 ios5+ */  }
.qw-comment{background-color:#fff;padding:.3rem .35rem .52rem;}
.qw-comment p{font-size:.26rem; color:#333}
.content, .content p{font-size:.33rem; line-height:.60rem;letter-spacing:.01rem;}

.pintuanheada{ height:1.4rem; line-height:1.4rem; font-size:0.45rem; color:#000; text-align:center; margin-bottom:0.1rem; border-bottom:1px solid #a8a8a8}
.pintuanheada span{background-color:#fff; color:#d14d4d; font-size:0.6rem;}
.pintuanhead{ height:1.4rem; line-height:1.4rem; color:#000; text-align:center; }
.pintuanhead span{ background-color:#333; color:#fff; font-weight:bold; height:0.5rem;}
.pintuan { text-align:center; }
.pintuanpic {margin:0 auto;}
.pintuanpic img{width:1rem; height:1rem; display:inline-block; margin:0.2rem 0.1rem 0 0.1rem;overflow:hidden;border-radius:50%;-webkit-border-radius:50%; }

.share-ts{margin: .66rem 0 .76rem;text-align:center;}
.share-ts span{display:inline-block;margin: 0  0.75rem;font-size:.28rem;color:#4e66a9;}
.share-ts i{color:#4e66a9;font-size:.24rem;}
.read-like,.sign-title,.sign-item li,.comments-item li,.name-like,.user-list li,.money-info
{display:flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between}
.read-like span{font-size:.3rem;color:#a8a8a8;}
.read-like .like,.sign-title span em{font-size:.30rem;color:#576b95;}
.read-like .like i{font-size:.32rem;color:#576b95;}
.sign-block{padding:.6rem .35rem;}
.sign-title span{font-size:.30rem;color:#666;}
.sign-item{padding:.6rem 0;}
.sign-item li{margin-bottom:.3rem;}
.sign-item li span{font-size:.24rem;color:#333;margin-right:.3rem;margin-top:.2rem;}
.sign-item li .sign-tx{font-size:.3rem;color:#333;}
.sign-item li .sign-tx img{width:.64rem;height:.64rem;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:5px;margin-right:.3rem;}
.load-more{font-size:.3rem;color:#999;text-align:center;}
.comments{padding:0 .35rem;}
.comments ul{padding:.3rem 0;}
.comments-item{padding:.5rem 0;}
.comments-item li{margin-bottom:.4rem;}
.comments-item li .com-tx{width:.64rem;height:.64rem;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;margin-right:.15rem;}
.comments-item li .com-tx img{width:100%;height:100%;}
.com-block{width:90%;}
.name-like{padding-right:.3rem; padding-bottom:.1rem;}
.name-like span{font-size:.28rem;color:#666;}
.name-like .zan,.name-like i{color:#576b95;}
.name-like i{font-size:.32rem;}
.comment-info{font-size:.30rem;color:#333;}
.comment-title{padding:.8rem 0 .2rem;}
.active-block{background-color:#EBEBEB;height:100%;width:100%;position:absolute; overflow-y:auto;-webkit-overflow-scrolling:touch;    /* 用于 ios5+ */  }
.active-list{width:7.02rem;margin:auto;padding:.4rem 0;}
.active-list li{margin-bottom:.5rem;}
.atv-time{width:3.04rem;height:.45rem;line-height:.45rem;margin:auto;text-align:center;background-color:#cecece;
border-radius:5px;-webkit-border-radius:5px;font-size:.24rem;color:#fff;}
.atv-content{background-color:#fff;border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;overflow:hidden;position:relative;margin-top:.24rem;padding-bottom:.4rem;}
.going{position:absolute;right:.1rem;top:.1rem;width:1.35rem;height:.4rem;line-height:.4rem;text-align:center;border-radius:3px;-border-radius:3px;font-size:.22rem;color:#fff;background-color:#d14d4d;}
.going-over{background-color:#666;}
/* .atv-img{width:100%;height:2.29rem;} */
.atv-img{width:100%;height:100%;max-height: 3rem;overflow: hidden;}
.overflow{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.atv-content h3{font-size:.32rem; line-height:.55rem; color:#333;padding:.25rem .48rem .1rem;-webkit-line-clamp: 1;}
.atv-content p{font-size:.24rem;color:#999;padding:0 .48rem;-webkit-line-clamp: 2; }
.footer-btn{position:fixed;left:0;bottom:0;width:100%;height:.9rem;background-color:#FAFAFA;border-top:1px solid #EBEBEB}
.footer-btn span{width:1%;display:table-cell;height:.9rem;vertical-align:middle;text-align:center;font-size:.3rem;color:#333;border-right:1px solid #EBEBEB;}
.footer-btn span:last-child{border:none;}
.wrapper{position:absolute;overflow-y:auto;width:100%;height:100%;}
.around{display:flex;display:-webkit-flex;justify-content: space-around;-webkit-justify-content:space-around}
.tab-item{background-color:#fafafa;height:.84rem;line-height:.84rem;padding:0 .2rem;}
.tab-item i{color:#a8a8a8;font-size:.37rem;}
.tab-item ul{width:95%;}
.tab-item ul li,.user-type li{font-size:.28rem;color:#333;position:relative;text-align:center;padding:0 .1rem;}
.tab-item ul li.active,.user-type li.active{color:#d24d4e;}
.tab-item ul li.active:after,.user-type li.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#d24d4e;}
.sm-tab{background-color:#EBEBEB;padding:.24rem 0 .3rem;text-align:center;}
.sm-tab span{display:inline-block;width:1.8rem;height:.6rem;line-height:.6rem;text-align:center;font-size:.28rem;color:#fff;background-color:#A3A3A3;}
.sm-tab span+span{margin-left:.4rem;}
.sm-tab span.active{background-color:#D14D4D;}
.tab-content{background-color:#FAFAFA;overflow-y:auto;height:100%;padding:0 .3rem;-webkit-overflow-scrolling:touch;    /* 用于 ios5+ */  }
.tab-content table{width:100%;border:none;border-spacing:0;}
.tab-content table tr td{text-align:left;padding:.2rem 0 0 .1rem;}
.tab-content table thead tr td{font-size:.28rem;color:#666;padding-top:.4rem;}
.tab-content table tbody tr td{border-bottom:1px solid #e6e6e6;}
.tx-block{width:.64rem;height:.64rem;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;}
.tx-block img{width:100%;height:100%;}
.atv-name{font-size:.28rem;color:#333; width:1.1rem; height:.50rem; line-height:.50rem; overflow:hidden;}
.atv-con{font-size:.24rem;color:#666;}
.atv-date{font-size:.22rem;color:#666;}
.look{display:inline-block;width:.96rem;height:.36rem;line-height:.36rem;text-align:center;background-color:#d14d4d;font-size:.22rem;color:#fff;
border-radius:7px;-webkit-border-radius:7px;
}
.page-rank{background-color:#ebebeb;padding-bottom:1rem;}
.page-tab span{width:1.4rem;height:.6rem;}
.rank-icon{width:.43rem;height:.53rem;}
.rank-icon img{width:100%;height:100%;}
.page-tx{width:.7rem;height:.7rem;}
.page-table{background-color:transparent;}
.page-table table tbody tr td{border:none;}
.rank-num{font-size:.24rem;color:#333; }
.look-detail{width:1.12rem;height:.4rem;line-height:.4rem;}
.first-level{position:relative;text-align:center; padding-top:0.5rem; margin-bottom:-0.5rem;}
.first-level > div{border-radius:50%;-webkit-border-radius:50%;width:1.2rem;height:1.2rem;overflow:hidden;margin:auto;}
.first-level span{position:relative;top:-.9rem;left:1.5rem;font-size:.3rem;color:#333;}
.second-level{padding-top:0.2rem;}
.second-level > div{width:1.4rem;height:1.4rem;}
.second-level span{color:#e84949;}
.check-item{ width:100%;/* overflow-x:auto; *//* display:flex; *//* display:-webkit-flex; *//* justify-content:flex-start; *//* -webkit-justify-content:flex-start; */padding:0 .25rem;/* float: left; */}
.check-item li{width:1rem;text-align:center;float: left;margin: .12rem .18rem;}
.check-item li+li{/* margin-left: 0.45rem; */}
.check-item li > div{width:1rem;height:1rem;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;margin-bottom:.1rem;}
.check-item li > div img{width:100%;height:100%;}
.check-item li span{font-size:.22rem;color:#333;}
.header-name{font-size:.28rem;color:#333;}
.user-pic{width:1.52rem;height:1.52rem;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;margin:auto;}
.user-pic img{width:100%;height:100%;}
.user-pad{padding:.32rem 0}
.user-name{font-size:.28rem;color:#333;text-align:center;padding:.24rem 0;}
.user-left{justify-content:flex-start;-webkit-justify-content:flex-start;display:flex;display:-webkit-flex;}
.user-left ul{width:auto;margin-left:.4rem;}
.user-type{background-color:#fff;height:.88rem;line-height:.88rem;margin-bottom:.24rem;}
.edit-content{margin:0 .05rem .1rem;background:#fff;padding:.2rem .15rem;}
.edit-content label,.text-input textarea{font-size:.30rem;color:#666;}
.text-input{width:1000%;margin-left:.2rem;}
.text-input textarea{width:100%;}

.ptswitch{ margin-top:0.22rem; width:2rem;height:.37rem;line-height:.37rem;position:relative;background-color:#ccc;border-radius:5px;-webkit-border-radius:5px;overflow:hidden;}
.ptswitch span{position:absolute;right:0;top:0;width:1rem;height:.37rem;text-align:center;font-size:.22rem;color:#fff;border-radius:5px;-webkit-border-radius:5px;background-color:#5E749D;}
.ptswitch .ptkai{position:absolute;right:none;left:0;background-color:#008a00;}

.switch{margin-left:.2rem;width:.9rem;height:.37rem;line-height:.37rem;position:relative;background-color:#EDEDED;border-radius:5px;-webkit-border-radius:5px;overflow:hidden;}
.switch span{position:absolute;right:0;top:0;width:.37rem;height:.37rem;text-align:center;font-size:.22rem;color:#fff;border-radius:5px;-webkit-border-radius:5px;background-color:#5E749D;}
.switch .kai{position:absolute;right:none;left:0;background-color:#ff5354;}
.save-data{width:6.88rem;text-align:center;height:.78rem;line-height:.78rem;background-color:#d14d4d;font-size:.28rem;color:#fff;margin:.5rem auto;}
.page-bgff{background-color:#fff;}
.behavior-list{padding:0 .1rem .3rem;}
.behavior-list li{background-color:#fff;padding:.35rem .15rem;margin-bottom:.38rem;}
.behavior-list p{font-size:.24rem;color:#666;text-align:center;}
.behavior-list h3{background-color:#F7F7F7;padding:.35rem;font-size:.28rem;color:#333;margin:.25rem 0 .35rem;}
.behavior-list table{width:100%;}
.behavior-list table td{text-align:center;}
.behavior-list table thead td{font-size:.24rem;color:#888;}
.behavior-list table tbody td{font-size:.24rem;color:#666;}
.behavior-list table tbody td span{color:#d24d4d; font-size:.30rem;}
.page-info{padding-right:1.5rem;}
.page-info i{width:15%;}
.page-info ul{width:90%;}
.user-list{background-color:#fff;padding:0 .3rem;border-top:18px solid #ebebeb}
.user-list li{border-bottom:1px solid #e6e6e6;height:1rem;line-height:1rem; }
.user-list li span{font-size:.3rem;color:#666;}
.user-tx img{width:.88rem;height:.88rem;display:inline-block;overflow:hidden;border-radius:50%;-webkit-border-radius:50%; }
.user-tx em,.name-style em{border-top:1px solid #b0b0b0;border-right:1px solid #b0b0b0;width:.25rem;height:.25rem;display:inline-block;
vertical-align: middle;margin-top:-.6rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.user-list li:last-child{border-bottom:none;}
.user-list li .name-style{font-size:.28rem;color:#333;}
.order-info{border-top:12px solid #ebebeb;}
.order-info li:first-child{font-size:.32rem;color:#333;}
.order-info li:last-child{border-bottom:none;}
.name-style em{margin-top:-.05rem;}
.cancle-btn{position:absolute;bottom:0;left:0;width:100%;background-color:#fff;height:1.15rem;line-height:1.15rem;text-align:center;font-size:.3rem;color:#333;}
.money-info{background-color:#ebebeb;padding:.35rem .2rem .15rem;}
.money-info span{font-size:.2rem;color:#666;margin-right:.6rem;}
.fx{font-size:.28rem;color:#333;}
.fx-time{font-size:.18rem;color:#999;}
.nicheng{margin-top:.05rem;background-color:#fff;padding:.2rem;}
.nicheng label{font-size:.3rem;color:#666;margin-right:.45rem;}
.nicheng input{width:60%;font-size:.28rem;color:#333;}
.nicheng i{font-size:.35rem;color:#dbdbdb;}
.confirm-btn{width:6.68rem;height:.78rem;line-height:.78rem;text-align:center;background-color:#d14d4d;margin:.36rem auto 0;font-size:.28rem;color:#fff;}