.mod1,.mod2{
   padding:60px 0;
   background: #F6FAFE;
}
.mod1_list{
 
margin-top: 60px;
}

/* 标题 */
.m1_ttbox{
    position: relative;
        text-align: left;
        display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
      }
      .m1_tt{
        color: #253554;
    
    text-align: center;
    font-family: Microsoft YaHei UI;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
 
      }
      .m1_tt span{
        color: #1A5AFE;
      }
      .m1_ttdec{
        color: #9FA6B1;
    
    text-align: center;
     
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
      }
    .m1_ttdec .jieshao{
        display: inline-flex;
        align-items: center;
        color: #1A5AFE;
        gap: 12px;
    }
    .m1_ttdec .jieshao span{
        border-bottom: 1px solid #1A5AFE;
    }
 .m1_listtt{
    background: #1A5AFE;
    display: flex;
padding: 0px 100px;
align-items: flex-start;
align-self: stretch;
 }
 .m1_l_tt{
    line-height: 42px;
    height: 42px;
flex: 1 0 0;
color:#fff;
font-family: PingFang SC;
font-size: 14px;
font-weight: 400;
line-height: 42px;
 }
 .m1_l_tt span,.m1_f_li span{
    margin-left:24px;
 }
 .m1_l_fbox{
    border:1px solid #1A5AFE;
    border-top:none;
    padding:0 100px;
 }
 .m1_l_fbox .m1_l_ul li{
    display: flex;
    align-items: flex-start;
    align-self: stretch;
 
 }
 .m1_f_li{
    line-height: 42px;
    height: 42px;
    flex: 1 0 0;
 }
 
 /* public plan  */

.plan_box{
   width: 100%;
   margin-top: 60px;
   display: flex;

justify-content: space-between;
align-items: flex-start;
}
.plan_list{
border-radius: 5px;
width: 285px;
align-items: flex-start;
flex-shrink: 0;
align-self: stretch;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
overflow: hidden;
}
.plan_list:hover{
border:1px solid #1A5AFE;
}
.plan_top{
  display: flex;
height: 128px;
padding: 24px 32px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
color: #fff;
background: conic-gradient(from 180deg at 50% 50%, #1A5AFE 0deg, #578BFF 360deg);
}
.plan_toptt{

font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.plan_topdec{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  font-family: PingFang SC;
  opacity: 0.7999;
}
.plan_footbox{
  background: #fff;
  display: flex;
padding: 24px 0px;
flex-direction: column;
align-items: center;
gap: 20px;
align-self: stretch;
}
.plan_foot{
  display: flex;
  height: 256px;
  padding: 0px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  align-self: stretch;
}
.plan_foot li{
  display: flex;
  gap: 12px;
  line-height: 32px; 
  justify-content: left;
  align-items: center;
}

.plan_foot li img{
  width: 16px;
height: 16px;
}
.plan_foot li:last-child{
  align-items: flex-start;
}
.plan_foot li:last-child img{
  margin-top: 8px;
}
.plan_foot li span{
  max-width: 190px;
}
.plan_line{
  height: 1px;
align-self: stretch;
border-radius: 24px;
background: #DCDCDC;
}
.plan_f_down{
  display: flex;
  padding: 0px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.plan_money{
  display: flex;
  align-items: flex-start;
  gap: 32px;   
  color: #E10000;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; 
}
.plan_money span{
  font-family: PingFang SC;
font-size: 28px;
}
.plan_btn{
  width: 100%;
  height: 32px;
  line-height: 32px;
  color:#1A5AFE;
  text-align: center;
  border-radius: 4px;

border: 1px solid #1A5AFE;
}
.plan_btn:hover{
background: #1A5AFE;
color: #fff;
}
/* mod3 begin  */
/* public list  */
.public_listul{
     
}
.pub_li{
    margin-top: 60px;
    display: flex;
    gap: 20px;
}
.pub_li_box{
    display: flex;
padding: 40px 38px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex: 1 0 0;
border-radius: 12px;
background: #F6F9FF;
font-family: PingFang SC;
line-height: 28px;
}
.pub_litt{
    font-weight: 700;
    font-size: 18px;
    color: #2B78F6;
}
.pub_lidec{
    color: #9FA6B1;
    font-weight: 400; 
}
.pub_li_box:hover{
    border-radius: 12px;
background: #1A5AFE;
box-shadow: 0px 16px 30px 0px rgba(26, 90, 254, 0.30);
}
.pub_li_box:hover .pub_litt{
    color: #fff;
}
.pub_li_box:hover .pub_lidec{
    color: #fff;
    opacity: 0.6;
}
.mod3{
   padding:80px 0;
}

/* mod4 begin  */
.mod4{
   height: 852px;
   padding:60px 0;
   background: url(/style/img/dns_mod4bg.png) 100% no-repeat;
}
.mod4 .m1_tt,.mod4 .m1_ttdec{
color:#fff
}
.mod4 .m1_ttdec{
   opacity: 0.6;
}
.mod6_tab{
   display: flex;
   justify-content: space-between;
}
 

.mod6_title{
 position: relative;
 border-radius: 5px 5px 0 0;
 color: #FFF;
 margin-top:60px;
 padding:20px 20px 0 120px;
 font-family: Microsoft YaHei;
 font-size: 24px;
 font-style: normal;
 font-weight: 700;
 line-height: 24px;
 -webkit-border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 -ms-border-radius: 5px 5px 0 0;
 -o-border-radius: 5px 5px 0 0;
}
.mod6_title:hover{
   cursor: pointer;
}
.mod6_title::before{
    display: block;
    content: "";
    width: 46px;
    height: 6px;
    position: absolute;
    top: 28px;
    left: 65px;
    background: #DCDCDC;
    transition: all 1s;
    -webkit-transition: all 1s;

}

.mod6_list .on{
   background: #fff;
   color: #2B78F6;
}
.mod6_list .on::before{
   background: #2B78F6;
   width:80px;
   transform: translateX(-50%);
}
.mod6_text{
   background: #fff;
   color: #9FA6B1; 
   border-radius: 0 0 5px 5px;
   font-family: PingFang SC;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
   max-width: 368px;
   padding:20px 20px 20px 120px;
   -webkit-border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
   -ms-border-radius: 0 0 5px 5px;
   -o-border-radius: 0 0 5px 5px;
}
.mod6_img{
   margin-top:60px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 721px;
   height: 526px;
  background: #fff;
  border-radius: 12px;
 
  overflow: hidden;
}



/* mod7 begin  */
.mod7{
   padding:80px 0;
   background: #F6FAFE;
}
.mod7_list{
   margin-top:40px;
   padding:40px;
   background: #fff;
 
}
.mod7_title{
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #253554;
margin-bottom: 20px;
font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.mod7_title:hover{
   cursor: pointer;
}
.m7_jian{
   display: none;
   transition: all 1s;
   -webkit-transition: all 1s;
}
.mod7_text{

   color: #9FA6B1;

font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
}
.m7_textimg{
margin-top: 20px;
margin-left: -18px;
}
.mod7_line{
   height: 2px;
   width: 100%;
   margin:32px 0;
   background: #F8F8F8;
}
.mod7_list .on .m7_jia{
display: none;
transition: all 1s;
-webkit-transition: all 1s;
}
.mod7_list .on .m7_jian{
   display: block;
   transition: all 1s;
   -webkit-transition: all 1s;
}
.mod7_list .mod7_line:last-child{
   display: none;

}
/* mod8 begin  */
.mod8{
   padding:80px 0;
   background: url(/style/img/mod8_bg.png)  50% / cover no-repeat;
}
.m8_title{
   color:#fff;
font-family: Microsoft YaHei UI;
font-size: 40px;
font-style: normal;
font-weight: 700;

}
.m8_box{
   margin-top:47px;
   display: flex;
width: 1200px;
align-items: flex-start;
gap: 20px;
}
.m8_list{
   background: #fff;
   padding:40px;
   flex: 1 0 0;
}
.m8_boxtt{
   display: flex;
   font-family: PingFang SC;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
justify-content: space-between;
align-items: center;
color:  rgba(0, 0, 0, 0.65);
}
.m8_tt_l{
   font-size: 18px;
   display: flex;
   align-items: center;
}
.m8_tt_l svg{
margin-right: 16px;
}
.m8_tt_r{
   font-size: 16px;
   color:  rgba(0, 0, 0, 0.65);
}
.m8_footlist{
   margin-top:32px;
   display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.m8_listtt{
   display: flex;
width: 100%;
justify-content: space-between;
align-items: flex-start;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color:  rgba(0, 0, 0, 0.65);
}
@media (max-width: 1380px) {
   .mod2{
      padding-top:0;
   }
   .plan_box{
      margin-top:0;
   }
   .mod3,.mod7,.mod8{
      padding:60px 0;
   }
}