@media screen and (device-width:375px) and (max-height:812px) and (-webkit-device-pixel-ratio: 3) {
    /*.know-btn{
        bottom: 0.72rem !important;
    }
    .footer-vote{
        padding-bottom: 0.72rem;
    }
    .footer-know, .detail-bottom{
        height: 1.75rem !important;
        background-color: #fff;
    }
    .rules-content{
        height: 9rem !important;
    }
    .modal-register{
        padding-bottom: 4rem;
    }
    .ipcollect-top{
        height:6.14rem;
        width: 100%;
        background-color: #fff;
        background-image: url("../../../static/image/ipcollect/title1.png") !important;
        background-repeat:no-repeat;
        background-position: center top;
        background-size: 100%;
    }*/
}
.header-box .title{
    font-family:PingFangSC-Regular;
}
body{
    background-color:#fff ;
}
.no-height{
    height: 0 !important;
}
.header-box .collect-share{
    top: 1rem;
    right: 0.32rem;
    padding: 0 0.3rem;
}
.header-box .collect-return{
    top: 1rem;
    left: 0.32rem;
}
.header-box .kefu-btn .iconfont{
    font-size: 0.36rem;
    color: #213543;
}
.header-box .back-btn .iconfont{
    font-size: 0.42rem;
    color: #242424;
}
.btnDisable{
    background-color:#EEEEEE;
}
.ipcollect-top{
    height:6.14rem;
    width: 100%;
    background-color: #fff;
    background-image: url("../../../static/image/ipcollect/title2.png");
    background-repeat:no-repeat;
    background-position: center top;
    background-size: 100%;
}

.title-content{
    margin-top: 0.8rem;
}
.ipcollect-title{
    font-size: 0.56rem;
    font-weight:600;
    color: #213543;
    /*line-height:0.8rem;*/
    letter-spacing:4px;
    font-family:PingFangSC-Semibold;

}
.ipcollect-content{
    margin-top: 0.6rem;
    padding: 0 0.48rem;
    margin-bottom: 0.7rem;
}
.ipcollect-txt{
    font-weight:300;
    color:#AAAAAA;
    line-height:0.5rem;
    letter-spacing:4px;
    font-size: 0.26rem;
    text-align: center;
    font-family:PingFangSC-Light;
}
.ipcollect-rules{
    font-size:0.28rem;
    font-weight:500;
    color:#213543;
}
.ipcollect-rules span{
    font-family:PingFangSC-Medium;
}
.ipcollect-rules i{
    margin-left: 0.05rem;
    font-size: 0.24rem;
    color: #4A4A4A;
}
.available-voucher{
    /*margin-top: 0.58rem;*/
}
.available-voucher .txt{
    font-size: 0.28rem;
    line-height:0.7rem;
    color: #213543;
    font-weight: 400;
    font-family:PingFangSC-Regular;
}
.available-voucher img{
    width: 0.48rem;
    border-radius:0.04rem;
    margin: 0 0.2rem;
}
.available-voucher .num{
    font-size: 0.36rem;
    font-weight:500;
    color: #213543;
    line-height: 0.7rem;
}
.available-all-num{
    font-size: 0.22rem;
    color: #AAAAAA;
    font-weight:300;
    font-family:PingFangSC-Light;
}
.more-voucher{
    height:0.4rem;
    line-height: 0.4rem;
    border-radius:0.08rem;
    border:0.02rem solid #213543;
    font-weight:400;
    color: #213543;
    font-size: 0.28rem;
    padding: 0.08rem 0.24rem;
}
.voucher-box{
    /*margin-top: 0.4rem;*/
}
.voucher-box li{
    width: 45%;
    float: left;
    margin-top: 1rem;
}
.voucher-box li:nth-child(odd){
    margin-right: 10%;
}
.voucher-box li:nth-child(1){
    margin-top: 0.4rem;
}
.voucher-box li:nth-child(2){
    margin-top: 0.4rem;
}

.voucher-box .voucher-img{
    height:3.4rem;
    border-radius:0.1rem;
}
.voucher-box .voucher-img img{
    width: 100%;
    height:3.4rem;
    border-radius: 0.1rem;
}
.voucher-box .voucher-box-txt{
    margin-top: 0.2rem;
    font-size: 0.32rem;
    color: #213543;
    line-height: 0.7rem;
    font-weight: 400;
    border-bottom:0.02rem solid #EFF2F5;
}
.voucher-box .voucher-box-txt .text{
    width: 1.68rem;
    text-align: right;
    font-size: 0.28rem;
    font-family:PingFangSC-Regular;
}
.voucher-box .voucher-box-txt span{
    font-family:PingFangSC-Regular;
}
.voucher-box-txt em{
    font-size:0.32rem;
    color:#213543;
    font-family:arial;
    font-weight: bold;
    font-family:PingFangSC-Regular;

}
.ticket-all{
    font-size: 0.28rem;
    color: #213543;
    font-weight: 400;
    line-height: 0.7rem;
    font-family:PingFangSC-Regular;
}
.ticket-all .ticket{
    margin-right: 0.3rem;
    font-family:PingFangSC-Regular;
}
.ticket-all span{
    font-family:PingFangSC-Regular;
}
.vote{
    height: 0.6rem;
    line-height: 0.6rem;
    color: #213543;
    position: relative;
    font-size: 0.32rem;
    font-weight:400;
    text-align: center;
    border:0.02rem solid #213543;
    border-radius: 0.08rem;
}
.vote span{
    font-family:PingFangSC-Regular;
}
.vote .add-num{
    opacity: 1;
    position: absolute;
    top: 0;
    display: none;
    margin-left: 0.1rem;
    z-index: 9999;
    font-size: 0.3rem;
    color: rgb(255, 144, 44);
}

/*规则蒙层*/
.modal-rules-box{
    background-color: #fff;
    position: absolute;
    width: 100%;
    left:0;
    right:0;
    bottom: 0;
    z-index:100;
}
.rules-title{
    position: relative;
    text-align: center;
    margin-top: 0.3rem;
}
.rules-title span{
    height: 0.48rem;
    line-height: 0.48rem;
    font-size:0.34rem ;
    color: #030303;
    font-weight:400;
}
.rules-title i{
    position: absolute;
    top: 0.1rem;
    right: 0.4rem;
    width: 0.34rem;
    height: 0.34rem;
    color: #C8C8C8;
}
.rules-content{
    margin-top: 0.5rem;
    padding: 0 0.4rem;
}
.rules-lists{
    border-bottom:0.01rem solid #C8C8C8;
    padding-bottom: 0.46rem;
}
.rules-content .sub-title{
    font-size: 0.32rem;
    color: #4A4A4A;
    line-height: 0.3rem;
    font-weight:400;
}
.sub-title-top{
    margin-top:0.52rem ;
}
.rules-content .rules-txt{
    font-size: 0.28rem;
    color: #4A4A4A;
    line-height:1.5;
    font-weight:300;
    margin-top: 0.28rem;
 }

.modal-alert-ercord{
    width: 90%;
    margin: 0 5%;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #fff;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    border-radius: 0.1rem;
    padding-bottom: 0.6rem;
}
.clone-er-cord{
    height: 0.8rem;
    line-height: 0.8rem;
    position: relative;
}
.clone-er-cord i{
    position: absolute;
    top:0.4rem;
    right:0.4rem;
    font-size: 0.28rem;
    color: #C8C8C8;
}
.er-cord-mg{
    width: 4.26rem;
    height: 4.24rem;
    text-align: center;
    margin: 0.64rem auto 0.38rem;
    /*background-color: gray;*/
}
.er-cord-mg img{
    width: 4.26rem;
    height: 4.24rem;
    pointer-events: auto;
}
.cord-txt{
    text-align: center;
    margin: 0 auto;
    font-size: 0.36rem;
    color: #3E3D3D;
}
.cord-txt p{
    font-weight:400;
}
/*注册弹出层*/
.modal-register{
    background-color: #fff;
    width: 100%;
    position: fixed;
    left:0;
    bottom: 0;
    padding-bottom: 2rem;
}
.register-title{
    position: relative;
    text-align: center;
    margin-top: 0.3rem;
}
.register-title span{
    height: 0.48rem;
    line-height: 0.48rem;
    font-size:0.34rem ;
    color: #030303;
    font-weight:400;
}
.register-title i{
    position: absolute;
    top: 0.1rem;
    right: 0.4rem;
    width: 0.34rem;
    height: 0.34rem;
    color: #C8C8C8;
}
.receive-voucher{
    text-align: center;
    margin: 0 auto;
}
.receive-voucher .receive-img{
    width: 1.18rem;
    height: 1.1rem;
    margin-top: 1rem;
    /*border: 0.02rem dashed #C8C8C8;*/
}
.receive-voucher .receive-img img{
    width: 100%;
}
.receive-txt{
    margin-top: 0.24rem;
    font-size: 0.32rem;
    color: #030303;
    font-weight:400;
}
.receive-txt .txt{
    margin-bottom: 0.1rem;
    font-size: 0.32rem;
    color: #030303;
    font-weight: 400;
}
.receive-txt div{
    font-family:PingFangSC-Regular;
    font-size: 0.32rem;
    color: #030303;
    font-weight: 400;
}
.get-cord{
    padding: 0 0.7rem;
    margin-top: 0.76rem;
}
.get-cord .item{
    height: 0.96rem;
    position: relative;
}
.get-cord .item .line{
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width:100%;
    height: 1px;
    background: rgba(200, 200, 200, 0.6);
}
.get-cord .item .label{
    display: inline-block;
    color: #4A4A4A;
    line-height: 0.96rem;
    font-size: 0.3rem;
    white-space: nowrap;
}
.get-cord .item input{
    border: none;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 0.3rem;
    border-radius: 0;
    text-indent: 0.6rem;
    color: #4A4A4A;
}
.flex-one{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.get-cord .item.code input{
    border: 0;
    text-indent: 0.3rem;
    width: 3rem;
    position: absolute;
    left: 0.9rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.get-cord .ver-code{
    position: absolute;
    top: 0.18rem;
    right: 0;
    display: inline-block;
    width: 1.6rem;
    height: 0.56rem;
    line-height: 0.56rem;
    border: 0.02rem solid #c8c8c8;
    border-radius: 0.08rem;
    font-size: 0.26rem;
    text-align: center;
    color: #c8c8c8;
}
.get-cord .ver-code.focus {
    border-color: #9B9B9B;
    color: #9B9B9B;
}

.get-cord .ver-code.disable {
    background: #F2F2F2;
    border-color: #F2F2F2;
    color: #6B6B6B;
}





.phone-num{
    height: 0.3rem;
    height: 0.7rem;
    font-size:0.32rem ;
    color: #AAAAAA;
    font-weight:400;
    padding-bottom: 0.26rem;
    border-bottom: 0.01rem solid #D8D8D8;
    margin-bottom: 0.2rem;
}
.phone-num .txt{
    min-width: 1rem;
    font-size:0.32rem ;
    color: #AAAAAA;
    font-weight:400;
}
.phone-num input{
    line-height: 0.7rem;
    font-size: 0.32rem;
    color: #030303;
    border: none;
    width: 90%;
    padding: 0 8% 0 2%;
}
.cord-btn{
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    color: #6B6B6B;
    font-size: 0.26rem;
    font-weight: 400;
    padding: 0.05rem 0.2rem;
    border: 0.02rem solid #6B6B6B;
    border-radius:0.08rem;
}
.instantly-receive{
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius:0.08rem;
    border:0.04rem solid #213543;
    text-align: center;
    margin-top: 1rem;
}

.wechat-box .txt{
    font-size: 0.24rem;
    color: #213543;
    font-weight:400;
    letter-spacing:2px;
}
.wechat-box span{
    font-size: 0.24rem;
    color: #213543;
    font-weight:400;
    letter-spacing:2px;
    margin-right: 0.12rem;
}
.wechat-box i{
    color: #213543;
    font-size: 0.24rem;
}

/*详情页面*/
.ipcollect-detail{
    width: 100%;
    height:4.76rem;
}
.ipcollect-detail img{
    width: 100%;
    height: 4.76rem;
}
.detail-content{
    padding: 0.24rem 0.4rem;
}
.detail-content .detail-num{
    font-size:0.4rem;
    font-weight:300;
    color:#213543;
    line-height: 0.7rem;
    font-family:PingFangSC-Light;
}
.detail-content .detail-num .num{
    font-size:0.4rem;
    color:#213543;
    font-family:arial;
    font-weight: bold;
    font-family:PingFangSC-Light;

}
.detail-content .top-title .title{
    font-size:0.36rem;
    font-weight:500;
    color:#213543;
    font-family:PingFangSC-Light;
}
.detail-content .top-title .end-title{
    margin-top: 0.4rem;
}
.detail-content .top-title .author{
    font-size:0.24rem;
    font-weight:400;
    color:#213543;
    font-family:PingFangSC-Light;
}
.detail-txt p{
    margin-bottom: 0.4rem;
    margin-top: 0.3rem;
    font-size:0.24rem;
    font-weight:400;
    color:#213543;
    line-height:1.5;
    /*letter-spacing:2px;*/
    word-break: break-all;
    font-family:PingFangSC-Light;
}
.detail-img{
    width: 100%;
    /*margin:0.4rem 0;*/
}
.detail-bottom{
    height: 0.96rem;
}
.footer-vote{
    height: 0.96rem;
    line-height: 0.96rem;
    font-size: 0.36rem;
    color: #213543;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}
.vote-nums{
    padding-left: 0.48rem;
    border-top: 0.01rem solid #E5E5E5;
    border-bottom: 0.01rem solid #E5E5E5;
}
.vote-nums span{
    font-family:PingFangSC-Regular;
}
.add-vote{
    background-color:#213543 ;
    color: #fff;
    font-size:0.34rem;
    font-weight:600;
    text-align: center;
    position: relative;
    border-top: 0.01rem solid #213543;
    border-bottom: 0.01rem solid #213543;
}
.add-vote .add{
    font-size:0.3rem;
    color: #fff;
    position: absolute;
    top: 0;
    display: none;
    z-index: 9999;
    opacity: 1;
    margin-left: 0.05rem;
}
.rules-box {
    margin: 0.72rem 0.4rem 0 0.4rem;
}

.rules-box .rules-title {
    padding-top: 0.74rem;
    padding-bottom: 0.5rem;
    font-size: 0.2rem;
    color: #9B9B9B;
}

.rules-box .rules-scroll {
    height: 6.4rem;
    margin-bottom: 0;
}

.rules-scroll{
    margin-bottom: 0.5rem;
}