.index-box{
    width: 3.75rem;
    /* height: 10rem; */
    margin: 0 auto;
    background:#fff;
}
.step-box{
    width: 100%;
    padding: 0.29rem 0.36rem 0.21rem 0.36rem;
    height: 1.06rem;
    background: #FFFFFF;
    position: relative;
}
.step-box .step-left-line{
    width: 1.12rem;
    height: 0.01rem;
    background: #D3D3D3;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0.02rem;
    margin-left: 0.07rem;
}
.step-box .step-right-line{
    width: 1.12rem;
    height: 0.01rem;
    background: #D3D3D3;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: 0.02rem;
    margin-right: 0.07rem;
}
.step-box .step-item{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
.step-box .step-item .step-tag{
    width:0.48rem;
    height: 0.16rem;

}
.step-box .step-item .step-radio{
    width:0.14rem;
    height: 0.14rem;
    margin: 0.05rem 0rem;
}
.step-box .step-item .step-text{
    font-size: 0.13rem;
    font-weight: 400;
    color: #333333;
}
.product-box{
    width:100%;
}
.product-box .product-img{
    width:100%;
    height: 2.4rem;
    position: relative;
}
.product-box .product-img>img{
    width:100%;
    height: 2.4rem;
}
.product-box .product-img>p{
    width: 2.2rem;
    position: absolute;
    top: 0.8rem;
    left: 50%;
    margin-left: -1.1rem;
    text-align: center;
    /* background: red; */
    /* font-size: 0.18rem; */
    font-weight: bold;
    color: #333;
}

.product-info{
    width: 100%;
    padding: 0.25rem 0.2rem 0.18rem;
}
.product-info .product-group{
    width: 3.34rem;
    height: 0.71rem;
    /* background: red; */
    display:flex; 
    /* flex-diretion:row; */
    justify-content: space-between;
    align-items:center;
    margin-bottom: 0.51rem;
}
.product-info .product-group .product-item{
    width: 1.62rem;
    height: 0.71rem;
    background: #FFF;
    border-radius: 0.04rem;
    border: 0.01rem solid #F2D3C6;
    position: relative;
    top:0px;
    left:0px;
    opacity: 0.6;

}
.product-info .product-group .product-item>h4{
    width: 1.19rem;
    height: 0.23rem;
    background: url(../img/product-name-bg.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    top:-0.01rem;
    left:-0.01rem;
    font-size: 0.12rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.23rem;
    text-align: center;
}
.product-info .product-group .product-item>p{
    width: 1.62rem;
    height: 0.31rem;
    /* background:#09c; */
    text-align: center;
    position: absolute;
    top:0.25rem;
    left:0rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: baseline;

}
.product-info .product-group .product-item>p>i{
    font-size: 0.17rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #333333;
    margin-right:0.02rem;
}
.product-info .product-group .product-item>p>span{
    font-size: 0.27rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #F05C1E;
}
.product-info .product-group>div.product-item-avctive{
    opacity: 1;
    border: 0.01rem solid #F05C1E;
}
.product-info .product-type{
    width: 3.34rem;
    /* height: 0.31rem; */
    /* background: red; */
}
.product-info .product-type .product-type-item{
    width: 3.34rem;
    /* height: 0.31rem; */
    /* background: #09c; */
    margin-bottom:0.21rem;
}
.product-info .product-type .product-type-item>p{
    font-size: 0.14rem;
    font-weight: 400;
    color: #333333;
}
.product-info .product-type .product-type-item .product-type-item-price{

}
.product-info .product-type .product-type-item .product-type-item-price>span{
    font-size: 0.17rem;
    font-family: ArialMT;
    color: #666666;
    margin-right: 0.07rem;
}
.product-info .product-type .product-type-item .product-type-item-price>img{
    width: 0.18rem;
    height: 0.18rem;
}
.product-total{
    width: 100%;
    padding: 0.15rem 0rem 0.19rem;
    border-top: 0.01rem solid #EEEEEE;
}
.product-total .product-total-name{
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
}
.product-total .product-total-price{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: baseline;
}
.product-total .product-total-price>i{
    font-size: 0.17rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #333333;
    margin-right:0.02rem;
}
.product-total .product-total-price>span{
    font-size: 0.27rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #F05C1E;
}
.product-illustrate{
    width: 100%;
    padding: 0.15rem 0rem 0.19rem;   
}
.product-illustrate .illustrate-title{
    position: relative;

}
.product-illustrate .illustrate-title>img{
    position: absolute;
    left:0px;
    bottom: 0px;
    
}
.product-illustrate .illustrate-title>p{
    font-size: 0.2rem;
    font-weight: 600;
    color: #333333;  
}
.product-illustrate>span{
    font-size: 0.14rem;
    font-weight: 400;
    color: #3097F6;
}
.qy-box{
    width: 100%;
    padding: 0.15rem 0rem 0.19rem; 
    display:flex;
    /* flex-diretion:row; */
    /* justify-content:center; */
    align-items:center;
}
.qy-box>div{
    width: 100%;
}
.qy-box>div>img{
    display: block;
    width: 0.44rem;
    height: 0.44rem;
    margin: 0 auto;

}
.qy-box>div>div{
    width: 100%;
    text-align: center;
    font-size: 0.14rem;
    font-weight: 500;
    color: #333333;
}
.qy-box>div>p{
    width: 100%;
    text-align: center;
    /* height: 0.28rem; */
    font-size: 0.12rem;
    font-weight: 400;
    color: #666666;
    /* line-height: 0.28rem; */
}
.agree{
    width: 100%;
    padding: 0.1rem 0;
    font-size: 0.12rem;
    font-weight: 400;
    color: #666666;
    display: flex;
    align-items: center;
}
.agree .check{
    width: 0.14rem;
    height: 0.14rem;
    margin-right: 0.1rem;
    position: relative;
}
.agree span {
    color: #3097F6;
}
.index-btn{
    width: 3.25rem;
    height: 0.53rem;
    line-height: 0.53rem;
    text-align: center;
    background: #F06D1E;
    border-radius: 0.1rem;
    font-size: 0.17rem;
    font-weight: 600;
    color: #FFFFFF;
    /* margin:  */
}

.address-box{
    display: none;
    width: 3.75rem;
    /* height: 10rem; */
    margin: 0 auto;
    background:#fff; 
    position: relative;  
}
.address-line{
    width: 100%;
    height: 0.1rem;
    background: #F7FAFF; 

}
.address-illustrate{
    width: 100%;
    padding: 0.15rem 0.2rem 0.19rem;   
}
.address-illustrate .illustrate-title{
    position: relative;

}
.address-illustrate .illustrate-title>img{
    position: absolute;
    left:0px;
    bottom: 0px;
    
}
.address-illustrate .illustrate-title>p{
    font-size: 0.2rem;
    font-weight: 600;
    color: #333333;  
}
.receive-box{
    width: 100%;
    padding:0.1rem 0.2rem;
}

.receive-box .input_box{
    width: 100%;
    margin: 0rem auto;
    padding: 0.15rem 0rem;
    border-bottom: 0.01rem solid #EEEEEE;
}
.receive-box .input_box>p {
    width: 0.7rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #666666;
    
}
.receive-box .input_box>input {
    /* 内部黑色阴影 */
    outline-style: none;
    border:0;
    padding: 0.05rem 0.1rem; 
    width: 2.6rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #333333;

}

.receive-box .input_box>textarea {
    /* 内部黑色阴影 */
    outline-style: none;
    border:0;
    padding: 0.05rem 0.1rem; 
    width: 2.6rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #333333;
}
.address-btn{
    width: 3.25rem;
    height: 0.53rem;
    background: #F06D1E;
    border-radius: 0.1rem;
    margin-left: -1.625rem; 
    position: fixed;
    left:50%;
    bottom: 0.3rem;

}
.address-btn>i{
    font-size: 0.17rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    margin-right:0.05rem;
}
.address-btn>span{
    font-size: 0.27rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #FFFFFF;
}

.pay-box{
    display: none;
    width: 3.75rem;
    /* height: 10rem; */
    margin: 0 auto;
    background:#fff; 
    position: relative;  
}
.pay-line{
    width: 100%;
    height: 0.1rem;
    background: #F7FAFF; 

}

.pay-type{
 width: 100%;
 padding:0.2rem;
}

.pay-type .pay-type-item{
    width: 100%;
    margin:0.15rem 0;
}

.pay-type .pay-type-item .pay-type-item-text{

}
.pay-type .pay-type-item .pay-type-item-text>img{
    width: 0.38rem;
    height: 0.38rem;
    margin-right: 0.07rem;
}
.pay-type .pay-type-item .pay-type-item-text>span{
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    
}
.product-info .product-type .product-type-item>img{
    width: 0.18rem;
    height: 0.18rem;
}

.pay-btn{
    width: 3.25rem;
    height: 0.53rem;
    background: #F06D1E;
    border-radius: 0.1rem;
    margin-left: -1.625rem; 
    position: fixed;
    left:50%;
    bottom: 0.3rem;

}
.pay-btn>i{
    font-size: 0.17rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    margin-right:0.05rem;
}
.pay-btn>span{
    font-size: 0.27rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #FFFFFF;
}
.status-box{
    display: none;
    width: 100%;
    background: #fff;
    text-align: center;

}
.status-box>img{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.52rem auto 0.2rem;

}
.status-box>p{
    display: block;
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;

}
.status-box>div{
    display: block;
    width: 1005;
    font-size: 0.2rem;
    font-weight: 600;
    color: #333333;
    margin: 0.2rem auto 0.15rem;

}

.zzc{
    display: none;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    top:0rem;
    left:0rem;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
}
.text-alert{
    display: none;
    width: 3.2rem;
    border-radius: 0.1rem;
    height: 6rem;
    background: #fff;
    position: absolute;
    top:50%;
    margin-top:-3rem;
    left:50%;
    margin-left:-1.6rem;

}
.alert-title{
    width: 100%;
    height: 0.4rem;
    border-bottom: 0.01rem solid #f2f2f2;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
    position: relative;
}
.alert-title>img{
    width:0.18rem;
    height: 0.18rem;
    position: absolute;
    top:0.1rem;
    right:0.1rem;

}
.alert_text_box{
    width: 100%;
    padding: 0rem 0.2rem;
    height: 5rem;
    margin: 0.2rem auto;
    overflow: auto;

}
.alert_text_box h4 {
    font-size: 0.14rem;
    color: rgb(180, 114, 0);
    font-weight: bold;
    padding-bottom: 8px;
}
.alert_text_box h5 {
    font-size: 0.12rem;
    color: rgb(51, 51, 51);
    padding-bottom: 14px;
    line-height: 22px;
    font-weight: normal;
}