*{font-family:'Poppins';}
body, button, input, select, textarea {
  font-family: "Poppins","Nunito","SimHei",Helvetica, Tahoma, Arial, "Microsoft jhengHei", sans-serif;
}
a:hover {text-decoration: none; color: #2f82ff}
li {list-style: none}

.navbar-shadow {
    box-shadow: rgba(4, 17, 29, 0.25) 0px 8px 8px -8px, inset -30px 0 30px -30px rgba(0,0,0,0.2);
}
.navri{float:right;}
.list-fenlei{overflow:hidden;padding:0 20px;}
.list-fenlei .list_left{float:left;}
.list-fenlei .list_right{float:right;}
.ullist{overflow:hidden;padding:0;}
.ullist .li{float: left;margin-left: 10px;}
.ullist .li a{color: inherit;width: 100%;height: 100%;display: inline-block;cursor: pointer;border: 1px solid rgba(0, 0, 0, .125);border-radius: 20px;font-size: .9em;padding: 0.25em 0.9em;background-color: rgba(0,0,0,0.025);}
.ullist .li a.active{background:rgba(0, 0, 0, 0.1);}

.maxheight{max-height: 2000px;overflow: hidden;}
.searchh1 {overflow:hidden;margin-bottom: 50px;}
.searchh1 .spanimg{width:75px;height:75px;display:inline-block;float:left;}
.searchh1 .spanimg img{width:100%;}
.searchh1 .spanwenzi{float:left;font-size:2rem;margin-left:10px;height:75px;line-height:75px;}
.searchh1>div{overflow:hidden;display:flex; justify-content:center;opacity:.9;}
.sshead .ssqh{overflow:hidden;}

.sshead .saa{color: #ddd;background: #fff;line-height: 40px;height: 40px;display: inline-block;border-top-right-radius: 7px;    border-bottom-right-radius: 7px;}
.sshead .saa .atn{color:#666;}
#iframetj iframe{border:0;}
@media only screen and (min-width: 992px){

    .navbar-shadow {box-shadow: rgba(4, 17, 29, 0.25) 0px 8px 8px -8px;}
    .navbar-expand-lg {

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-pack: start;

    justify-content: flex-start;

    }

    nav.navbar .navbar-collapse.collapse {

        justify-content: space-between;

    }
    .banner .large_box .uulist{max-height:1000px;overflow:hidden;}
    .form-payform {width: 600px !important;}


}

@media only screen and (max-width: 769px){

    .category-carousel{overflow-x:auto ;}

    .category-carousel::-webkit-scrollbar {display:none}

    .searchtop .s_wrap{width: 90% !important;}

    .s_input{width: 75% !important;}

    .carousel-inner img{height: 200px !important;}

    .new-home-tags{display: block !important;}

    .new-home-tags .links,.footer .bottom_con{width: 100% !important;}

    .new-home-tags .tags li{width: 20% !important;}

    .new-home-tags .tags::before {border-right: 0 !important;}

    .prompt-card{padding:1em !important;}

    .fuwu {width: 100% !important;padding: 10px;}

    .footer .footer_dl dl{width: 33% !important;}

    .footer .footer_dl .footer_dl2{width: 100% !important;}

    .footer .footer_dl{height: auto !important;overflow: hidden;}

    .news_article .news_article_left{max-width: 100% !important;}

    .news_article .content_left{padding: 0 !important;}

    .news_article .news_article_right{max-width: 100% !important;padding: 15px !important;}

    .news_article .bzright .title_list li.first_big .pic_box .img img{width: 100%;}

    .news_article .author-time .name_right{display: block;width: 100%;}
    .mainbody .main-2 .main-2_ul{overflow-x: auto !important;}
    
    .header_2{display: block !important;}
    .header_2 .d-xl-inline-block{display:inline-block!important;}
    .header_2 .d-inline-block{text-align:center;}
    .header_2 .navrighta{float:left;margin-top:16px;}
    .header_2 .navlogin{float:left;}
    .header_2 .btn-secondary{float:left;}
    .btn-outline-action{margin-right:0 !important;margin-top:10px;}
    .prompttb .row_w100 .w102 {margin-top: 20px;padding:0;}
    .prompttb .row_w100 .w102 .model-label{float:left;padding:0;font-size:12px;}
    .prompttb .row_w100 .w102 .model-label .user-profile-pic{width:16px;height:16px;}
    .prompttb .row_w100 .w102 .model-label .align-middle{font-size:12px;}
    .prompttb .row_w100 .w102 .model-label .align-middle img{display:none;}
    .prompttb .row_w100 .w102 #lianjie{padding-left:10px;float:right;line-height:28px;font-size:12px;}
    .prompttb .row_w100 .w102 .w102_bot{float:left;line-height:29px;font-size:12px !important;padding-left:10px;}
    .new-home-section{padding:0 15px;}
    #searchInputComponent .s_input{width:80% !important;}
    .prompttb .prompt-area{padding:1em !important;}
    .prompttb .w-100 .prompt-buttons .pro_right{float:left !important;}
    .el-log-wrap .el-dia{width:100% !important;}
    .el-log-wrap{padding:10px;}
    .form-horizontal .form-body.form .form-group .col-md-2{flex: 0 0 35% !important;max-width: 35% !important;}
    .search-content-2 .form-horizontal .form-body .form-group .control-label{width:40%;}
    .el-log-wrap .el-dia .idiframe iframe{height:520px !important;}
    .new-home-section  .search-content-inner .new-home-tags .tags li{width:auto !important;}
    .chatgpt .news #content_list  .my-4{margin-bottom:0 !important;}
    .footer .bottom{height:auto !important;}
    .trending-searches .model-selection-button{display:inline-block;margin-top:10px;}
    .afud{margin-top:20px !important;width:100% !important;}
    
    .prompttb .form-payform{width:380px !important;left:0;}
    .article-suspended-panel[data-v-0083c6d0]{margin-left: 0.5rem !important;}
    .banner .small_list {max-width: 280px !important;}
    .prompt-cardname .card-bottom .img-top .top-de{font-size:0.8rem;}
    .prompt-cardname a{font-size:0.8rem !important;}
    #prompt-masonry{padding:0 15px;}
    #prompt-masonry .grid-item{position: static !important;margin-top:15px;}
    .form-payform {width: 100% !important;padding:5px;}
    .mainbe .sshead .trending-searches{display:none;}
    .searchh1 .spanwenzi {height: 60px;line-height: 60px;}
    .searchh1{margin-bottom: 20px;}
    .wstxgtj .wstlist{padding-left:15px !important;}
    .notion-divider .notiontitle{padding-left:10px !important;}
    .trending-searches{display:none;}
    .maxheight{max-height:3000px;}
    .head .site-navbar{padding:0;}
    .head .site-navbar .brand-name img{height:50px;}
    .head .site-navbar .navbar-toggler{font-size:1rem;}
    .ullist .li{margin-top；10px;}
    .navri{float:none;}
    .navbar-shadow {box-shadow: none;}
    .gongju{display:none;}
    .notiontitle .list-tags{max-height:120px !important;overflow:hidden;float:left;}
    .notiontitle .list-tags a{margin-top:5px;}
    #dr_member_info{margin:0 auto;}
    
}
.notiontitle .list-tags{max-height: 36px;overflow: hidden;font-size: 18px;padding-left: 10px;}
.notiontitle .list-tags a{margin-left:5px;color: inherit;height: 100%;display: inline-block;cursor: pointer;border: 1px solid rgba(0, 0, 0, .125); border-radius: 20px; font-size: .9em;padding: 0.25em 0.9em;background-color: rgba(0,0,0,0.025);margin-bottom: 2px;}

.navlogin{

    display: inline-block;

    vertical-align: middle;

    box-sizing: border-box;

    /* width: 80px; */

    border: 1px solid #2f82ff;

    margin-right: 14px;

    background: #2f82ff;

    font-size: 16px;

    color: #fff !important;

    border-radius: 4px;

    text-align: center;

    text-decoration: none !important;

}



.head .navbar-nav .nav-item .c1:hover {color: #2f82ff}



nav.navbar .downli{font-size: 12px;vertical-align: middle;}

nav.navbar a:not(.btn) {

    color: inherit;

}

.navbar-bottom{

    /*padding-left:15px ;padding-right: 15px;*/

    background: #ffffff;width: 100%;

    margin-left: 0;margin-right: 0;

}

.navbar {

  position: relative;

  display: flex;

  flex-wrap: wrap; 

  align-items: center;

  justify-content: space-between;

}

.nav .navbar-toggler {

    color: rgba(0,0,0,.5);

    border-color: rgba(0,0,0,.1);

}



nav.navbar .dropdown{

  display: inline-flex;
  cursor: pointer;

}



@media only screen and (min-width: 992px) {
    .wstworks .grid-item .src-img{min-height:344px;overflow:hidden;}
    .header_2 .nav_right{position:relative;}
    .header_2 .nav_right .fa-weixin{position: absolute;right: 100%;}

  nav.navbar .dropdown:hover .dropdown-menu {

    display: block;

    margin-top: 0;

  }

  nav.navbar .navbar-collapse.collapse {

    justify-content: space-between;

  }
  
  /*nav.navbar .navbar-link:nth-child(4).dropdown:hover .dropdown-menu{display:none;}*/
  

}



nav.navbar .dropdown-toggle::after{

  display: none;

}



nav.navbar .navbar-link {

  display: block;

  text-align: center;

  font-size: 1.2rem;

  margin: 0.2em 0;

}



nav.navbar .minimal-search-box {

  display: inline-flex;

  max-width: none;

  width: 100%;

}



@media only screen and (min-width: 992px) {

  nav.navbar .navbar-link {

    display: inline-block;

    text-align: left;

    font-size: 1rem;

    margin: 0;

  }



  nav.navbar .minimal-search-box {

    max-width: 210px;

  }

}























.navbar-toggler-icon {

    display: inline-block;

    width: 1.5em;

    height: 1.5em;

    vertical-align: middle;

    content: "";

    background: 50%/100% 100% no-repeat;

}

.category-carousel {

    display: block;

    width: 100%;

    white-space: nowrap;

    /*overflow-x: scroll;

    -ms-overflow-style: none;*/

    scrollbar-width: none;

}

.category-carousel a, .category-carousel a:hover {

    color: inherit;

    text-decoration: none;

}

.category-carousel-item {

    display: inline-block;

    color: #767676;

    font-weight: 500;

    font-size: 14px;

    text-decoration: none;

    white-space: nowrap;

    text-decoration-skip-ink: auto;

    transition: color .1s ease-in-out,opacity .1s ease-in-out;

    cursor: pointer;

    padding: 0.8em 0;

}

.category-carousel-item:hover{color: #111;}

.category-carousel-item-border {

    display: inline;

    padding-left: 1.5rem !important;

    margin-right: 1rem !important;

    border-right: 1px solid rgba(0, 0, 0, 0.3);

    content: "";

}

.main1 .h1{font-size: 2.5rem;margin-bottom: 0.5rem;font-weight: 500;line-height: 1.2;}

.main1 .my-3{font-size: 16px;}

.model-selection-button {

    cursor: pointer;

    background: none;

    border: 1px solid rgba(0,0,0,0.1);

    border-radius: 7px;

    font-size: 0.8em;

    padding: 0.2em 0.8em;

}

.mainbody{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.model-area, .model-area a, .model-area a:hover {

    color: inherit;

    text-decoration: none;

}

.model-selection-button-checkbox {

    display: none;

}

.model-selection-button-checkbox:checked + .model-selection-button {

    background-color: rgba(0,0,0,0.1);

}

.mainbody .model-area .model-selection-button{font-size: .9em;}

.prompt-card {

    cursor: pointer;

    position: relative;

    z-index: 2;

    overflow: hidden;

    background-color: rgb(255, 255, 255);

    box-shadow: 0 2px 18px 2px rgb(217 223 231 / 60%);

    transition: box-shadow .65s cubic-bezier(.19,1,.22,1);

    height: 100%;

    width: 100%;

    padding: 1.2em 1.2em;

    display: -ms-flexbox!important;

    display: flex!important;

    -ms-flex-direction: column!important;

    flex-direction: column!important;

}

.prompt-card:hover {

    box-shadow: 0 4px 20px 5px rgb(217 223 231 / 80%);

}

a.like-prompt-button, a.like-prompt-button:hover {

    color: inherit;

    text-decoration: none;

}



.prompt-card-favorite-button, a .prompt-card-favorite-button{

    opacity: 0.8;

    position: absolute;

    z-index: 10;

    background-color: rgba(255, 255, 255, 0.99);

    color: rgba(0, 0, 0, 0.99);

    padding: 0.3em 0.6em;

    border: 1px solid rgba(0, 0, 0, 0.08);

    border-radius: 8px;

    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;

}

.prompt-card-favorite-button, a .prompt-card-favorite-button {

    top: 0.8em;

    right: 0.8em;

}

.prompt-card  .prompt-card-title-area {
    padding-right: 0em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
    text-align: left;

}

a.prompt-card-a, a.prompt-card-a:hover, a.prompt-card-a:visited {

    display: contents;

    color: inherit;

    text-decoration: none;

}

.prompt-card .prompt-card-title {font-size: 1.2rem;font-weight:600;}

.text-muted {color: #6c757d!important;}

.model-label {

    /*border: 1px solid rgba(0,0,0,0.6);*/

    border-radius: 4px;

    padding: 0em 0.7em;

    font-size: 12px;

    color: rgba(0,0,0,0.6);

    white-space: nowrap;

    margin-bottom: 0.8em;

    display: inline-block;

}

.chatgpt{border-top: 1px solid #f0f0f0;margin-top: .8rem;}

.prompt-card .prompt-card-a{text-align: left;}

.prompt-card .text-muted{
    margin-bottom: 0.2em;font-size: 1rem;
    height: 90px;
    background: rgb(217 223 231 / 20%);
    padding: 10px;
    overflow: hidden;
}

.prompt-card-info-bar .bi-middle{vertical-align: middle;}

.prompt-card-info-bar .eye{font-size: 1.1rem;}

.prompt-cardname a{font-size:1rem;}

.prompt-card .smalllogo{width: 30px;height: 30px;border-radius: 10px;display: inline-block;}

.prompt-card .smallname{font-style: normal;vertical-align: middle;font-size:13px;}

.prompt-card .smalllogo img{width: 100%;height: 100%;border-radius: 30px;}





.d-pages {display: flex; justify-content: center}

.d-pages ul li {padding: 5px}

/* .pagination {justify-content: space-evenly;} */

.pagination {

    display: -ms-flexbox;

    display: flex;

    padding-left: 0;

    list-style: none;

    border-radius: 0.25rem;

}

.page.current,

.pagination li.active

{

    font-weight: bolder;

    border-bottom: 1px solid rgba(0,0,0,0.95);

}

.pagination a, .pagination a:hover {color: inherit;}

.searchtop .s_wrap {

/*    position: absolute;*/

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin:20px auto;

    width: 590px;

    height: 40px;

    border-radius: 4px;

    background: #fff;

}

.s_container {

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.s_input {

    width: 520px;

    line-height: 40px;

    box-sizing: border-box;

    margin-left: 24px;

    height: 100%;

    border: 0;

    outline: 0;

    font-size: 14px;

    color: #333;

    float: left;

}

 .s_right {

    display: inline-block;

    width: 40px;

    height: 100%;

    float: left;

    position: relative;

    cursor: pointer;

    border-radius: 20px;

    transition: background .2s;

}

.s_right .t_icon {

    margin-top: 6px;

    display: inline-block;

    font-size: 20px;

    color: #ddd;

}

.navbar-bottom .nav-expand-lg{padding: 0 1rem;}

.carousel-inner img {width: 100%;height: 350px;background-size:cover ;}

/*#demo .carousel-inner{height: 400px;}*/

#demo {position: relative;}

.searchtop{position: absolute;bottom: 35%;}



.new-home-tags {

    display: flex;

    margin: 0.5rem 0 0;

    position: relative;

    top: 0.5rem;

}

.new-home-tags .tags {

    display: flex;

    flex-wrap: wrap;

    padding: 0.5rem;

    flex: 1;

    position: relative;

}

.new-home-tags .tags li {

    padding: 0.5rem;

    box-sizing: border-box;

}

.new-home-tags .tags li a {

    text-decoration: none;

    display: block;

    background-color: #F6F7F8;

    border-radius: 0.3rem;

    color: #61666D;

    height: 2.4rem;

    text-align: center;

    line-height: 2.4rem;
    padding: 0 1rem;

}

.new-home-tags .tags li a.active {background-color: #318cf5;color: #fff;}

.new-home-tags .tags li a:hover{background-color: #318cf5;color: #fff;}

.new-home-tags .links {

    display: flex;

    flex-wrap: wrap;

    padding: 0.5rem;

    width: 24%;

}

.new-home-tags .links li {

    padding: 0.5rem;

    box-sizing: border-box;

    width: 33.33%;

}

.new-home-tags .links li a {

    height: 2.4rem;

    display: flex;

    align-items: center;

    color: #61666D;

    padding-left: 0.8rem;

    white-space: nowrap;

    text-decoration: none;

}

.new-home-tags .links li a.active{color: #318cf5;}

.new-home-tags .links li a:hover{color: #318cf5;}

.new-home-tags .links li a i {

    display: block;

    margin-right: 0.5rem;

    stroke: #61666D;

    fill: none;

    stroke-width: 3px;

    font-size: 1.1rem;

}

.new-home-tags ::marker {display: none}

.new-home-tags .tags::before {

    position: absolute;

    right: 0;

    top: 1rem;

    bottom: 1rem;

    content: '';

    border-right: 1px dotted #C9CCD0;

}





.footer{background: #2b2f33;}



.footer .footer_dl {height: 280px;}

.widimg {

    width: 100%;

}

.fuwu {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}

.footer .footer_dl dl {float: left;line-height: 34px;width: 205px;text-align: left;}



.footer .footer_dl dl dd{line-height: 34px;}



.footer .footer_dl dl dt {color: #c2c7cc;font-size: 18px;font-family: "寰蒋闆呴粦";font-weight: bold;padding-bottom: 20px;}



.footer .footer_dl dl dd a{color: #81878c;font-size: 14px;text-decoration: none;}

.footer .footer_dl2 dd img {margin-right: 10px;}

.footer .link {

    text-align: left; line-height: 24px;padding: 10px 0;color: #81878c;border-top: 1px solid #444;

    margin-top: 20px;margin-bottom: 5px;

}

.footer .link a {

    font-size: 14px;text-decoration: none;color: #81878c;display: inline-block;

    white-space: nowrap;padding-right: 6px;padding-left: 6px;

}

.footer .bottom a{font-size: 14px;text-decoration: none;}



.footer .bottom{overflow: hidden; width: 100%;margin: 0 auto;

    background: url(../img/bottom_bg.gif) repeat-x;height: 65px;line-height: 65px;

}



.footer .bottom_con {width: 1200px;margin: 0 auto;text-align: center;color: #666;}















/*  ###############################prompt页 #######################################*/

.prompttb .text-prompt-show-header {

    background-color: #1c1f29;

    color: rgba(255, 255, 255, 0.99);

}

.prompttb .text-prompt-show-header h1 {

    font-size: 46px;

    font-weight: 700;

    letter-spacing: 5px;

}

.prompttb .row-md,.prompttb .prompt-area {text-align: left;}

.prompttb .prompt-area {
    background-color: rgba(0,0,0,0.01);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 1.5em 2em;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px;
    position: relative;
}

.prompttb .prompt-area .the-prompt p{line-height: 2;margin-bottom: 1rem;letter-spacing: 1px;}

.prompttb .prompt-area .the-prompt b{font-size: 1rem;}

/*.btn-outline-action {*/

/*    border: 1px solid rgba(0,0,0,0.7);*/

/*    border-radius: 8px !important;*/

/*    padding: 0.4em 0.7em !important;*/

/*    display: inline-block !important;*/

/*}*/
.btn-outline-action{
    border-radius: 8px !important;
    padding: 0.5em 0.7em !important;
    display: inline-block !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: rgba(255, 255, 255, 0.99);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
}


.prompttb .w-100{text-align: left;font-size: 1.1rem;}
.prompttb .w-100 #anlicontent{word-wrap: break-word;}
.prompttb .w-100 .w101 .w101_top{font-weight: 600;font-size: 1.2rem;}
.prompttb .w-100 .w101_cen{color: #6c757d;overflow: hidden;font-size: 1rem;margin-top:1rem;}
.prompttb .w-100 .w101_cen .w101_top{font-size:1rem;font-weight:600;color: #333;}
.prompttb .row_w100 .w101{padding:0;}
.prompttb .row_w100 .w102{text-align:right;}
.prompttb .row_w100 .w102 .model-label{font-size:1rem;color:#6c757d;}
.prompttb .row_w100 .w102 .w102_bot{font-size:1rem;margin-bottom:0.8em;color:#6c757d;}

.prompttb .w-100 .the-prompt-wenzi{color: #6c757d;overflow: hidden;font-size: 1rem;padding-top:1rem;}
.prompttb .w-100 .the-prompt-wenzi .span1{font-weight:600;color:#333;}
.prompttb .w-100 .the-prompt-wenzi .span2{white-space: break-spaces;}

.prompttb .w-100 b{font-weight: bolder;}

.prompttb .heartfont{font-size: 13px;}



.reply-item{position: relative;}

.reply-item .root-reply-container{

    padding: 22px 0 0 80px;

}

.reply-item .root-reply-container .root-reply-avatar{

    display: flex;

    justify-content: center;

    position: absolute;

    left: 0;

    width: 80px;

    cursor: pointer;

}

.bili-avatar {

    display: block;

    position: relative;
    background-size: cover;

    border-radius: 50%;

    margin: 0;

    padding: 0;

}

.bili-avatar-img-radius {

    border-radius: 50%;

}

.bili-avatar-img {

    border: none;

    display: block;

    -o-object-fit: cover;

    object-fit: cover;

    image-rendering: -webkit-optimize-contrast;

}

.bili-avatar-face {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

}

.reply-item .root-reply-container .content-warp .user-info{

    display: flex;

    align-items: center;

    margin-bottom: 4px;

}

.reply-item .root-reply-container .content-warp .root-reply{

    font-size: 15px;

    line-height: 24px;

}

.reply-item .root-reply-container .content-warp .root-reply{

    position: relative;

    padding: 2px 0;

}

.reply-content-container .reply-content {

    overflow: hidden;

    word-wrap: break-word;

    word-break: break-word;

    white-space: pre-wrap;

    line-height: 24px;

    vertical-align: baseline;

}

.reply-item .root-reply-container .content-warp .root-reply .reply-info{

    display: flex;

    align-items: center;

    position: relative;

    margin-top: 2px;

    font-size: 13px;

    color: #9499A0;

}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-time{

    margin-right: 10px;

}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like{

    display: flex;

    align-items: center;

    margin-right: 19px;

    cursor: pointer;

}

.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list {

    display: flex;

    align-items: center;

    margin-top: 6px;

    font-size: 12px;

    line-height: 14px;

}

.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list .reply-tag-item{

    padding: 5px 6px;

    border-radius: 2px;

    margin-right: 10px;

}

.reply-item .bottom-line {

    margin-left: 80px;

    border-bottom: 1px solid #E3E5E7;

    margin-top: 14px;

}

.reply-item .sub-reply-container{

    padding-left: calc(80px - 8px);

}

.sub-reply-item{

    font-size: 15px;

    line-height: 24px;

}

.sub-reply-item{

    position: relative;

    padding: 8px 0 8px 42px;

    border-radius: 4px;

}

.sub-reply-item .sub-user-info {

    display: inline-flex;

    align-items: center;

    margin-right: 9px;

    line-height: 24px;

    vertical-align: baseline;

    white-space: nowrap;

}

.sub-reply-item .sub-user-info .sub-reply-avatar {

    position: absolute;

    left: 8px;

    cursor: pointer;

}

.sub-reply-item .sub-reply-info {

    display: flex;

    align-items: center;

    position: relative;

    margin-top: 2px;

    font-size: 13px;

    color: #9499A0;

}

.sub-reply-item .sub-reply-info .sub-reply-time {

    margin-right: 10px;

}

.sub-reply-item .sub-reply-info .sub-reply-like{

    display: flex;

    align-items: center;

    margin-right: 19px;

    cursor: pointer;

}

.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon {

    margin-right: 5px;

    color: #9499a0;

}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike{

    display: flex;

    align-items: center;

    margin-right: 19px;

}

.reply-item .sub-reply-dislike{display: flex;align-items: center;margin-right: 19px;}

.reply-item .reply-box-container{padding: 25px 0 10px 80px;}

.reply-box{display: flex;flex-direction: column;}

.reply-box .box-normal{

    display: flex;

    height: 50px;

    transition: 0.2s;

}

.reply-box .box-normal .reply-box-avatar{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 80px;

    height: 50px;

}

.reply-box .box-normal .reply-box-warp {

    position: relative;

    flex: 1;

}

.reply-box .box-normal .reply-box-warp .reply-box-textarea {

    width: 100%;

    height: 100%;

    padding: 5px 10px;

    border: 1px solid #F1F2F3;

    border-radius: 6px;

    background-color: #F1F2F3;

    font-family: inherit;

    line-height: 38px;

    color: #18191C;

    resize: none;

    outline: none;

}

.reply-box .box-normal .reply-box-send{

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    flex-basis: 70px;

    margin-left: 10px;

    border-radius: 4px;

    cursor: pointer;

}

.reply-box .box-normal .reply-box-send .send-text {

    position: absolute;

    z-index: 1;

    font-size: 16px;

    color: #FFFFFF;

}

.reply-box .box-normal .reply-box-send::after {

    content: '';

    position: absolute;

    opacity: 0.5;

    width: 100%;

    height: 100%;

    border-radius: 4px;

    background-color: #00AEEC;

}

.reply-btn,.sub-reply-btn{cursor: pointer;}

.reply-btn:hover{color: #00AEEC;}

.sub-reply-btn:hover{color: #00AEEC;}









.bj-bk{
        box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px;border: 1px solid rgba(0,0,0,0.1); 
        background: #fff;border-radius:20px; 
        padding: 15px;margin-top: 2rem;position: relative;
    }
.bj-bk .bj-bk-top{
    position: absolute;top: -11px;left: 33px;width: 20px;height: 20px;
    transform: rotate(45deg);background: #fff;border-left: 1px solid rgba(0,0,0,0.1);border-top: 1px solid rgba(0,0,0,0.1);
}
.bj-bk .bj-bk-bot .list_div{overflow: hidden;color: #6c757d;font-size: 1rem;padding: 0 5px;}
.bj-bk .bj-bk-bot .list_div .list_gjc {float: left;}
.bj-bk .bj-bk-bot .list_div .list_ri {float: right;cursor:pointer;}
.bj-bk .bj-bk-bot .list_bot {margin-top: 1rem;display: flex;}
.bj-bk .bj-bk-bot .list_bot .bot_input{width: 90%}
.bj-bk .bj-bk-bot .list_bot .bot_input input{
    width: 100%;height: 40px;line-height: 40px;border: 1px solid rgba(0,0,0,0.1);border-radius:7px 0 0 7px;  
    outline: none;padding-left: 10px;font-size: 0.8rem;rem;color:#6c757d;font-family: Poppins;
}
.bj-bk .bj-bk-bot .list_bot .list_a{width: 10%;text-align: center;height: 40px;line-height: 40px;background: #318cf5;color: #fff;border:1px solid rgba(0,0,0,0.1); border-radius:0 7px 7px 0;cursor:pointer;}
.bj-bk .bj-bk-bot .list_bot .list_a a{display: inline-block;color: #fff;width: 100%;}
.editable {resize: none;overflow: auto;font-size: inherit;background-color: transparent;cursor: pointer;width: 100%; }
.editable.editing { border: 1px solid #ccc;}
.el-log-wrap{position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;margin: 0;}
.el-log-wrap .el-dia{
  position: relative;margin: 0 auto 50px; background: #fff; border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);box-shadow: 0 1px 3px rgba(0,0,0,.3);
-webkit-box-sizing: border-box;box-sizing: border-box;width: 50%;}
.el-log-wrap .el-dia .idiframe iframe{width:100%;border:0;height:460px;}
.s-modal{position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: .5;background: #000;}
.el-log-wrap .el-dia .el-hnone{
    padding: 10px 20px;background: transparent;border: none;outline: none;cursor: pointer;
    font-size: 16px;float: right;}
.el-log-wrap .el-dia .topel-font{color: #6c757d;float: left;padding: 10px 20px;font-size: 1rem;font-weight: 600;}







/************************************图片加载页******************************************/

.cssnone{display: none;}
.grid-item:hover .cssnone{display: block;}
/*.grid-item:hover .prompt-card-username{vertical-align: middle;}*/
.grid-item {
    width: 100%%;
    /*transition: opacity .25s ease-in-out;*/
    float: left;
    /*  position: absolute;*/
        transition: all .4s;
}
.grid-item .src-img{width: 100%;border-radius:0.75rem;    min-height: 276px;}
.grid-item .prompt-img:hover{
    box-shadow: 0 0 6px 2px rgb(217 223 231);
    transform: translateY(-3px) scale(1.01);
}


@media only screen and (min-width: 576px) {

  .grid-item {width: 25%;}

}



@media only screen and (min-width: 992px) {
    .grid-item {width:276px;padding: 0.5rem;}
    .category-carousel-item{padding: 0 0 0.8em 0;}
}

#prompt-masonry{position: relative;}
.chatgpt{position: relative;margin-bottom: 50px}
.prompt-img{position: relative;box-sizing: border-box;border-radius: 14px;transition: all .3s;overflow:hidden;}
.prompt-cardname .like-prompt-button .prompt-card-favorite-button{top: 0.4em;right: 0.4em;}
.prompt-cardname .card-bottom{
    opacity: 0;
    padding: 10px;
    position: absolute;
    color: rgba(255, 255, 255, 0.9);
    width: 100%;
    transform: translateY(100%);
    transition: all .3s;
}
.prompt-img .prompt-cardname .card-bottom {
    opacity: 0.88; /* 初始时设置透明度为0 */
    bottom: 45px; /* 初始时将元素向下平移一些像素，使其部分隐藏 */
    transition: all .3s;
}

.prompt-img:hover .prompt-cardname .card-bottom {
    opacity: 1;
    bottom: 0;
    transform: translateY(0);
}

.prompt-cardname .card-bottom .card-bottom-bk{border-radius: 0.75rem;background-color: #333;opacity:.9;}
.prompt-cardname .card-bottom .img-top{color: rgba(255,255,255,0.9);text-align: left;padding:0 0.8em 0 0.8em;}
.prompt-cardname .card-bottom .img-top .top-min{font-size: 0.8em;font-weight: 600;padding-top:10px;}
.prompt-cardname .card-bottom .img-top .top-de{font-size: 0.9rem;max-height: 68px;overflow: hidden;}
.prompt-cardname .card-bottom .user-profile-pic {border-radius: 100%;width: auto;}
.prompt-cardname .card-bottom .pro-badge {
    background: rgba(0,0,0,0.6);border-radius: 3px;color: #fff;font-size: 12px;
    font-weight: bold;line-height: 1;text-transform: uppercase;padding: 2px 4px;
}
.prompt-cardname .card-bottom .pro-badge a{font-size:1rem;}
.prompt-cardname .card-bottom .card-bottom-text{text-decoration: none;}
.prompt-cardname .card-bottom .img-bottom{overflow: hidden;padding:0 0.8em 0.8em 0.8em;}
.prompt-cardname .card-bottom .img-bottom .fl{float: left;}
.prompt-cardname .card-bottom .img-bottom .fr{float: right;}
.prompt-cardname .card-bottom .img-bottom .mli{font-size: 12px;}
.prompt-cardname .card-bottom .img-bottom .ml-1 span{font-size:12px;}

/***********************************资讯页*****************************************/

.news .card-body{text-align: left;}

.course-difficulty-level {

    font-size: 8px;font-weight: bold;color: rgba(0, 0, 0, 0.5);

    border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 4px;

    text-transform: uppercase;letter-spacing: 0.05em;

}

.news .card {
    margin-top: 25px;
    box-shadow: 0 2px 18px 2px rgb(217 223 231 / 60%);
    height: auto !important;
    transition: box-shadow .65s cubic-bezier(.19,1,.22,1);

}

.news .card:hover {box-shadow: 0 4px 20px 5px rgb(217 223 231 / 80%);}

.news .card .card_a{text-decoration: none;height: 232px;overflow: hidden;}
.news .card .card_a .card-img-top{height: 100%;}

.news .card-body h5{font-weight: 600;font-size: 1.2rem;color: initial;}

.news .card-body .card-text{
    color: #6c757d;
    overflow: hidden;
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news .card-body .btn-primary-buy{padding: .2rem .75rem;}

.btn-primary-buy, .btn-primary-buy:hover, .btn-primary-buy:focus, .btn-primary-buy:active {

    background: #318cf5 !important;

    color: rgba(255, 255, 255, 0.9) !important;

    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);

    font-weight: bold !important;

}

.news_article .news_article_left{text-align: left;max-width: 74%;}

.news_article .content_left{

    overflow: hidden;

    padding: 10px;

    padding-right: 40px;

    padding-top: 0px;

}

.news_article .content_left .h1{

    font-size: 36px;

    line-height: 43px;

    margin-bottom: 16px;

    color: #333;

    text-align: left;

}

.news_article .author-time .name {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    height: auto;

    overflow: hidden;

    font-size: 13px;

    line-height: 22px;

    color: #999;

}

.news_article .content_news {

    margin-top: 10px;

    letter-spacing: 2px;

    line-height: 26px;

    border-top: 1px solid #f3f3f3;

    font-family: "PingFang SC",Arial,"Microsoft Yahei",simsun,sans-serif;

    font-size: 16px;

}

.news_article .content_news img{

    display: inline-block;

    height: auto;

    width: 100%;

}

.news_article .content_news h2{

    margin: 20px 0;

    text-indent: 1em;

    font-size: 1.2rem;

}

.news_article .content_news h3{

    margin: 20px 0;

    text-indent: 1em;

    font-size: 1.1rem;

}

.news_article .content_news h4{

    margin: 20px 0;

    text-indent: 1em;

    font-size: 1rem;

}



.news_article .content_news  p {

    margin-top: 24px;

    overflow: hidden;

    /*font-size: 16px;*/

    color: #333;

    line-height: 1.8;

}



.news_article .content_left .font{font-size: 14px;}

.news_article .content_left .lin a{color: initial;}

.news_article .content_left .font a{color: #686868;}



.news_article .bzright {text-align: left;}

.news_article .bzright .module_title {

    display: block;

    padding-bottom: 20px;

    line-height: 30px;

    font-size: 26px;

}

.news_article .bzright .title_list ul {

    display: block;

    padding-bottom: 23px;

}

.news_article .bzright .title_list li {

    overflow: hidden;

    display: block;

    width: 100%;

    padding-bottom: 17px;

    line-height: 19px;

    font-size: 14px;

}

.title_list li.prefix a, .title_list li.prefix a p, .title_list li.prefix span {

    display: inline!important;

}

.title_list li.prefix span {

    padding: 0 2px;

    color: #d8d8d8;

}

.prefix a{color: #333;}

.news_article .bzright .title_list li.first_big {

    position: relative;

    margin-bottom: 20px;

    padding: 0;

    border-radius: 4px;

    overflow: hidden;

}

.news_article .bzright .title_list li a {

    vertical-align: middle;

    height: 100%;

}

.news_article .bzright .title_list li.first_big a {

    display: block!important;

}

.news_article .bzright .title_list li.first_big .pic_box {

    display: block;

    position: relative;

    width: 100%;

    height: auto;

}



.news_article .bzright .title_list li .pic_box {

    display: table-cell;

}



.news_article .bzright .pic_box {

    position: relative;

    overflow: hidden;

    border-radius: 4px;

}

.news_article .bzright .pic_box .bottom_mask {

    display: block;

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    bottom: 0;

    height: 23px;

    opacity: .6;

    filter: alpha(opacity=60);

    background: #000;

    z-index: 0;

    background: linear-gradient(180deg,transparent,rgba(0,0,0,.7));

}

.news_article .bzright .title_list li.first_big .infos {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    padding-left: 0;

    line-height: 20px;

    font-size: 16px;

    padding: 10px;

    padding-top: 30px;

    color: #fff;

}

.news_article .bzright .title_list li .infos {

    display: table-cell;

    vertical-align: middle;

    padding-left: 10px;

}

.news_article .news_article_right{padding: 0;max-width: 26%;}



.dot li .num, .sort li .icon_dot {

    display: none;

}

.sort li .title{color: #333;}

.title_list li .icon_dot {

    width: 6px;

    height: 6px;

    background: #e53e38;

    float: left;

    margin-top: 6px;

    display: none;

}

.title_list li .num {

    float: left;

    white-space: nowrap;

    width: 20px;

    font-family: Verdana-BoldItalic,Verdana;

    font-size: 16px;

    display: none;

}

.font_red {

    color: #c00;

}

.pic_title_subtitle, .pic_title_subtitle ul, .sort li .num {

    display: block;

}

.clearfix{overflow: hidden;}

.sort .icon_a{float: right;width: 91%;}

.news_article_left .name_right a.fontOption{

    float: right;

    white-space: nowrap;

    text-align: center;

    border-radius: 4px;

    display: block;

    width: 50px;

    height: 26px;

    border: 1px solid #ddd;

    font-size: 18px;

    color: #999;

    margin-left: 20px;

    line-height: 24px;

}

.news_article_left .name_right a.fontOption:hover{

    border: 1px solid #318cf5;

    text-decoration: none;

}



/**********************************img article************************************/

.img_article .img_article_right{text-align: left;}

.img_article .user-profile-pic {border-radius: 100%;width: auto;}

.img_article .pro-badge {

    background: rgba(0,0,0,0.6);border-radius: 3px;color: #fff;font-size: 12px;

    font-weight: bold;line-height: 1;text-transform: uppercase;padding: 2px 4px;

}

.img_article .img_article_right .img_article_right_p{margin-bottom: 1rem;}

.img_article .img_article_right .prompt-area {

    background-color: rgba(0,0,0,0.01);border-radius: 8px;

    padding: 1.5em;box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px;

}

.img_article .img_article_right .model-label{border: 1px solid rgba(0,0,0,0.6);padding: 0.3em 0.7em;}

.img_article .img_article_right .bi-heart{font-style: normal;}







/*********************************************导航页*****************************************************/

.navclass .navclassbody{display: flex!important;padding: 0!important;margin-left: -10px!important;

    justify-content: flex-start!important;flex-wrap: wrap!important;

}

.navclass .navclassbody-item {

    color: #61666D;

    margin: 10px;

    transition: .2s ease-out!important;

    border: 1px solid rgba(233,233,233,.8)!important;

    border-radius: 11px;

    padding: 8px 12px!important;

    height: auto!important;

    /*transition: background .6s,border .1s ease-in!important;*/

    display: flex;

    align-items: center;

    padding: 5px 14px;

    cursor: pointer;

    font-size: 18px;

}

/*.navclass .navclassbody-item:hover {

    border: 1px solid #318cf5 !important;

    background: #318cf5!important;

    color: #fff;

    color: #e95a44;

}*/

.navclass .navclassbody-item a {color: #333}

.navclass .navclassbody-item.active{background: #e95a44;color: #fff;}

.navclass .navclassbody-item.active a{color: #fff;}

.libody .libody-item{margin-top: 15px;position: relative;}

.libody .libody-item .medium{

    overflow: hidden;

    height: 280px;max-height: 280px;

    border-radius: 4px!important;

    border: 1px solid var(--color-border-default)!important;

    box-shadow: 0 3px 16px 0 rgba(38,47,92,.06);

    transition: .25s ease-in-out;

}

.libody .libody-item .notion-link{text-decoration: none; color: initial;}

.libody .libody-item .medium img {

    box-sizing: border-box;

    padding: 0;

    border: none;

    margin: auto;

    display: block;

    width: 0;

    height: 0;

    min-width: 100%;

    max-width: 100%;

    min-height: 100%;

    max-height: 100%;

    object-fit: cover;

    object-position: center 50%;

    transition: .25s ease-in-out;

}

.libody .libody-item .content .content-title{

    opacity: .85;

    line-height: 1.5;

    display: flex;

    align-items: flex-start;

    padding: 0;

    margin-top: 20px;

    margin-bottom: 10px;

    font-size: 22px!important;

    font-weight: 600!important;

    letter-spacing: -.5px!important;

}

.libody .libody-item .content .content-card .content-card-font .fontspan {

    display: inline-block;

    padding: 14px 10px!important;

    margin: 0 4px 0 0!important;

    line-height: 0!important;

    max-width: 100%!important;

    border-radius: 50px!important;

    opacity: .7;

    transition: opacity .15s ease-in-out!important;

}

.libody .libody-item .content .content-card .content-card-font {margin-bottom: 10px;}

.libody .libody-item .content .content-card .content-card-p {opacity: .8;font-family: system-ui;}



.content-card-pos{

        background: rgba(0,0,0,.3)!important;

    border-radius: 100px!important;

    padding: 10px!important;

    color: #fff!important;

    font-size: 16px!important;

    font-weight: 600!important;

    opacity: 1!important;

    transition: background .2s ease-in-out!important;

    position: absolute!important;

    top: 20px!important;

    right: 20px!important;

    width: 55px!important;

    height: 55px!important;

    display: flex!important;

    justify-content: center!important;

    align-items: center!important;

}

.content-card-pos font{opacity: 0.8;}

.libody-item .notion-link{overflow: hidden;transition: .25s ease-in-out;}

.libody-item .notion-link:hover .medium img{transform: scale(1.15)!important; transition: .25s ease-in-out;}

.libody-item .notion-link:hover .content-card .content-card-font .fontspan{opacity: 1;}

.libody-item .notion-link:hover .content-card-pos font{opacity: 1;}

.libody .color1{background: rgba(255,163,68,0.5);color: #ffffff;}

.libody .color2{background: rgba(255,163,68,0.5);color: #ffffff;}

.libody .color3{background: rgba(255,115,105,0.5);color: #ffffff;}

.libody .color4{background: rgba(82,156,202,0.5);color: #ffffff;}

.libody .color5{background: rgba(77,171,154,0.5);color: #ffffff;}

.libody .color6{background: rgba(206, 205, 202, 0.5);color: #ffffff;}

.libody .color7{background: rgba(206, 205, 202, 0.5);color: #ffffff;}

.libody .color8{background: rgba(154,109,215,0.5);color: #ffffff;}

.libody .color9{background: rgba(206, 205, 202, 0.5);color: #ffffff;}

.libody .color10{background: rgba(255,220,73,0.5);color: #ffffff;}

.libody .color11{background: rgba(151,154,155,0.5);color: #ffffff;}

.libody .color12{background: rgba(255,115,105,0.5);color: #ffffff;}

.libody .color13{background: rgba(226,85,161,0.5);color: #ffffff;}

.libody .color14{background: rgba(147,114,100,0.5);color: #ffffff;}

.libody .color15{background: rgba(77,171,154,0.5);color: #ffffff;}

.libody .color16{background: rgba(255,220,73,0.5);color: #ffffff;}

.libody .color17{background: rgba(151,154,155,0.5);color: #ffffff;}

.libody .color18{background: rgba(147,114,100,0.5);color: #ffffff;}

.libody .color19{background: rgba(255,115,105,0.5);color: #ffffff;}

.libody .color20{background: rgba(255,220,73,0.5);color: #ffffff;}

.libody .color21{background: rgba(82,156,202,0.5);color: #ffffff;}

.libody .color22{background: rgba(151,154,155,0.5);color: #ffffff;}

.libody .color23{background: rgba(226,85,161,0.5);color: #ffffff;}

.libody .color24{background: rgba(151,154,155,0.5);color: #ffffff;}

.libody .color24{background: rgba(206, 205, 202, 0.5);color: #ffffff;}




/**********************************************筛选内容页*********************************/

.notion-header_title{

    font-weight: 700;

    padding: 2px;

    margin-bottom: 0;

    margin-top: 0;

    font-size: 2.5rem;

    line-height: 2.5rem;

    min-height: 48px;

}

.rowcontent .notion-img .notion-link .widimg{border-radius: 20px;}

.super_right .super_right_title .notion-text_content{

    line-height: 1.8rem;

    font-size: 18px;

}

.super_right .super_right_title .title1{margin-top: 1rem;}

.super_right .super_right_title .title2{margin-top: 2rem;}

.super_right .super_right_title .sup_tit{font-size: 20px;font-weight: 600;}

.super_right .super_right_title .title3 .notion-link{

    text-decoration: none;

    color: #61666D;

    font-family: "黑体";

    padding: 10px 12px;

    font-weight: 300;

    border: 1px solid #61666D;

    border-radius: 6px;

    height: auto;

    transition: background .6s,border .1s ease-in;

}

.super_right .super_right_title .title3 .notion-link:hover{border: 1px solid #bbb;}

.notion-divider{border-top:1px solid #f0f0f0;padding-bottom: 5px;}

.notion-divider .notiontitle{

    margin-top: 0.75rem;

    font-size: 1.5rem;

    margin-bottom: 0;

    padding: 3px 2px;

    position: relative;

}

.notion-divider .span{

    font-size: 20px;

    color: initial;

}

.notion-divider .notion-cloum_a{text-decoration: none;display: inline-block;width: 100%;}

.notion-divider .notion-cloum_a:hover{background: #eee;}

.rowcontent .notion-img .notion-link .widimg:hover{opacity: .8;}

.notion-divider .notion-cloum_p{

    font-size: 18px;

    margin-top: 10px;

    color: #61666D;

}





/*msg与404*/

.fc-msg-main { text-align: center; margin-top: 30px}

.fc-msg-main .fc-msg-body {min-height: 400px}

.fc-msg-main .fc-msg-body i.fa {font-size: 30px; display: inline-block; background-color: #000000; color: #fff; border-radius: 100px; height: 50px; line-height: 50px; width: 50px; margin: 20px auto}

.fc-msg-main .fc-msg-body .fc-msg-info {display: block}

.fc-msg-body .fc-msg-info .fc-msg-title {padding: 10px 0 20px}

.fc-msg-body .fc-msg-info .fc-msg-title {color: #d91010; font-size: 18px}





.wzdh-list li .box {
    font-size: 1.2rem;
    color: initial;transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    will-change: transform;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.wzdh-list li .box .thumb{max-width:40px;margin-top:-40px;}
.wzdh-list li .box .thumb .rounded-circle{max-width:40px;}
.wzdh-list li .box .desc {color: #6c757d;height: 70px;overflow: hidden;font-size: 1rem;}
.chatgpt .libody .wzdh-list .bor:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3)
}
/*.wzdh-list li .box:hover .t {color: #175ee2}*/

.chatgpt .libody .wzdh-list{padding-left: 0;}
.chatgpt .libody .wzdh-list .bor{
    box-shadow: 0 2px 18px 2px rgb(217 223 231 / 60%);
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    will-change: transform;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.chatgpt .libody .wzdh-list .listnav{background-color:#ffffff;}
.wzdh-list li .box{padding:2rem 0 1.5rem 0;margin:0 1rem;}
.chatgpt .libody .wzdh-list .listnav .prompt-card-info-bar{background-color:#ffffff;padding:0 1rem;}
.wzdh-list li .box{border-bottom:1px solid #ddd; }


.wzdh-list .listnav .font-weight-bold{height:24px;overflow:hidden;font-size:1rem;}

/* 筛选 */

.dyui-screen .form-group .control-label {padding-right: 20px;line-height: 38px;}

.dyui-screen .form-group a {display: block; padding: 0 10px;

    background-color: #F6F7F8;

    border-radius: 0.3rem;

    color: #61666D;

    height: 2.4rem;

    text-align: center;

    line-height: 2.4rem;}

.dyui-screen .form-group a.active {background-color: #2f82ff; color: #fff}
.dyui-screen .form-group a:hover {background-color: #2f82ff; color: #fff}

.dyui-screen .form-group .box label {padding-left: 5px; padding-right: 5px}





/*弹出购买表单*/

.form-payform { overflow: auto;}

.form-payform .form-body {padding: 15px}

.form-payform .form-group .control-label {margin-bottom: 10px}

.form-payform .form-group .col-md-5 {width: 100%}

.form-payform .form-group .col-md-2 {width: 100%; max-width: 100%}

.form-payform .form-body .form-actions .col-md-9{width: 100%; text-align: center}

.form-payform .btn-group {border: solid 1px #ddd}

.form-payform .btn-group label {margin: 0}

.form-payform .btn-group input[type="radio"] {display: none}

.form-payform .btn-group i {margin-right: 5px;}

/*选中状态*/

.form-payform .btn-group .active {background-color: #e6e6e6}

/*余额支付图标*/

.form-payform .icon-yiban:before {

    content: "\f157"; font-family: FontAwesome;

}



.form-payform .form-actions .btn.green {background-color: #dc3545; color: #fff}



/*shouye*/
.mainbody .main-1{margin-top: 30px}
.mainbody .main-1 h2 a{font-size: 1.0625rem;padding: 0.6rem 1.25rem;border: 1px solid #ddd;color: #444;background: #e1e1e1;border-radius: 7px;letter-spacing: 3px;}
.mainbody .main-1 h2 a:hover{color: #333;background: #F8FBFF;border: 1px solid #e1e1e1;}
.mainbody .main-2{margin-top: 30px;display: flex;}
.mainbody .main-2 .main-2_ul{padding: 0 3px;position: relative;white-space: nowrap;flex-wrap: initial;display: flex;
    background: rgba(0,0,0,.1);border-radius: 50px;border: 3px solid transparent;overflow: hidden;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
		.mainbody .main-2 .main-2_ul li.active a{background: #777;color: #fff;}
.mainbody .main-2 .main-2_ul .list a{display: inline-block;padding: 0 12px;height: 28px;line-height: 28px;border-radius: 20px;color: #888;}

.card-body .card-text {
    color: #6c757d;
    overflow: hidden;
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.card-body h5 {font-weight: 600;font-size: 1.2rem;color: initial;max-height:46px;overflow:hidden;}
#content_list .card .card_a {text-decoration: none;height: 232px;overflow: hidden;}
.newlb .card_a{height:180px !important;}
.newlb .card-body{padding:1rem;}
.newlb .card-body h5{max-height:40px;overflow:hidden;font-size:1rem;}
#content_list .card .card_a .card-img-top {min-height: 232px;height: auto;}
#content_list .card{margin-top: 15px;}
.listcol .listact{display:none;}
.listcol .listact:first-child{display:block;}


.carousel-control-next, .carousel-control-prev{z-index:2;}

.trending-searches{margin-top:15px;}
.trending-searches .ssad,.trending-searches .ssaa{overflow:hidden;max-height:33.3px;}
.trending-searches .ssaa{margin-top:5px;}
.trending-searches .ss{    float: left;margin-top: 5px;max-width: 120px;overflow: hidden;max-height: 28px;}
.trending-searches .ss img{width:15px;margin-bottom:2px;}
.sshead .J_input{border: 1px solid rgba(0,0,0,0.1);height: 40px;margin-left: 0;width: 85%;padding-left: 10px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.sshead .s_right{border-radius: 0;border: 0px solid rgba(0,0,0,0.1);border-left: 0;height: 40px;}
.sshead .s_right .t_icon{margin-top:0;}
.sshead .sstab .sstab_list{
    color: #777;height: 40px;padding: 0 15px;border: 1px solid #ddd;border-left: 0;cursor: pointer;
    display: inline-block;
}

.sstabboot .aa1{height:100%;width:100%;border:1px solid rgba(0,0,0,0.1);background:#fff;border-left:0;color:#666;font-size:14px;}
.sstabboot .aa3 a{padding-left:10px;color:#333;font-size:14px;}
.sstabboot .aa3 a:hover{color:#007bff;}
.cardsy .prompt-card-title-area{padding-right: 0em;padding-bottom: 1em;border-bottom:1px solid #ddd;}
.cardsy .prompt-card-title{display: inline-block;padding-right: 0.8em;}
.cardsy .text-muted{height: 90px;background: rgb(217 223 231 / 20%);padding: 10px;overflow: hidden;}
.cardsy .text-muted .gnjj{padding-left: 9px;
    border-radius: 4px;color: #fff;font-size: 15px;display: inline-block;background: rgb(217 223 231 / 80%);}
.model-selection-button{color:#fff;border:1px solid #ccc;}
.sshead{padding:5rem 0;}
.mainbe{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;
    align-items: center;display: flex;color: white;position: relative;}
.mainbe:before {content: ''; position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(to bottom right,#000,#000);opacity: .3;}
@media only screen and (min-width: 992px){
    .grid-item {
        width: 292px;
}}
@media only screen and (max-width: 768px){
    .sshead .row {
        margin: 0;
}}

.inputwidth .J_searchInput{width:90%;}
.inputwidth .s_input{width:87% !important;}






/* 登录注册 */

.body-login .form-group {border: solid 1px #ced4da; padding:5px 10px;}

.body-login .form-group .input-icon {display: flex; align-items: center}

.body-login .form-group .input-group {display: flex; align-items: center}

.body-login .form-group .input-icon i {color: #999}

.body-login .form-group .form-control {border: none}

.body-login .form-group custom-select:focus,

.body-login .form-group .form-control:focus {border-color:#ccc;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)}

.body-login .form-group .login-code {justify-content: space-between; flex-wrap: nowrap}

.body-login .form-group .login-code .input-icon {width: 100%; overflow: hidden; flex-shrink: 1}

.body-login .form-group .login-code .fc-code {flex-shrink: 0}
.body-login .form-group .control-label {text-align: right}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}


.hlbody {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background: url(/static/image/login_bg.png) 50%;
    display: block;
    background-size: cover;
    overflow: hidden;
    z-index: 1000;
}
.hlbody::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    content: '';
}
.YT-form-btn, .YT-getcode-btn, .reg {
    height: 44px;
    -webkit-appearance: none;
    outline: 0;
    border: 0;
}


.YT-form-btn, .reg {
    display: inline-block;
    width: 100%;
    border-radius: 44px;
    line-height: 44px;
    background: #2f82ff;
    text-align: center;
    font-size: 1.15rem;
    color: #fff;
    border: 0;
    letter-spacing: 1px;
}
.YT-form-btn:hover {
    color: #fff;
}
.auth{padding: 0 10%;border-radius: 5px;height: 100%;position: relative;text-align: center;}
.auth .line{height:1px;color:#000;background:#DBDBDB;margin-top:20px;margin-left:15px;margin-right:15px}
.auth .title .text{font-size:14px;color:#DBDBDB;background:#fff;line-height:20px;margin:0 auto;text-align:center;width:150px}
.auth .title{position:relative}
.auth .title .text-wrapper{position:absolute;top:-10px;left:0;width:100%}
.auth-btn{background:url(http://openly.top/source/plugin/hl_wxlogin/template/images/ico0.png) no-repeat;height:48px;width:48px;background-size:48px 48px;margin-left:5px}
.auth-btn.qq{background:url(//sta.ganjistatic1.com/public/image/mobile/touch/beijing/icon_login_qq.png) no-repeat;background-size:48px 48px}

.auth-area{margin:0 auto;padding-top:30px; text-align:center}
.auth-webo{ /*float:left*/}
.auth-webo .webo{ margin:0 auto; text-align:center}

.auth-qq,.auth-webo{display:inline-block}
.auth-area .text{width:60px;text-align:center;color:#DBDBDB;font-size:14px; line-height:28px; margin:0 auto}

.auth .logo{margin-top: 100px;}
.auth .btn_login{position: absolute;bottom:100px; width: 80%;}
.auth .one-design-tab-more{font-size: 14px;color: #eee;margin-top: 10px;display: block;}

/****/
.one-offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;visibility:hidden;max-width:100%;outline:0;background-color:#fff;background-clip:padding-box;transition:transform .3s ease-in-out;flex-direction:column;}
.one-offcanvas-top{top:0;right:0;left:0;height:auto;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%);}
.one-offcanvas-bottom{right:0;left:0;height:auto;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(110%);border-radius: 10px 10px 0 0;}
.one-offcanvas-start{top:0;left:0;width:80%;transform:translateX(-100%);}
.one-offcanvas-start.one-offcanvas-full{width:80%;}
.one-offcanvas-end{top:0;right:0;width:80%;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%);}
.one-offcanvas-end.one-offcanvas-full{width:100%;}
.one-offcanvas.one-show{transform:none;}
.one-offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;}
.one-offcanvas-backdrop.one-fade{opacity:0;}
.one-offcanvas-backdrop.one-show{opacity:.5;}

/****/
.one-block-handler+.one-block-conditions{padding-top:0;}
.one-block-handler{position:relative;top:0;left:0;z-index:10;width:100%;height:22px;background:0 0;cursor:pointer;}
.one-block-handler:after{position:absolute;top:50%;left:50%;margin-left:-18px;width:36px;height:4px;border-radius:3px;background:#666;content:'';}

.hl_qrcodebox {text-align:center;;margin-top:30px;}
.hl_subtit {color:#333;font-size:14px;margin-bottom:10px;gap: 15px;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.hl_tit img{vertical-align: middle;width: 16px;}
.hl_tit {color:#a3a3a3;font-size:14px;margin-bottom:10px;gap: 15px;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.hl_text {color:#333;font-size:14px;height:40px;overflow:hidden}

@media (min-width: 1000px){
    .hlbody{display:none;}
}

.mt-auto span a{font-size:1rem;}

/*##############################*/
.mainbod{display:flex;margin-top: 5px;padding: 0;}
.mainbod .colmid .backcolor{
    box-shadow: 0 2px 18px 2px rgb(217 223 231 / 60%);
     color: initial;transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    will-change: transform;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 1rem;
}
.mainbod .colmid .listop a{font-size:1.2rem;color:#333;font-weight:600;}
.mainbod .colmid .prompt-info-id{margin-top:1rem;}
.mainbod .colmid .prompt-info-id .model-label .smalllogo{width: 30px;height: 30px;border-radius: 10px;display: inline-block;} 
.mainbod .colmid .prompt-info-id .model-label .smalllogo img{width: 100%;height: 100%;border-radius: 30px;}
.mainbod .colmid .prompt-info-id .model-label .smallname{font-style: normal;vertical-align: middle;font-size: 13px;}
.mainbod .colmid .prompt-info-id .span1 .model-label{padding:0;display:initial;}
.mainbod .colmid .prompt-info-id .span2{float:right;margin-top:5px;}
.mainbod .colmid{padding-right:10px;padding-left:10px;margin-top:10px;margin-top:20px;}
.mainbod .colmid:nth-child(1){padding-left:15px;}
.mainbod .colmid:nth-child(5){padding-left:15px;}
.mainbod .colmid:nth-child(4){padding-right:15px;}
.mainbod .colmid:nth-child(8){padding-right:15px;}



.mainbod .colmid .backcolor:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3)
}



.abta{

    position: relative;

    width: 100%;

    height: 100%;

    font-size: 21px;

    color: #fff;

    text-align: center;

    border: 0;

    border-radius: 35px;

    overflow: hidden;

    background: -moz-linear-gradient(214deg,#4456fd,#1eacf6);

    background: -o-linear-gradient(214deg,#4456fd,#1eacf6);

    background: linear-gradient(-124deg,#4456fd,#1eacf6);

    -webkit-box-shadow: 0 0 13px 6px rgb(34 129 247 / 13%);

    -moz-box-shadow: 0 0 13px 6px rgba(34,129,247,0.13);

    box-shadow: 0 0 13px 6px rgb(34 129 247 / 13%);

    -moz-transition: all .1s;

    -o-transition: all .1s;

    -webkit-transition: all .1s;

    transition: all .1s;

    -webkit-backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

}





.afud{width: 40%;margin: 0 auto;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1}

.anim:before{position:relative;content:"";display:block;margin-top:100%}

.anim:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}

.hoverable .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}

.hoverable .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}

.hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s}@-webkit-keyframes anim-in{0%{width:0}100%{width:100%}}@-moz-keyframes anim-in{0%{width:0}100%{width:100%}}@-ms-keyframes anim-in{0%{width:0}100%{width:100%}}@keyframes anim-in{0%{width:0}100%{width:100%}}@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-webkit-keyframes anim-out{0%{width:0}100%{width:100%}}@-moz-keyframes anim-out{0%{width:0}100%{width:100%}}@-ms-keyframes anim-out{0%{width:0}100%{width:100%}}@keyframes anim-out{0%{width:0}100%{width:100%}}@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}

.btn_ljqg a{font-size: 14px;text-decoration: none;width: 100%;
    height: 44px;
    border-radius: 22px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    display: inline-block;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
    color: #fff;

}
.form-horizontal .form-group .btn-lg{padding-left: 20px !important;padding-right: 20px !important;margin-left:0 !important;}
.form-body .form-group:nth-child(3){display:flex;}
.form-body .form-group:nth-child(3) .col-md-5{flex: 0 0 75%;max-width: 75%;}

.form-body .form-group:nth-child(3) .col-md-5 .btn-group{border:0;}
.form-body .form-group:nth-child(3) .col-md-5 .btn-group .btn-default{border:1px solid #ddd}

.form-body .form-group:nth-child(3) .col-md-5 .btn-group .btn-default:nth-child(2){border-left:0;border-right:0;}
.beian:hover p{color:#bbb !important;}
.beian:hover{color:#bbb !important;}
.prompt-cardname {
    margin-top: -10px;
}



.btnfenxiang{display:none !important;}




.portlet {
  margin-bottom: 30px;
  border: 1px solid #e7ecf1;
  border-radius: 4px;
  padding: 30px;
}


.form-actions .btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #28a745; /* 添加按钮边框 */
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s;
}

.form-actions .btn:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.ad_mj {
    float: right;
    background: linear-gradient(to right, #59939f, #0059ff); /* 设置背景为从浅绿到浅蓝的渐变 */
    padding: 6px; /* 根据需要调整内边距 */
    border-radius: 5px; /* 根据需要调整边框圆角 */
    color: #fff; /* 设置文字颜色为白色，以确保在渐变背景上能够清晰可见 */
    position: absolute;
    right: 100%;
    width: 160px;
    margin-right: 60px;
}