.cell.grey{
    padding: 0.3rem;
    background-color: #f8fafb;
    border-radius: 0.15rem;
}
.cell.white{
    padding: 0.3rem;
    background-color: #fff;
    border-radius: 0.15rem;
}
.cell_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.34rem;
    font-size: 0.3rem;
}
.cell_item .label{
    line-height: 0.36rem;
    color: #6f6f6f;
}
.cell_item .content{
    color: #141a1a;
}

.cell.grey .cell_item:last-child{
    padding-bottom: 0rem;
}
.cell.border .cell_item{
    padding-top: 0.28rem;
    padding-bottom: 0.28rem;
    border-bottom: 1px solid #f6f6f6;
}
.cell.border .cell_item:last-child{
    border-bottom: none;
}

.big_cell{
    margin-top: 0.3rem;
    padding: 0.35rem 0.25rem;
    background-color: #fff;
    border-radius: 0.15rem;
    box-shadow: 0px 5px 5px 1px #ecebeb;
}
.big_cell a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.big_cell .to_icon{
    width: 0.16rem;
    height: 0.3rem;
    background: url(../img/to_icon.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.big_cell .img_icon{
    width: 0.88rem;
    height: 0.88rem;
}
.big_cell .con{
    padding: 0 0.3rem;
}

.big_cell h3{
    padding-bottom: 0.18rem;
    font-size: 0.32rem;
    color: #141a1a;
}
.big_cell p{
    line-height: 0.34rem;
    font-size: 0.28rem;
    color: #6f6f6f;
}

.btns{
    display: flex;
    justify-content: space-between;
    padding-top: 0.34rem;
    border-top: 1px solid #f6f6f6;
}

.btns2{
    padding-top: 0.34rem;
}
.btns2 .btn{
    width: 100%;
}

.com_mode .box{
    display: flex;
    align-items: center;
}
.table_list{
    width: 100%;
    text-align: left;
    border-collapse: collapse; 
}

.table_list th,
.table_list td{
    padding: 0.2rem 0.15rem;
    font-size: 0.3rem;
    color: #141a1a;
    font-weight: normal;
}

.table_list tbody tr:nth-child(2n-1){
    background-color: #f6f6f6;
}

.table_list .checkbox{
    width: 0.28rem;
    height: 0.28rem;
    border: 1px solid #b4b4b4;
    border-radius: 50%;
    -webkit-appearance: checkbox;
}

.table_list a{
    font-size: 0.28rem;
    color: #0077ff;
}

.order_summary{
    padding: 0.25rem;
    background: linear-gradient(to right, #0794fd, #0077ff);
    border-radius: 0.15rem;
}
.order_summary h3{
    line-height: 0.36rem;
    padding-bottom: 0.2rem;
    color: #fff;
    font-size: 0.36rem;
    font-weight: normal;
}
.order_summary_info .cell_item{
    padding-bottom: 0.2rem;
}
.order_summary_info .cell_item:last-child{
    padding-bottom: 0rem;
}
.order_summary_info .label{
    color: #d1ebff;
}
.order_summary_info .content{
    color: #fff;
}

.chart_box{
    display: flex;
    align-items: top;
    justify-content: space-between;
    padding: 0.3rem 0;
    border-bottom: 1px solid #f6f6f6; 
}
.chart_item{
    flex: 1;
    width: 0;
}
.chart_item_line{
    width: 1px;
    height: 2.7rem;
    margin: 0 0.18rem;
    background-color: #f6f6f6;
}
.chart_info{
    position: relative;
    height: 2.7rem;
    margin-bottom: 0.4rem;
}
.chart_info .r{
    width: 0.36rem;
    height: 0.8rem;
    background-color: #0077ff;
    margin: 0 auto;
}
.chart_info .r{
    position: relative;
    height: 50%;
}
.chart_info .r2{
    height: 50%;
    background-color: #fe2b2e;
}

.chart_info .r_name{
    position: absolute;
    width: 1.2rem;
    top: -0.1rem;
    left: 0.46rem;
    font-size: 0.28rem;
}
.chart_info .r::after{
    position: absolute;
    top: 0;
    right: -0.08rem;
    content: '';
    display: block;
    width: 0.08rem;
    height: 0.02rem;
    background-color: #6f6f6f;
}
.chart_info .r:first-child::after{
    top: 1px;
}

.chart_info .cr{
    position: absolute;
    bottom: -0.1rem;
    left: 50%;
    width: 0.6rem;
    height: 0.6rem;
    margin-left: -0.3rem;
    background-color: #fe2b2e;
    border-radius: 50%;
    z-index: 0;
}

.chart_tip{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #141a1a;
    font-size: 0.28rem;
}
.chart_tip .tip_item{
    position: relative;
    padding-left: 0.3rem;
    line-height: .36rem;
}
.chart_tip .tip_item::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.2rem;
    height: 0.2rem;
    margin-top: -0.1rem;
    background-color: #fe2b2e;
}
.chart_tip .tip_item.g::before{
    background-color: #0cb82c;
}

.use_info_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3rem 0;
    border-bottom: 1px solid #f6f6f6;
}
.use_info_box .use_info{
    flex: 1;
    width: 0;
    padding: 0.2rem;
    box-sizing: border-box;
    background: linear-gradient(to right, #1a8cfe, #1a8cfe);
    margin-right: 0.1rem;
    border-radius: 0.15rem;
}
.use_info_box .use_info:last-child{
    margin-left: 0.1rem;
    margin-right: 0rem;
    background: linear-gradient(to right, #0eb8ff, #0eb8ff);
}
.use_info_box .use_info .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.1rem 0;
    font-size: 0.3rem;
    color: #fff;
}

.query_user{
    padding: 0.3rem 0.3rem !important;
    background-color: #fff !important;
    border-radius: 0.15rem !important;
}

.query_input{
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    background-color: transparent;
    font-size: 0.3rem;
    outline: none;
}

.user_info_box{
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
}
.installation_btns .btn,
.user_page_btns .btn{
    flex: 1;
    margin-right: 0.1rem;
}
.installation_btns .btn:last-child,
.user_page_btns .btn:last-child{
    margin-right: 0;
    margin-left: 0.1rem;
}

.payment_info{
    position: relative;
    padding: 0.25rem;
    padding-top: 0.70rem;
    margin-top: 0.60rem;
    background-color: #fff;
    border-radius: 0.15rem;
}
.payment_info .hd{
    position: absolute;
    left: 0;
    top: -0.49rem;
    width: 100%;
    height: 0.99rem;
    background: url(../img/yj_l_icon.png) no-repeat center 0 ;
    background-size: auto 0.99rem;
}

.user_balance{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
    margin-bottom: 0.25rem;
    font-size: 0.36rem;
    line-height: 0.46rem;
    border-bottom: 0.01rem solid #f6f6f6;
}
.user_balance .content{
    font-size: 0.4rem;
    font-weight: bold;
}

.user_recharge{
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
    margin-top: 0rem;
    border-top: 0.01rem solid #f6f6f6;
}

.user_recharge .label{
    font-size: 0.36rem;
    color: #141a1a;
}
.recharge_number{
    display: flex;
    align-items: center;
    padding-top: 0.46rem;
    line-height: 0.5rem;
}
.recharge_number .symbol{
    margin-left: -0.08rem;
    font-size: 0.46rem;
    color: #15191a;
}
.input_box{
    flex: 1;
    padding-left: 0.2rem;
}
.input_box input{
    height: 0.36rem;
    line-height: 0.36rem;
    outline: none;
    font-size: 0.32rem;
}

.recharge_tip{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 0.25rem;
    font-size: 0.24rem;
    color: #ff4c3b;
    text-align: center;
}
.recharge_tip .info_icon{
    width: 0.22rem;
    height: 0.22rem;
    margin-right: 0.1rem;
    background: url(../img/info_icon.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.installation_name{
    position: relative;
    padding-left: 0.25rem;
    line-height: 0.4rem;
    margin-bottom: 0.25rem;
    color: #0077ff;
    font-size: 0.36rem;
    font-weight: bold;
    
}
.installation_name::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.08rem;
    height: 0.34rem;
    margin-top: -0.17rem;
    background-color: #0077ff;
}

.installation_mode{
    padding: 0.25rem;
    background-color: #fff;
    border-radius: 0.15rem;
}
.installation_mode .hd{
    height: 0.6rem;
    line-height: 0.40rem;
    padding-left: 0.5rem;
    font-size: 0.32rem;
    color: #0077ff;
    background: url(../img/az_icon.png) no-repeat 0 0;
    background-size: 0.3rem 0.31rem;
}
.form_mode{
    border-top: 1px solid #f6f6f6;
}
.form_mode .label{
    color: #141a1a;
}
.form_mode .content{
    flex: 1;
    padding-left: 0.4rem;
}
.form_mode .form_input{
    width: 100%;
    outline: none;
    font-size: 0.3rem;
    text-align: right;
}

.article_title{
    padding-top: 0.15rem;
    line-height: 140%;
    font-size: 0.38rem;
    text-align: center;
}
.article_time{
    padding-top: 0.15rem;
    line-height: 120%;
    font-size: 0.28rem;
    text-align: center;
    color: #6f6f6f;
}
.article_content{
    padding-top: 0.2rem;
    line-height: 150%;
    font-size: 0.30rem;
    color: #141a1a;
}
.article_content img{
    max-width: 100%;
}
.article_content p{
    padding: 0.1rem;
}