.contentbox{  width:100%;min-height:600px; position:relative;box-shadow: 0px 3px 32px 0px rgba(33, 58, 86, 0.16);}
.contentbox .top{ z-index: 1; position: absolute;left: 103px;top: -1402px;height: 1715px;width: 1715px;filter: blur(520px); background-color: rgba(255, 105, 0, 0.1);}
.contentbox .content{ position: relative;z-index: 100; width:1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center;}
.contentbox .content .title{color:#141E31;font-size: 40px;height:48px;line-height:48px;padding-left:30px; text-align: center;margin-top: 100px;}
.contentbox .content .inputbox{ display: flex; margin:30px auto;}
.contentbox .content .inputbox input{ background: #fff; border: none;width: 640px;height: 48px; padding-left: 20px;}
.contentbox .content .inputbox .search{ background: #FF6900;width: 64px;height: 48px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; display: flex; align-items: center; justify-content: center; }

.contentbox .content .con{border: 1px solid #F7F0E8; margin: 30px 0 50px 0; display: flex;}
.contentbox .content .con .left{ width: 30%; background: #FFFFFF;border: 1px solid #F7F0E8; padding:0 20px;color: #141E31;}
.contentbox .content .con .left .tagtitle{ display: flex; align-items: center; margin-top: 20px;font-size: 20px;font-weight: bold;}
.contentbox .content .con .tagtitle img{ margin-right: 10px;}
.contentbox .content .con .left .item{display:flex;width:100%;color:#656565;height:48px;line-height:48px; justify-content: space-between; }
.contentbox .content .con .ti{ display: flex;  align-items: center; width: 100%;  }
.contentbox .content .con .ti .t1{white-space: nowrap;   overflow: hidden; text-overflow: ellipsis; color: #525967;}
.contentbox .content .con .dian{  width: 6px; height: 6px; top:6px; opacity: 1;background: #141E31; margin-right: 10px;}
.contentbox .content .con .right { width: 70%; display: flex; flex-wrap: wrap;}
.contentbox .content .con .right .itembox{ width: 46%; background: #FFFFFF; margin-left: 20px; padding:20px}
.contentbox .content .con .right .itembox .item{  padding-top:20px; }
.contentbox .content .con .right .tagtitle{ display: flex; align-items: center; margin: 0px 0;font-size: 20px;font-weight: bold; justify-content: space-between;}
.contentbox .content .con .right .tagtitle .more{ font-size: 12px; color: #999; font-weight: normal;}
.mg20{ margin-top: 20px;}
.inp1{height:48px;line-height:48px;color:#333;border:0;border-radius: 6px 0 0 6px;width:580px;padding-left:20px}
.inp1::-webkit-input-placeholder {color: #6C757D;font-size: 16px;}
.searchbtn{width:88px;height:48px;background: linear-gradient(90deg, #358AFF 0%, #36A3FF 100%);border-radius: 0px 6px 6px 0px;color:#fff;font-size:18px;border:0}
.pagination{display:flex;margin-top:20px;padding-bottom:20px;justify-content: center;}
.pagination li{padding:0 10px;color:#333;border:1px solid #f6f6f6; padding:10px}
.pagination .active{color: #FF6900;}
.pagination li.disabled{ color: #999;}
.pagination li a{color:#333 }
/*帮助中心详情页*/
.detail{ width: 100%; margin-top: 20px;}
.detail_middle{  width: 1200px; margin: 0 auto; display: flex;}
.detail_middle .search{ border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD; padding: 10px 10px; position: relative;}
.detail_middle .search .keyword{ width: 100%; border: 1px solid #DEDEDF; padding:7px 10px; border-radius: 5px; }
.detail_middle .search .icon-sousuo{ position: absolute; right: 20px; bottom: 20px; cursor: pointer;}

.detail_middle .left { background: #FAFAFA;width: 240px; padding: 10px 0px; min-height: 800px; }
.detail_middle .left .cate{ color: #141E31; font-size: 18px; font-weight: bold; margin: 15px 20px;}
.detail_middle .left .subcate{ line-height: 36px;}
.detail_middle .left .subcate .t1{ height: 36px; display: flex; justify-content: space-between; padding: 0 20px; align-items: center; }
.detail_middle .left .subcate .t1 img{ width: 16px; height: 16px;}
.detail_middle .left .subcate .t2{  line-height: 36px; display: flex; align-items: center; overflow: hidden;  white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis; width: 195px; }
.detail_middle .left .subcate .t2.on{ background: #FFF6F0; color: #FF6900; } 
.detail_middle .left .subcate .t2 .dian{ width: 3px;background: #525967;  height: 3px; margin-right: 8px; }
.detail_middle .left .subcate .t2.on .dian{background: #FF6900; }
.detail_middle .left .search-body{     padding: 12px 0;}
.detail_middle .left .search-body ul li{    padding: 0 12px;  height: 30px; line-height: 30px;  cursor: pointer;   white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  color: #666; }
.detail_middle .left .search-body ul li.active{   background-color: #e5e5e5}
.detail_middle .left .search-body ul li a{ color: #333;}
.detail_middle .right .t22{   overflow: hidden; text-overflow: ellipsis; width: 100%;  padding-right: 10px;}
.detail_middle .middle{ width: 700px; margin-left: 40px; border-right:1px solid #FAFAFA; padding-right: 20px;}
.detail_middle .middle .title{ font-size: 28px; color: #141E31; }
.detail_middle .middle .time{ color: #525967; font-size: 14px; margin: 20px 0;}
.detail_middle .middle .content{ margin-bottom: 30px;}
.detail_middle .middle .content img{ max-width: 100%;}
.detail_middle .right { margin-left: 10px; width: 200px;}
.detail_middle .right a{ color: #333;}
.detail_middle .right a{ margin-left: 10px; display: block; line-height: 30px;}
.detail_middle .right a.on{ color: #FF6900; } 
.detail_content{ margin-top: 20px;}

.ml10{ padding-left: 30px;}
.ml30{ padding-left: 40px;}


/*搜索页面*/
.search_content{ width: 1200px; background: #fff; margin-bottom: 30px;}
.search_content .tip{ text-align: center; margin: 30px;}
.search_content .item{ margin: 20px 40px; border-bottom: 1px solid rgba(234, 234, 234, 0.6); }
.search_content .item .name{ color: #141E31;font-size: 18px; font-weight: bold;}
.search_content .item .desc{ font-size: 14px; color: #525967 ; margin: 20px 0; line-height: 25px;}
.search_content .item .time{ font-size: 13px; color: #525967; margin-bottom: 10px;}
/*分页样式*/
.pagedata{ display: flex; align-items: center;    margin: 3rem; justify-content: flex-end;} 
.layui-table-page{ display: flex; justify-content: center;align-items: center;}
.layui-laypage a{ width: 45px;height: 40px; border: 1px solid #EBEBEB;  margin-left: -1px;  color: #8a8a8a; background: #fff; display: inline-block; line-height: 40px;font-size: 15px; text-decoration: none; margin: 0 2px; border-radius: 6px; text-align: center; }
.layui-laypage span.layui-laypage-curr {width: 45px;height: 40px; margin-left: -1px;  color: #8a8a8a; display: inline-block; line-height: 40px;font-size: 15px; text-decoration: none; margin: 0 2px; border-radius: 6px; text-align: center;  background-color: #FF6900;   color: #fff;  border-color: #e84c33;}


/* 平板设备适配 (768px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .bannertip{ max-width: 900px;}
    .contentbox .top{ width: 800px;}
    .contentbox .content{ max-width: 900px;}

}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .toptab .logo img{ width: 200px; height: 40px;}
    .toptab .content.pc-only { display: none;}
    .toptab .logo img{ width: 200px; height: 40px;}
    .contentbox .content{ width: 100%;}
    .contentbox .content .title{ font-size: 30px;}
    .contentbox .content .inputbox { width: 90%; padding:7px 10px; border-radius: 5px; margin-bottom: 20px;}
    .contentbox .content .con{ flex-wrap: wrap; justify-content: center;}
    .contentbox .content .con .left{ width:95%;}
    .contentbox .content .con .right{ width: 95%; margin-top: 10px;}
    .contentbox .content .con .right .itembox{ width: 100%; margin-left: 0;}

    .toptab .content.mobile-only { display: flex;}
    .toptab .content.mobile-only .reg{ width: 70px; height: 30px; margin-left: 0;}
    .toptab .content.mobile-only .login{ width: 70px; height: 30px; margin:0 10px;}
    .detail_middle{ width: 100%; position: relative;  min-height: 800px;}
    .detail_middle .right.pc-only{ display: none;}
    .detail_middle .mobile-only{ display: block;}
    .detail_middle .mulu{ height:40px; position: absolute; left: 20px; top:8px}
    .detail_middle .left {
        transition: all 0.3s;
        position: fixed;
        left: -100%;
        top: 80px;
        bottom: 0;
        background: #fff;
        z-index: 999;
        width: 80%;
        overflow-y: auto;
        border-right: 1px solid #3333;
    }
    .detail_middle .left.show {
        left: 0;
    }
    .detail_middle .middle.rightscorll{ transition: all 0.3s;
        position: relative;
        top: 0px;
        bottom: 0;
        right: -80%;
        width: 100%;
    }

}