@font-face {
    font-style: normal;
    font-family: DS-Digital;
    src: url("./DS-DIGIB.TTF");
}
@media screen and (min-width: 1024px) {
    .layout_mobile{
        display: none;
       }

       .target_bg{
        width: 100%;
        margin: 1.45rem 0;
       display: flex;
       justify-content: center;
        
    }
    .target_bg .target_bg_img{
    
        width: 80%;
        height: auto;
    
    }
    .market{
        margin: .55rem auto;
        margin-bottom: .88rem;
        display: flex;
        justify-content: center;
    
    }
    .market_item{
        width: 6.7rem;
        box-shadow: 6px 6px 16px 1px rgba(9, 41, 96, 0.1);
        background: #FFFFFF;
    }
    .market_item:first-child{
        margin-right: .32rem;
    }
    .market_item .top_bg{
        width: 100%;
        height: 1.25rem;
        position: relative;
    
    }
    .top_bg .bg_img{
        width: 100%;
        height: 100%;
    
    }
    .top_bg .top_logo{
        width: .96rem;
        height: .96rem;
        position: absolute;
        top: 50%;
        right: .19rem;
        margin-top: -0.48rem;
    
    
    }
    .market_item .item_content{
        padding: .4rem .3rem;
        font-size: .18rem;
        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
        font-weight: 400;
        color: #A8A8A8;
    }
    .item_content .content_title{
        font-size: .24rem;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #193A77;
        margin-bottom: .36rem;
    }
    
    .calculation{
        margin: .56rem auto;
        margin-bottom: 1.45rem;
        max-width: 90%;
        padding: .64rem .56rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(180deg, #EBEFF5 0%, #FFFFFF 100%);
        box-shadow: 0px 16px 20px 1px rgba(9, 41, 96, 0.1);
    
    }
    .calculation .calc_introduce{
        display: flex;
        flex-direction: column;
        font-size: .2rem;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #4F5258;
        line-height: .48rem;
    
    }
    .calc_item{
        width: 100%;
    }
    .calc_introduce .introduce_num{
        font-size: .44rem;
        font-family: PingFang SC-Regular;
        color: #0052D9;
    
    }
    .calc_introduce .introduce_blue{
        color: #0052D9;
      
    }
    
    .calculation .profit{
        display: flex;
        flex-direction: column;
    }
    .profit .profit_title{
        font-size: .24rem;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #020C17;
        text-align: center;
        width: 100%;
        margin-bottom: .29rem;
    
    }
    .profit .year_amount{
        background: #FFFFFF;
        box-shadow: 0px 3px 8px 1px rgba(9, 41, 96, 0.15);
        display: flex;
        justify-content: flex-start;
    }
    .year_amount .amount_key{
        /* width: 4.92rem; */
        font-size: .24rem;
        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
        font-weight: 400;
        color: #4F5258;
        padding: .35rem .30rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    
    
    }
    .amount_key .input_box{
        margin-left: .16rem;
        border: .01rem solid #EBEBEB;
        display: flex;
        justify-content: flex-start;
        align-items: center;
       border-radius: .04rem;
    
    }
    .input_box input{
        margin: 0;
        border: none;
        width: 2.2rem;
        height: .56rem;
        padding: .16rem .2rem;
        font-size: .2rem;
    
    }
    .input_box .unit{
        border-left: .01rem solid #EBEBEB;
        padding: 0 .09rem;
    }
    .year_amount .amount_value{
        border-left: .01rem solid #EBEBEB;
       background: #EFF2F6;
        padding: .20rem .21rem;
        font-family: DS-Digital;
        font-size: .6rem;
        font-weight: bold;
        color: #0052D9;
    }
    
    .participation{
        margin: .55rem auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .2rem;
        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
        font-weight: 400;
        color: #333333;
    
    }
    .participation .block_point{
        background: #D6E2ED;
        padding: 1.42rem .46rem .24rem .85rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    
    }
    .block_point .block_item{
        width: 1.15rem;
        height: 1.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .42rem 0;
    
    }
    .block_border{
        border-bottom:.01rem solid #F8F8F8;
    
    }
    .sell_electricity{
        background: linear-gradient(145deg, #95BDFF 0%, #B494FF 100%);
        box-shadow: 6px 6px 16px 1px rgba(9, 41, 96, 0.1);
        border-radius: .16rem;
        padding: .82rem .85rem .71rem .85rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        
    }
    .sell_electricity .electricity_box{
        display: flex;
        justify-content: center;
        /* margin-bottom: .3rem; */
    
    }
    
    .electricity_box .electricity_title{
        background: linear-gradient(180deg, #FFF5F5 0%, #5074EB 100%);
        border-radius:.28rem;
        font-size: .23rem;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #0052D9;
        padding: .1rem .34rem;
        align-self:baseline;
        margin-top: .27rem;
        margin-bottom: .21rem;
    
    }
    .sell_electricity .electricity_content{
        height: 1.1rem;
    
        font-size: .2rem;
        font-family: Microsoft YaHei-Bold, Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        padding: .42rem 0;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: .38rem;
        text-align: center;
    
    
    }
    .electricity_border{
        border-bottom: .01rem solid #DBE5EF;
    }
    .voluntarily{
        background: #D6E2ED;
        padding: .6818rem .46rem .24rem .46rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .voluntarily .voluntarily_title_box{
        display: flex;
        justify-content: center;
        margin-bottom: .21rem;
    }
    .voluntarily_title_box .voluntarily_title{
        background: linear-gradient(180deg, #FFF5F5 0%, #C2D2E6 100%);
        border-radius:.28rem;
        font-size: .23rem;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #4F5258;
        padding: .1rem .34rem;
        align-self:baseline;
    
    }
    .voluntarily_content{
        width: 2.52rem;
        height: 1.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .42rem 0;
        line-height: .38rem;
        text-align: center;
    
    }
    .grid{
       padding-right: .8rem;
    }
    .grid_content{
       width: 2.6rem;
    
    }
    }
 @media screen and (max-width: 1023px) {
        /* 系数*2.56 */
        .layout_pc{
          display: none;
         }
         .layout_mobile{
          padding: 0 .768rem;
         }
         .title_modular{
            font-size: .768rem;
            font-family: Source Han Sans CN-Bold, Source Han Sans CN;
            font-weight: bold;
            color: #020C17;
            text-align: center;
          }
        
        
        
           .explain{
            width: 17.66rem;
             margin: .768rem auto;
             margin-bottom: 1.638rem;
            background: #F5F6F8;
            padding: .6144rem .768rem;
            border-radius: .2048rem;
            font-size: .5632rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #4F5258;
            line-height: .9728rem;
            display: flex;
            flex-direction: column;
        
           }
           .explain_pic{
            margin-top: .4096rem;
            display: flex;
            justify-content:space-around;
            align-items: center;
        
           }
           .explain_pic img{
            width: 4.608rem;
            height: auto;
            
           }
           .explain_pic img:nth-of-type(2){
            width: 5.2992rem;
            background: #FFFFFF;
      
           }
           .target_con{
             display: flex;
             flex-direction: column;
             align-items: center;
             margin-bottom: 1.6384rem;
           }
           .target_img{
            /* padding: 0 1.408rem; */
            width: 12.0576rem;
            height: auto;

           }
           .target_box{
            width: 100%;
            display: flex;
            justify-content: space-between;
            
            
           }
           .target_item{
            width: 5.632rem;
            display: flex;
            flex-direction: column;
            align-items: center;

            
           }
           .target_item_bg{
            background: linear-gradient(180deg, #EBEFF5 0%, #FFFFFF 100%);
            box-shadow: 0px 3px 10px 1px rgba(9,41,96,0.1000);
            border-radius: 0.2048rem;

           }
           .target_item .target_title{
            font-size: 0.6144rem;
            font-family: Source Han Sans CN-Bold, Source Han Sans CN;
            font-weight: bold;
            color: #0052D9;
            margin-bottom: 0.6144rem;
           }
           .target_item .target_content{
             padding:0.5632rem 0.512rem;
             font-size: 0.5632rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #4D5A73;
            line-height: 1.024rem;

           }

           .market{
            margin:1.6384rem  0;
             margin-top: 1.024rem;
             width: 100%;
             display: flex;
             justify-content: space-between;
             
           }
           .market .market_item{
            display: flex;
            flex-direction: column;
            align-items: center;
            background: #FFFFFF;
            box-shadow: 6px 6px 10px 1px rgba(9,41,96,0.1000);
            border-radius: 0.2048rem;


           }
           .market_item .market_top{
            width: 8.448rem;
            height: 2.4576rem;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
           }
           .market_top .bg_img{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
           }
           .market_top .logo_img{
            width:1.92rem;
            height: 1.92rem;
            z-index: 2;

           }
           .market_item .market_name{
            font-size: 0.7168rem;
            font-family: Source Han Sans CN-Bold, Source Han Sans CN;
            font-weight: bold;
            color: #193A77;
            margin: 0.7168rem 0;
            margin-bottom: 0.6144rem;
           }
           .market_item .market_content{
            width: 7.1rem;
            font-size: 0.512rem;
            font-family: Microsoft YaHei-Regular, Microsoft YaHei;
            font-weight: 400;
            color: #A8A8A8;
            line-height: 0.9216rem;
            margin-bottom: 0.8192rem;
           }
           .profit{
            padding: 1.024rem  0.6144rem;
            background: linear-gradient(180deg, #EBEFF5 0%, #FFFFFF 100%);
            box-shadow: 0px 10px 14px 1px rgba(9,41,96,0.1000);
            border-radius: 0.2048rem;
            margin:.8192rem 0 ;
            margin-bottom: 1.8432rem;
            display: flex;
            flex-direction: column;

           }
           .profit .profit_tip{
            font-size: 0.6656rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #4F5258;
            line-height: 1.2288rem;
            padding: 0 0.768rem;

           }
           .profit_tip .special_color{
            color: #0052D9;

           }
           .profit_tip .big_size{
            font-size: 1.1264rem;
            
           }
           
           .profit .profit_title{
            font-size: 0.6144rem;
            font-family: Source Han Sans CN-Bold, Source Han Sans CN;
            font-weight: bold;
            color: #020C17;
            margin: 1.4592rem 0;
            margin-bottom: 1.024rem;
            text-align: center;
           }
           .profit .profit_calculation{
            background: #FFFFFF;
            box-shadow: 0px 3px 8px 1px rgba(9,41,96,0.1500);
            padding: 0.9216rem 1.536rem;
            display: flex;
            flex-direction: column;
            
           }
           .profit_calculation .calculation_item{
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;

            
           }
           .calculation_item .key_calculation{
            font-size: 0.6144rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #4F5258;
            margin-right: 1.28rem;
            white-space:nowrap;

           }
            .calculation_item:nth-of-type(2){
                padding-top: 0.6144rem;
            }
           .calculation_item .input_box{
            display: flex;
            justify-content: flex-start;
            border: 0.0256rem solid #EBEBEB;
            border-radius:0.1024rem;
      


           }
           .calculation_item .amount_value{
            display: flex;
            justify-content: flex-start;
            border: 0.0256rem solid #EBEBEB;
            border-radius:0.1024rem;
       

           }
           .amount_value  .unit{
            font-size: 0.6144rem;
            font-family: DS-Digital;
            font-weight: 400;
            color: #4F5258;
            border-left: 0.0256rem solid #EBEBEB;
            padding: 0.64rem  1.024rem;
            display: flex;
            justify-content: center;
            align-items: center;
           }
           .amount_value>.val{
            background: #EFF2F6;
            font-size: 1.28rem;
            font-family: DS-Digital-Bold, DS-Digital;
            font-weight: bold;
            color: #0052D9;
            padding: 0 0.256rem;
            /* width: 4.608rem; */
            word-break:break-all
            /* line-height: 0.384rem; */
            
           }
           .input_box>input[type="number"]{
            margin: 0 0.256rem;
            margin-right:  0.6912rem;
            width: 4.608rem;
           }
           .input_box .unit{
            font-size: 0.6144rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #4F5258;
            border-left: 0.0256rem solid #EBEBEB;
            padding: 0.3072rem  0.384rem;
           }
           .agent{
            
            display: flex;
            justify-content: center;
            align-items: flex-end;
           }

      .agent .agent_grid{
        display: flex;
        flex-direction: column;
        padding: 0.6144rem  0.384rem;
        background: #E6E6E6;
        box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.1600);
        border-top-right-radius: 0.2048rem;
        border-bottom-right-radius: 0.2048rem;
      }
      .agent_grid .grid_title,.agent_voluntarily .voluntarily_title{
        width: 4.096rem;
        background: linear-gradient(180deg, #FFF5F5 0%, #C2D2E6 100%);
        border-radius: 0.768rem;
        font-size: 0.5888rem;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #4F5258;
        white-space:nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 0.768rem;
        padding:0.3328rem  0.8448rem;
        margin-bottom: 1.28rem;

      }
      .agent_grid .grid_content{
         height: 10.752rem;
         display: flex;
         flex-wrap: wrap;
         align-content:space-between;

        width:  4.3008rem;

      }
      .grid_content .grid_item,.voluntarily_content .voluntarily_item{
        width: 100%;
        height: 0.896rem;
        font-size: 0.4608rem;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        /* line-height: 0.896rem; */
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;

      }
      .agent .agent_voluntarily{
        display: flex;
        flex-direction: column;
        padding: 0.8704rem 0.256rem 0.6144rem 1.1008rem;
        background: #E6E6E6;
        box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.1600);
        border-top-right-radius: 0.2048rem;
        border-bottom-right-radius: 0.2048rem;

      }
      .agent_voluntarily  .voluntarily_content{
   
        height:10.752rem;
        display: flex;
        flex-wrap: wrap;
        align-content:space-between;
       width:  4.7616rem;

      }
     .agent  .agent_sell {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.4336rem 1.28rem 0.6144rem 0.9472rem;
        background: linear-gradient(145deg, #95BDFF 0%, #B494FF 100%);
        box-shadow: 6px 6px 16px 1px rgba(9,41,96,0.1000);
        border-radius: 0.2048rem;
       

     }
     .agent_sell .sell_title{
        width: 4.096rem;
        background: linear-gradient(180deg, #FFF5F5 0%, #5074EB 100%);
        border-radius: 0.768rem;
        font-size: 0.5888rem;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        white-space:nowrap;
       display: flex;
       justify-content: center;
       align-items: center;
        line-height: 0.768rem;
        padding:0.3328rem  0.8448rem;
        margin-bottom: 1.28rem;
        color: #0052D9;
     }
     .agent_sell .sell_content{
   
        height:10.752rem;
        display: flex;
        flex-wrap: wrap;
        align-content:space-between;
       width:  4.7616rem;
    

      }
      .sell_content .sell_item{
        width: 100%;
        height: 0.896rem;
        font-size: 0.512rem;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        /* line-height: 0.896rem; */
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: relative;
      }
    .sell_item .step{
        width: 1.8432rem;
        height: 1.8432rem;

        position: absolute;
        top: -0.4608rem;
        right:-2.2016rem;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }
    .step .step_item{
        width: 1.8432rem;
        height:1.8432rem;
        background: linear-gradient(180deg, #829CE7 0%, #0052D9 100%);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;


    }
    .step_item .step_content{
        width: 1.5872rem;
        height: 1.5872rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background:  #FFFFFF;
        font-size: 0.4608rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #333333;
        line-height: 0.512rem;
        border-radius: 50%;


    }
        }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}