.banner{
    position: relative;
width: 100%;
height: 400px;
}
.ban_cont{
    color: #253554;
    text-align: center;
    font-family: PingFang SC;
}
.ban_cont h3{
margin:0;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 44px; 
}
.ban_cont p{
    font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
}
/* 搜索 */
.ban_cont1{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sea_box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap:32px;
}
.ban_seabox{
 
 
    display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
}
.ban_search{
    
    width: 749px;
    height: 72px;
    display: flex;
padding: 20px 32px;
align-items: flex-start;
gap: 32px;
align-self: stretch;
border-radius: 5px;
background: #FFF;
box-shadow: 0px 20px 56px 0px rgba(88, 134, 252, 0.07);
}
.sea_input{
color:  rgba(0, 0, 0, 0.85);
text-align: left;
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px; 
width: 620px;
height: 32px;
border:none;
outline: none;
}
.sea_line{
width: 1px;
height: 32px;
background: #D9D9D9;
}
.search_btn{
    background: url(/style/img/search.png) 100% no-repeat;
 width: 32px;
 height: 32px;
text-align: center;
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; 
}
.sea_hot{
color: rgba(37, 53, 84, 0.65);
text-align: center;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
.sea_hot .hot_key{
color: rgba(37, 53, 84, 0.65);
}

/* mod begin */
.modbox{

width: 100%;
background: url(/style/img/web_modbox_bg.png) 50% / cover no-repeat;
 padding-bottom: 60px;
}
.modbox .m12{
    padding-top:40px;
}
.cont_box{
    position: relative;
width:100%;
display: inline-flex;
align-items: flex-start;
justify-content: space-between;
}
.cont_l{
 
    padding: 32px 24px 32px 32px;
 
border-radius: 8px;
border: 2px solid #FFF;
background: #FFF;
box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.30);
backdrop-filter: blur(12px);
}
.left_box{
    display: flex;
width: 197px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.help_l_tt{
    display: flex;
align-items: center;
gap: 12px;
    color: rgba(37, 53, 84, 0.85);
font-family: PingFang SC;
font-size: 16px;
font-weight: 600;
line-height: 24px; 
}
.cont_arclist{
color: #454861;
}
.help_lista{
    color: var(--black-185, rgba(0, 0, 0, 0.85));

font-family: PingFang SC;
font-size: 16px;

font-weight: 400;
line-height: 24px;
}
.arc_listbox{
    width:100%;
}
.arc_list{
  
    height: 60px;
    line-height: 60px;
    border-bottom: 1px dashed #e9e9e9;
    position: relative;
}
.arc_list a{
    color: #333333;
    font-size: 14px;
}
.arc_list::before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ddd;
    margin-right: 10px;
    top: -1px;
    position: relative;
}

.arc_list span{
    float: right;
}
.qianyan{
color: #454861;
}
.cont_arc_active .cont_arclist,.cont_arc_active1,.arc_list a:hover{
color: #2B78F6;
}
.cont_arc_active{
color: #2B78F6;
background: #ECF1F9;
}
.cont_l dd:hover{
color: #2B78F6;
}
/* 中间内容开始 */
.cont_m{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
width: 905px;
flex-shrink: 0;
border-radius: 8px;
border: 2px solid #FFF;
background: #FFF;
box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.30);
backdrop-filter: blur(12px);
padding:32px;
}
.cont_position{
    color:  rgba(0, 0, 0, 0.45);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: flex;
align-items: center;
gap: 10px;
}
.position_l{
    color:  rgba(0, 0, 0, 0.45);
 
}
.cont_position a:last-child{
    color: rgba(0, 0, 0, 0.85);
}
.cont_tt{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
    color: #253554;
font-family: Microsoft YaHei;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 44px; 
}
.cont_tt .cont_title{
    color: #253554;
font-family: Microsoft YaHei;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 44px; 
}
.cont_timebox{
    display: flex;
align-items: center;
gap: 24px;
    color: rgba(0, 0, 0, 0.65);
text-align: center;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.content{
    color:  rgba(0, 0, 0, 0.85);
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28.5px;
width: 100%;
 
}
/* 右侧内容开始 */
.cont_r{
    display: flex;
    width: 250px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    border: 2px solid #FFF;
    background: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.30);
    backdrop-filter: blur(12px);
    padding:18px;
}
.cont_r ol{
 margin:0;padding:0;
}
.cont_r ol a{
    display: block;
    color:  rgba(0, 0, 0, 0.85);
text-align: justify;
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
padding-bottom:8px;
}
.c_r_tt{
    width: 100%;
    padding-bottom:8px;
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
    border-bottom: 1px solid #eee;
}
.c_r_c{
    padding-left:20px;
}
.fixed_hottest{
    position: fixed;
    top: 84px;
    z-index: 2;
}
.mdui-panel-item-header{
padding:0
}
.mdui-panel-item-header:active{
    background-color: #fff;
}
.mdui-panel-item-open{
margin:0
}
.mdui-panel-item{
box-shadow: none;
}
.dd_yuan{
width: 4px;
height: 4px;
background: #454861;;

border-radius: 4px;
}
.cont_arc_active .dd_yuan{
background: #2B78F6;
}
.mdui-panel-item-open>.mdui-panel-item-header{
height: auto;
}
 
     .list_page{
         display: flex;
         gap:10px;
     }
     .list_page li{
 
 padding:5px 10px;
 
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
     }
     .list_page li:hover,.list_page .active{
             background-color: #0054DD;
    border: 1px solid #0054DD;
    color: #fff;
     }
     .list_page li a{
         color:#666;
     }
     .list_page li:hover a,.list_page .active a{
         color: #fff; 
     }