﻿body {
    margin:0;
    padding:0;
    font-family:Arial,sans-serif;
}

/*默认页样式开始*/
@media screen and (max-width: 1000px) {
    
}
.default_page,.result_page {
    display: flex;
    max-width:10.5rem;
    flex-direction: column;
    align-items: center;
    position:relative;
    margin:0 auto;
}
.default_page>div{
    flex-shrink:0;
}
.logo{
    width: 30%;
    margin-top: 1rem;
}
.logo_img{
    width: 100%;
}
.sys_title{
    font-size:0.4rem;
    font-weight:bold;
}
.sys_introduce{
    text-align:center;
    color:#666;
    font-size: 0.28rem;
}
.sys_title_introduce{
        margin: .1rem 0 .7rem;
}
.code_query_btn{
    width:80%;
}

.query_tip{
    font-size: 0.28rem ;
    line-height: 30px;
    color: #666;
    font-weight:bold;
}
.inp_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
        border: 1px solid black;
    border-radius: 40px;
    overflow:hidden;
    margin-top:0.1rem;
}
#code{
    height:0.7rem;
    width:80%;
    box-sizing:border-box;
    outline:none;
    border:none;
    border-radius:5px;
    color: #750101;
    font-size: 0.32rem;
    font-weight: bold;
    padding-left:1rem;  
}
.QueryBtn{
    border: 0.01rem solid;
    height: 0.65rem;
    width: 24%;
    outline: none;
    background: black;
    color: white;
    font-size: 0.28rem ;
    text-align: center;
    line-height: 0.65rem;
    border-radius: 40px;
    margin-right: 0.02rem;
}
.Scan{
    position: absolute;
    width: 0.6rem;
    left: 0.25rem;
    bottom: 0;
    top: 0;
    margin: auto;
}

.what{
    font-size:0.28rem;
    color: black;
    margin: 0.48rem  0;
}
.tip_title{
    color:#777;
    font-size:0.24rem;
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height:0;
    margin: .2rem 0;
}
.bor{
    height:1px;
    width: 30%;
    background:#999;
}

.phone_query{
    display:flex;
    justify-content: space-between;
    width: 80%;
    margin-top: 0.5rem;
}
.left_phone_img img{
    width:1.04rem 
}

.right_phone_content {
    padding-left: 0.4rem;
}

.phone_title{
    color: #333;
    font-size: 0.28rem ;
    padding-bottom: 0.1rem;
}
.phone_details{
    font-size:0.24rem;
    color:#666;
}

.ewm{
    width: 90%;
}
.ewm img{
    width:80%;display:block;margin:0 auto;
}
.support{
    text-align: center;
    color: #666;
}

.copyright{
    text-align: center;
    color: #bbb;
}
.footer{
    font-size:0.24rem ;
    position:absolute;
    bottom:0;
    left:0;
    right:0;

}
/*默认页样式结束*/

.result_content{
    font-size:0.28rem ;
    width: 90%;
    margin-top:0.36rem;
}

.result_max_title{
    color:#e50012;
    font-weight:bold;
    font-size:0.4rem;
    padding:0.36rem;
    border-bottom: 1px solid #d3d3d4;
    text-align: center;
    width: 80%;
}

.result_min_title{
    display: flex;
    align-items: center;
}

.query_result{
    margin:0.4rem  0;
}

.dot_icon{
    width:12px;
    height:12px;
     border:0.02rem solid #30a561;
     border-radius:50%;
     position:relative;
     flex-shrink:0;
     margin-right:0.1rem;
}
.dot_icon div{
    position: absolute;
    height: 8px;
    width: 8px;
    top: 0;
    left: 0;
    right: 0;
    background: #30a561;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    box-sizing: border-box;
}

.tip_fwCode{
    text-align:center;
    letter-spacing: 1px;
}
.state_icon{
    display:block;
    width: 25%;
    margin: 0.8rem auto 0.8rem;
}
.min_tip{
    font-size:0.28rem ;
    width:90%;
    margin-top: 0.8rem;
    margin-bottom: 0.2rem;
}
.min_tip >div:first-child{
    color:red;
    margin-bottom:0.24rem;
}
.query_list{
    font-size:0.24rem;
    width:90%;
    padding-bottom: 1rem;
}
.query_item{
    display:flex;
    align-items: center;
    justify-content:space-between;
    border-bottom: 1px solid #ddd;
    padding: 0.24rem 0;
}
.user_head{
    width:1rem;
    height:1rem;
    overflow:hidden;
}
.user_head img{
    width:100%;
    height:100%;
}
.name_address_date{
    width:60%;
}
.query_address{
    margin:0.1rem 0;
}
.query_name {
    font-weight: bold;
    font-size: 0.28rem;
}
.fwEwm{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}
.fwEwm img{
    width:28%;
}
.red_Packet{
    width:100%;
    display: block;
    border-top: 0.14rem  solid #d7d7d7;
    border-bottom: 0.14rem  solid #d7d7d7;
    margin-top:0.4rem;
}
.red_Packet2{
    width:90%;
    display: block;
}
.tag_info{
    width: 100%;
    margin-top: 0.48rem;
    padding: 0.16rem 0;
    border-top: 0.14rem solid #d7d7d7;
    border-bottom: 0.14rem solid #d7d7d7;
    padding-left: 5%;
    box-sizing:border-box;
}
.pop_tag_btn{
    display:flex;
    padding: 0.24rem 0 0.24rem 0.34rem;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;

}
.firm_info{
    width: 100%;
    padding: 0.16rem 0;
    padding-left: 5%;
    font-size:0.28rem;
    box-sizing:border-box;
}
.firm_name:before{
    content:'企业名称：'
}
.web_site:before{
    content:"官方网站："
}
.service_phone:before{
    content:'服务电话：';
}
.firm_info_details{
    padding-left:0.36rem;
}
.message{
    width: 100%;
    padding: 0.16rem 0;
    border-top:0.1rem solid #d7d7d7;
    border-bottom: 0.1rem solid #d7d7d7;
    padding-left: 5%;
    box-sizing:border-box;
}


.pop{
    position:fixed;
    top:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility:hidden;
    transition:all .3s;
}
.pop img{
    max-width: 90%;
    max-height: 80%;
    transform:scale(1);
    transition:all 0.3s;
}
    

/*
    切换选中样式    
*/
.errorActive{
   
         box-shadow:0 0 6px #e40011;
         border:1px solid #e40011;
         color:#340011;
}