body{

    background:#AC0807;

    /*background:#34A7FA;*/

    text-align: center;

    /*touch-action: none;*/

}

.main{

    width:100%;

    max-width: 640px;

    margin:0 auto;

}

.clear{clear:both;}

.mui-toast-container{

    bottom:250px !important;

}

.mask{

    display: none;

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:#000;

    z-index:6;

    opacity:0.8;

    filter:alpha(opacity=80);

}

a { text-decoration: none;color:#FFF}





body{paddint-top:0 !important;background: #FFF}



.main{

    width:100% !important;

    /*background: #FFF;*/

    margin-top:0 !important

}

.phone-info{

    border-radius:0px;

}

.product-header{

    height: 3rem;
    line-height: 3rem;
    display: block;
    color: #333333;
   
    background: #F5F5F5;
 
    background-clip: padding-box;
    box-shadow: 0px 2px 5px rgba(0,0,0,.3);

}

.back-to-index{

    margin-left: .4rem;

}

.back-to-index i{

    font-size:25px;

}

.mobile-box{

    padding-top: 1rem;
    padding-bottom: 1rem;

    background: #2841D0;

}
.guishu{font-size: 14px; color: #ffffff; font-weight: 600;}

.mobile-box  .mobile-box-span2{

    display: block;

    width:100%;

    text-align: left;

    padding-top: 0px;

    margin-left: 12%;

    color:#fff;

}


.mobile-box  .mobile-box-span{

    display: block;

    width:100%;

    text-align: left;

    padding-top: 15px;

    margin-left: 15%;

    color:#fff;

}

.phone-number{

    font-size:1.8rem;

    font-weight: bold;

}

.phone-loc{

    font-size:.8rem;

}

.price-box{

    height:3rem;

    line-height: 3rem !important;

    border-top:1px solid #ececec;

    border-bottom:1px solid #ececec;

    display: block;

    padding-top:.5rem;

}



.price-box-div{

    height:2rem;

    line-height: 2rem;

    float: left;

    width:33.33%;



}

.price-box-div-span

{

    height: 1rem;

    line-height: 1rem;

    display: block;

    font-size:.8rem;

}



.price-box-div:nth-child(2)

{

    border-left: 1px solid #ececec;

    border-right: 1px solid #ececec;

}



.price-box-span-title{

    color:#666;

}



.price-box-span-text{

    font-size:1rem;

    color:#E74240;



}



.phone-intro-box{

    text-align: left;

    padding:1rem;

}

.intro-box-flex{
    width: 95%;
    margin: 0 auto;
    padding: 10px 10px;
    display: flex;
    border: 3px solid #f0ad4e;
    border-radius: 10px;
    margin-top: 1rem;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.intro-box-flex .box-flex-left span:first-child{
    color: #996600;
}

.intro-box-flex .box-flex-left span:last-child{
    color: #CC3300;
    font-size: 18px;
    font-weight: 600;
}

.intro-box-flex .box-flex-right .vam{
    background-color: #CD0707;
  
    padding: 5px 6px;
    color: #fff;
    border-radius: 5px;
    margin: 0 3px;
}

/*订单*/

.order-footer{

    position: fixed;

    width: 100%;

    left:0;

    bottom: 0;

    height:3rem;
z-index: 99;
    line-height: 3rem;

}

.order-footer span{

    display: inline-block;

    float:left;

    width:50%;

}

.order-price{

    background: #FEEDDA;

    color:#AC0606;

}

.order-submit{

    background: #2841D0;

    color:#fff;

}

.service{

    text-align: left;

    padding-left: 1rem;

    height:3rem;

    line-height: 3rem;

    border-top:1px solid #ececec;

    position: fixed;

    width:100%;

    left:80% ;

    bottom: 4rem;

    /*box-shadow: 2px 2px 5px #000;*/

    /*background: #FFF;*/

    border-top-left-radius: 20px;

    border-bottom-left-radius: 20px;

    background: #dd524d;

}

.service-left{

    width:20%;

    float:left;

    vertical-align: center;

    height:3rem;

    line-height: 3rem;

}

.service-left .service-span{

    margin-left:3px;

    display: inline-block;

    height:3rem;

    line-height: 3rem;

    color:#FFF;

    font-size:.8rem;

}

.service-img{

    width:2rem;

    vertical-align: center;

    margin-top:.3rem;

}

.service-right{

    width:50%;

    float:left;

    height:3rem;

    line-height: 3rem;

    text-align: left;

    background: #FFF;

    text-align: center;

}

.service-right .service-span{

    margin-right:1rem;

    display: inline-block;

    /*border:1px solid #FB7D00;*/

    border-radius: 50%;

    padding:3px;

}

.service-right .service-span .mui-icon-phone{

    color:#5EB5FF;

}

.service-right .service-span .mui-icon-weixin{

    color:#00a65a;

}

.customer-info{

    color:#666;

    /*font-size:.6rem;*/

}

.customer-info label{

    text-align: left;

}

.customer-info input{

    font-size:.9rem !important

}

.mui-input-row span{

    color:#dd524d;

}

.input-error{

    border-bottom:1px solid #dd524d !important;

}

.param-loc-div{

    position: fixed;

    z-index:999;

    width:100%;

    bottom:0;

    background:#ececec;

    border-top:1px solid #CCCCCC;

    box-shadow: 2px 2px 5px #8c8c8c;

    display: none;

}

.param-province-ul,.param-city-ul,.param-district-ul{

    width:33%;

    float:left;

}

.province-li-active,.city-li-active{

    color:#AC0807 !important;

}

.param-content{

    padding-top:0;

    margin-top:0;

}

.param-ul{

    margin-top:0;

    height: 300px !important;

    overflow: scroll !important;

}

.param-loc-div ul{

    text-align: center;

    font-size:.9rem;

    height: 50%;

}

.phone-des{
    line-height: 28px;
    padding-top: 5px;
}
.phone-taocan{
    border-bottom: 1px solid #ececec;
    line-height: 28px;
}
.xinxi{
    padding-left: 1.6rem;
    color: #666666;
    text-align: left;
    padding-top: .8rem;
}

.create-order{
    margin-bottom:1rem;
    width:90%;
	background:#2841D0;
	border:1px solid #2841D0;
    font-weight: bold;
}
.intro-tip{
    background:#fef7dc ;
    color:#FB7D00;
    font-size:.8rem;
    padding:15px;
    text-align: left;
}



.param-loc-div{
    position: fixed;
    z-index:999;
    width:100%;
    bottom:0;
    background:#ececec;
    border-top:1px solid #CCCCCC;
    box-shadow: 2px 2px 5px #8c8c8c;
    display: none;
}
.param-province-ul,.param-city-ul,.param-district-ul{
    width:33%;
    float:left;
}
.province-li-active,.city-li-active{
    color:#AC0807 !important;
}
.param-content{
    padding-top:0;
    margin-top:0;
}
.param-ul{
    margin-top:0;
    height: 300px !important;
    overflow: scroll !important;
}
.param-loc-div ul{
    text-align: center;
    font-size:.9rem;
    height: 50%;
}

.mui-card-content .process{ clear:both; display:block; float:left; width:100%; padding:5%;}
.mui-card-content .process ul{ padding:0; margin:0; list-style:none;}
.mui-card-content .process li{ float:left; padding:0 3px;}
.mui-card-content .process li.pointline{ width:calc( (100% - 250px) / 3); border:1px solid #ccc; margin-top:27px;}
.mui-card-content .iscomes li.pointline{ width:calc( (100% - 190px) / 2); border:1px solid #ccc; margin-top:27px;}


.mui-card-content .process li div.step{
background:#ccc url("../images/process.png");
width:55px;
height:54px;
border-radius:27px;
margin-bottom:.5rem;
}
.mui-card-content .process li.cur{ color:#FF6600;}
.mui-card-content .process li.cur div{ background-color:#FF6600;}


.mui-card-content .process li.num1 div{background-position: 0 0;}
.mui-card-content .process li.num2 div{background-position: -55px 0;}
.mui-card-content .process li.num3 div{background-position: -110px 0;}
.mui-card-content .process li.num4 div{background-position: -165px 0;}

.mui-radio input[type=radio]:before {
    font-size: 20px;
}


.agreement-content{
    width:90%;          
    height:100%;            
    position:fixed;         
    background:#FFF;            
    top:0;          
    left:5%;            
    z-index:999;            
    text-align:left;
    overflow:auto;
    padding:10px;
    display:none; 
}

.agreement-content button{
position:fixed;
bottom:20px;
width:40%;
left:30%;
color:#FFF;
background:#B40404;
}