@CHARSET "UTF-8";
:root {
    --primary-color: #165DFF;
    --secondary-color: #6B7280;
    --light-color: #F3F4F6;
    --dark-color: #1F2937;
    --success-color: #10B981;
    --warning-color: #F59E0B;
    --danger-color: #EF4444;
    --border-radius: 8px;
    --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --transition: all 0.3s ease;
}
body {
    padding-top: 70px;
    background: #f0f0f0;
    height: auto;
    min-height: 500px; /* 或者使用视口单位 */
}

body.body-white {
    background: #fff;
}
.minhei{
    min-height: 55vh;
}
ul {
    display: block;
     list-style: none;
   
}
.newslist{
    margin-top: 20px;
    margin-bottom: 20px;
    height: 300px;
    clear: both;
}
.newslist ul{
    width: 100%;
}
.newslist ul li .name {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.newslist ul li {width:49%;margin-right:1%; float:left;padding: 20px 0 36px 0px;border-bottom: 1px solid #d2d2d2;height:30px;overflow:hidden}
@media (max-width: 767px) {
    .newslist ul li {
     width:100%;
    }
}
.newslist ul li:hover .name {color: #0075c2;}
.newslist ul li .name {display: block;font-size: 18px;color: #333;font-weight: 700;text-transform: uppercase;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.pl-5{
    padding-left: 15px;
}
.mb-5{
    margin-bottom: 15px;
}
.section{
    width: 100%;
    overflow: hidden;
}
.section img{
    width: 100%;
}
.relpostion{
    position: relative;
}
.fenye{
    width: 100%;
    float: right;
    position: absolute;
    bottom: 5px;
    margin-top: 20px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar .nav .user {
    padding: 0;
    line-height: 70px;
}

.navbar .nav .user .headicon {
    margin: 0 5px;
    height: 30px;
    border-radius: 50%;
}

.navbar .nav .user .caret {
    vertical-align: middle;
    margin: 0 5px;
}

/*tc widget*/
.tc-main {
    margin-top: 20px;
}

/*tc-box*/
.tc-box {
    background: #fff;
    padding: 5px 10px;
    margin: 0 0 10px 0;
}

.body-white .tc-box{
    border: solid 1px #eee;
}

.tc-box.first-box {
    margin: 0 0 10px 0;
}

.tc-box.article-box {
    padding: 5px 20px;
}

/*tc-box end */

/* The blog boxes */
/*.tc-gridbox {
  background-color: #ececec;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 1px #a8a8a8;
  -moz-box-shadow: 0px 1px 1px #a8a8a8;
  box-shadow: 0px 1px 1px #a8a8a8;
  margin-bottom: 40px;
}*/
.tc-gridbox-container {
    width: 25%;
    float: left;
}

.tc-gridbox {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #eee;
    background: #fff;
    cursor: pointer;
}

.tc-gridbox {
    margin: 0 10px 20px 10px;
}

.tc-gridbox:hover {
    -webkit-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
    box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
}

.tc-gridbox a {
    text-decoration: none;
}

@media ( min-width: 768px) and (max-width: 979px) {
    .tc-gridbox {
        display: block;
        float: none;
        width: 95%;
    }
}

@media ( max-width: 979px) {
    .tc-gridbox-container {
        display: block;
        float: none;
        width: 100%;
    }

    .tc-gridbox {
        margin: 0 0 10px 0;
    }
}

.tc-gridbox .header {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    background: #fff;
}

.tc-gridbox .footer {
    padding: 5px 14px 5px 14px;
    text-align: right;
    background: #fff;
}

.tc-gridbox .header .item-image {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.tc-gridbox .header img {
    margin-bottom: 5px;
    width: 100%;
    /*-webkit-transition: all 0.8s ease-in-out;*/
    /*-moz-transition: all 0.8s ease-in-out;*/
    /*-o-transition: all 0.8s ease-in-out;*/
    /*-ms-transition: all 0.8s ease-in-out;*/
    /*transition: all 0.8s ease-in-out;*/
}

.tc-gridbox .header img:hover {

    /*-webkit-transform: scale(1.2) rotate(2deg);*/
    /*-moz-transform: scale(1.2) rotate(2deg);*/
    /*-o-transform: scale(1.2) rotate(2deg);*/
    /*-ms-transform: scale(1.2) rotate(2deg);*/
    /*transform: scale(1.2) rotate(2deg);*/
}

.tc-gridbox .header h3 {
    color: #454a4e;
    margin: 0 5px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
}

.tc-gridbox .header h3 a,
.tc-gridbox .header h3 a:focus,
.tc-gridbox .header h3 a:hover {
    color: #454a4e;
    white-space: nowrap;
}

.tc-gridbox .header .meta {
    color: #5a6065;
}

.tc-gridbox .header hr {
    border-top-color: #eee;
    border-bottom: none;
    margin: 5px 0;
}

.tc-gridbox .body {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 14px;
    color: #343a3f;
}

.tc-gridbox .body a {
    color: #666;
}

.tc-gridbox .body a:hover {
    color: #428bca;
}

.tc-gridbox .btn {
    float: right;
    margin-right: 10px;
    margin-bottom: 18px;
}
.fr{
    float: right;
}
/*masonary*/

.masonary-container .item {
    margin-bottom: 20px;
}

.masonary-container .item h3 {
    line-height: 100%;
}

.masonary-container .grid-sizer, .masonary-container .item {
    width: 24.9%;
    margin: 10px 0.05%;
    float: left;
    zoom: 1;
}

@media ( max-width: 479px) {
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 98%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

@media ( min-width: 480px) and (max-width: 767px) {
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 48%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

/*list Boxes
------------------------------------*/
.list-boxes {
    overflow: hidden;
    padding: 15px 20px;
    margin-bottom: 25px;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    word-wrap: break-word;
    word-break: break-all;
    border: solid 1px #eee;
}

.list-boxes:hover {
    border: solid 1px #ddd;
}

.list-boxes h2 a {
    color: #555;
}

.list-boxes:hover h2 a {
    color: #f90;
}

.list-boxes .list-actions a {
    font-size: 16px;
    text-decoration: none;
}

.list-boxes p a {
    color: #72c02c;
}

.list-boxes .list-boxes-img li i {
    color: #72c02c;
    font-size: 12px;
    margin-right: 5px;
}

.list-boxes .list-boxes-img img {
    display: block;
    margin: 5px 10px 10px 0;
}

.list-boxes h2 {
    margin-top: 0;
    font-size: 20px;
    line-height: 20px;
}

.list-boxes ul.list-boxes-rating li {
    display: inline;
}

.list-boxes ul.list-boxes-rating li i {
    color: #f8be2c;
    cursor: pointer;
    font-size: 16px;
}

.list-boxes ul.list-boxes-rating li i:hover {
    color: #f8be2c;
}

/*list Colored Boxes*/
.list-boxes-colored p,
.list-boxes-colored h2 a,
.list-boxes-colored .list-boxes-img li,
.list-boxes-colored .list-boxes-img li i {
    color: #fff;
}

/*Red list Box*/
.list-boxes-red {
    background: #e74c3c;
}

/*Blue list Box*/
.list-boxes-blue {
    background: #3498db;
}

/*Grey list Box*/
.list-boxes-grey {
    background: #95a5a6;
}

/*Turquoise list Box*/
.list-boxes-sea {
    background: #1abc9c;
}

/*Turquoise Top Bordered list Box*/
.list-boxes-top-sea {
    border-top: solid 2px #1abc9c;
}

.list-boxes-top-sea:hover {
    border-top-color: #16a085;
}

/*Yellow Top Bordered list Box**/
.list-boxes-top-yellow {
    border-top: solid 2px #f1c40f;
}

.list-boxes-top-yellow:hover {
    border-top-color: #f39c12;
}

/*Orange Left Bordered list Box**/
.list-boxes-left-orange {
    border-left: solid 2px #e67e22;
}

.list-boxes-left-orange:hover {
    border-left-color: #d35400;
}

/*Green Left Bordered list Box**/
.list-boxes-left-green {
    border-left: solid 2px #72c02c;
}

.list-boxes-left-green:hover {
    border-left-color: #5fb611;
}

/*Green Right Bordered list Box**/
.list-boxes-right-u {
    border-right: solid 2px #72c02c;
}

.list-boxes-right-u:hover {
    border-right-color: #5fb611;
}

/*comments*/
.comment-list{
     margin-bottom: 10px;
}
.comment {
    margin-bottom: 10px;
}

.comment .avatar {
    height: 40px;
    width: 40px;
}

.comment-body {
    overflow: hidden;
}

.comment-content {
    padding-bottom: 2px;
    word-break: break-all;
    word-wrap: break-word;
}

.comment > .pull-left {
    margin-right: 10px;
}

.comment .time {
    color: #ccc;
    font-size: 12px;
    line-height: 14px;
}

.comment-postbox-wraper {

}

.comment-postbox {
    width: 100%;
    padding: 10px;
}

.comment-reply-box {
    position: relative;
}

.comment-reply-box .textbox {
    width: 100%
}

.comment-reply-submit .btn {
    margin-top: 20px;
}

/*ranking box*/

.ranking ul li {
    padding: 5px 0;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #f0f0f0;
}

.ranking ul.unstyled li i {
    margin-right: 5px;
}

.ranking li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 15px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    background-color: #aaa;
}

.ranking li.top3 i {
    background: #FC9B0B;
}

/*comment ranking box*/
.comment-ranking .comment-ranking-inner {
    padding: 10px;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 10px;
    /*border-top: solid 2px #eee;*/
}

.comment-ranking .comment-ranking-inner,
.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    width: 0;
    height: 0;
    right: 0px;
    bottom: 0px;
    content: " ";
    display: block;
    position: absolute;
}

.comment-ranking .comment-ranking-inner:after {
    border-top: 15px solid #eee;
    border-right: 15px solid transparent;
    border-left: 0px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-right-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:before {
    border-bottom: 15px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-bottom-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:hover {
    border-color: #FC9B0B;
    border-top-color: #FC9B0B;
    background: #f0f0f0;
}

.comment-ranking .comment-ranking-inner:hover:after {
    border-top-color: #FC9B0B;
}

.comment-ranking .comment-ranking-inner span.comment-time {
    color: #777;
    display: block;
    font-size: 11px;
}

.comment-ranking .comment-ranking-inner a {
    text-decoration: none;
}

.comment-ranking .comment-ranking-inner a:hover {
    text-decoration: underline;
}

.comment-ranking .comment-ranking-inner i.fa {
    top: 2px;
    color: #bbb;
    font-size: 18px;
    position: relative;
}

/*ThinkCMF Photos*/
ul.tc-photos {
    margin: 0;
}

.tc-photos li {
    display: inline;
}

.tc-photos li a {
    text-decoration: none;
}

.tc-photos li img {
    opacity: 0.6;
    width: 50px;
    height: 50px;
    margin: 0 2px 8px;
    border: 1px solid #ddd;
}

.tc-photos li img:hover {
    opacity: 1;
    border: 1px solid #f90;
    /* box-shadow: 0 0 0 1px #f90; */
}

/**/

/*Blog Posts
------------------------------------*/
.posts .dl-horizontal a {
}

.posts .dl-horizontal {
    margin-bottom: 15px;
    overflow: hidden;
}

.posts .dl-horizontal dt {
    width: 60px;
    float: left;
}

.posts .dl-horizontal dt .img-wraper {
    display: block;
    width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd;
}

.posts .dl-horizontal dt img {
    width: 100%;
    height: 100%;
    /* width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd; */
}

.posts .dl-horizontal dd {
    margin-left: 70px;
}

.posts .dl-horizontal dd p {
    margin: 0;
}

.posts .dl-horizontal dd a {
    font-size: 14px;
    line-height: 16px !important;
}

.posts .dl-horizontal dd a:hover {
    text-decoration: none;
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
    color: #FC9B0B;
    border-color: #FC9B0B !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.size26 {
    font-size: 26px !important;
}
.size30 {
    font-size: 30px;
}
#footer {
    background: url("../images/ft-bg.png") top center no-repeat;
    background-size: cover;
    color: #fff;
    padding: 20px 15% 40px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
#footer a {
    color: #fff;
}
#footer .top-gz {
    padding: 0 0 30px;
}

.lx-btn {
    display: inline-block;
    padding: 15px 50px;
    border-radius: 36px;
    font-size: 30px;
    border: 2px solid #e5e5e5;
    color: #fff;
}
.weixinbox {
    position: relative;
}
.weixinbox img {
    width: 120px;
    position: absolute;
    left: -150%;
    display: none;
    z-index: 3;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.weixinbox:hover img {
    display: block;
}
.navbar{
    background-color: #428bca;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.navbar-logo {
    float: left;
    padding: 25px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 70px;
}
.navbar-default .navbar-logo{
    color: #ffffff;
}
.usimg{
    width: 100%;
    overflow: hidden;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
    color:#ffffff;
}

.search-group {
    border: 0.1rem solid #428bca;
    width: 100%;
     
    background: #FFFFFF;
    height: 4rem;
}
.search-group input {
        padding-left: 1%;
        width: 79%;
        border: 0 !important;
        box-shadow: none !important;
        height: 100%;
    }
.search-group .btn-search{
        width: 20%;
        height: 4rem;
        color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
    float: right;
}
.listinfo{
     
    padding-bottom: 20rpx;
    margin-top: 20px;
    margin-bottom: 20px;
}
.addbtn{
    height: 4rem;
    color: #ffffff;
 
    width: 200px;
}
.addbtn a{
    color: #ffffff;
}

.list-txt {
     
    border-bottom: 1px dashed #e5e5e5;
    height: 40px;
    margin-top: 10px;
}
.list-txt span{
    padding-right: 10rpx;
    padding-left: 10rpx;
}
.timetxt{width: 180px;}

.woo-content {
    border-radius: 18px;
    border: 1px solid #d8d8d8;
    padding: 20px 20px;
    flex: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}

.woo-content .aboutdes {
    font-size: inherit;
    line-height: 24px;
}


.insider-container{
    width: 100%;
    float: none;
    margin:10px 0px 0px 20px;
    min-height: 55vh;
}
.shop{
    margin: 0;
    padding: 0;
    border: 0;
}
.shop ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.shop li {
    position: relative;
    width: 24%;
    margin: 0 1% 0 0;
    margin-bottom: 2%;
    float: left;
 
}

.shop li .item_init {
    border: 1px solid #ddd;
    padding: 10px 20px 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
}
.shop li .date {
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    padding-top: 6px;
}
.shop li .thumb {
    padding-top: 60%;
    overflow: hidden;
    position: relative;
    margin: 10px 0;
}
.shop li .thumb img{
     width: 100%;
    height: 100%;
}
.shop li .thumb a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.shop li .item_con {
    overflow: hidden;
    position: relative;
}
.shop li .item_con .item_tit {
    font-size: 1.5em;
    height: 2.5em;
    line-height: 2.5em;
    overflow: hidden;
    padding-top: 5px;
}
.reset {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
}
.shop li .item_more {
    padding-top: 15px;
}
.button {
    width: 102px;
    max-width: 96%;
    display: block;
    border: 1px solid #ddd;
    background: none;
    vertical-align: middle;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 1px 1px 2px #ddd;
}
.detail_table {
    width: 100%;
}
.comm_view img {
    width: 250px;
    height: 162px;
    float: left;
    text-align: left;
    margin-right: 10px;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
}

#floor_1 {
    padding: 15px 0px;
}
.left_title1 {
    text-align: center;
    overflow: hidden;
    margin-bottom: 25px;
    margin-top:10px;
}
.left_title1 h2 a {
    line-height: 40px;
    font-size: 30px;
    font-weight: normal;
    color: #000;
}
.left_title1 p {
    color: #888;
    font-size: 14px;
}
.left_title1 i {
    display: block;
    width: 40px;
    height: 2px;
    background: #2b2b2b;
    margin: 0 auto;
    margin-top: 10px;
}
.left_body1 {
    overflow: hidden;
    zoom: 1;
}
.gridlist1 {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gridlist1 li {
    list-style: none outside none;
    float: left;
    position: relative;
    width: 285px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.gridlist1 li a.InfoPicture {
    width: 100%;
    height: 200px;
    display: inline-block;
}
.gridlist1 li .InfoTitle {
    display: block;
    background: #fff;
}
.gridlist1 li img {
    width: 100%;
    height: 100%;
    transition: .2s ease 0s;
    -moz-transition: .2s ease 0s;
    -webkit-transition: .2s ease 0s;
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color:#ffffff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
     
    background-color: rgba(0, 0, 0, 0.05);
}

.base-modal{position:fixed;left:0;top:0;z-index:204;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}

.discussion-list {
    margin-top: 2rem;
    min-height: 55vh;
}

.hover-card {
    transition: var(--transition);
    border-radius: var(--border-radius);
}

.hover-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.card-title a {
    transition: var(--transition);
}

.card-title a:hover {
    color: var(--primary-color);
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.shadow-sm {
    box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important;
}
.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}
.rounded-circle {
    border-radius: 50% !important;
}
.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
}
.content{
    
    padding: 10px 10px;
}
.justify-content-between {
    justify-content: space-between !important;
}
.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}
 /* 表情选择器 */
.emoji-picker {
    position: absolute;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    padding: 10px;
    z-index: 1000;
    display: none;
}

.emoji-picker.active {
    display: block;
}

.emoji-item {
    display: inline-block;
    font-size: 1.5rem;
    padding: 5px;
    cursor: pointer;
    transition: var(--transition);
}

.emoji-item:hover {
    background-color: var(--light-color);
    border-radius: 4px;
}
.reply-form {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #E5E7EB;
}
.d-none{
    display: none;
}
.reply-list{margin-left:20px;margin-top:10px;background:#fafafa;padding:10px;border-radius:4px;}
.reply-item{margin:6px 0;font-size:14px;border-bottom:1px solid #ffffff;}

.base-modal .upload {
    display: none;
}
/* 新增用户登录注册等模块 20250604 start */
html.act {height: 100vh;overflow: hidden;}
.base-modal{position:fixed;left:0;top:0;z-index:204;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}
.base-modal.on .main{display:flex;display:-webkit-flex;animation:fadeInUp50 .5s ease}
.base-modal.remove .main{animation:fadeOutUp50 .5s ease}
.base-modal .box{width:100%;height:100%;display:flex;display:-webkit-flex;align-items:center}
.base-modal .main{position:relative;background-color:#fff;width:1200px;margin:0 auto;box-shadow:0 0 20px 0 rgba(0,0,0,.21);display:none;align-items:center}
.base-modal .top{position:relative}
.base-modal .icons.close{position:absolute;right:30px;top:30px;z-index:10;opacity:1;transition:transform .48s ease;left:auto}
.base-modal .close:hover{transform:rotate(90deg);background-position:right -20px center}
.base-modal .pic{width:40%;overflow:hidden}
.base-modal .pic img{display:block;width:100%;transition:all .8s ease}
.base-modal .pic:hover img{transform:scale(1.05)}
.base-modal .info{width:60%;padding:50px 110px}
.base-modal .title{font-size:48px;line-height:60px;color:#000;margin-bottom:27px;font-weight:700}
.base-modal .tabs{font-size:0;margin-bottom:24px}
.base-modal .tabs a{display:inline-block;font-size:18px;color:#666;line-height:24px;transition:all .48s ease;position:relative;padding-bottom:7px;margin-right:28px}
.base-modal .tabs a:last-child{margin-right:0}
.base-modal .tabs a.on{color:#008cd7}
.base-modal .tabs a.on:before{transform:scale(1)}
.base-modal .tabs a:before{content:"";width:10px;height:4px;background-color:#008cd7;border-radius:2px;margin:0 auto;position:absolute;left:50%;margin-left:-5px;bottom:0;z-index:1;transition:all .48s ease;transform:scale(0)}
.base-modal .group{margin-bottom:14px;position:relative}
.base-modal .icons{background-image:url(../img/icons.png);background-repeat:no-repeat;background-size:131px;}
.icon-phone{width:16px;background-position:left -36px center}
.icon-code{width:17px;background-position:left -53px center}
.icon-user{width:18px;background-position:left -19px center}
.icon-lock{width:18px;background-position:left -71px center}
.icon-cert{width:18px;background-position:left center}
.icon-close{width:20px;background-position:right center}
.base-modal .icons,
.icon-company {display: inline-block;position:absolute;left:18px;top:0;height:48px;z-index:1;;}
.icon-company {width: 20px; background: url(../img/company.svg) no-repeat center center;background-size: 100%;}
.base-modal .bottom {width: 60%;text-align: center;position: absolute;right: 0;bottom: 20px;font-size: 14px;color: #999;line-height: 24px;}
.base-modal .bottom a {transition: all .48s ease;text-decoration: underline;}
.base-modal .bottom a:hover {color: #008cd6;}
.base-modal .upload,.userres .upload{display:none}
.base-modal .text{width:100%;padding-left:48px}
.base-modal .code{display:flex;justify-content:space-between}
.base-modal .code .text,.upload-area{width:65.2%}
.base-modal .btn,.base-modal .text,.upload-area{height:48px;line-height:46px;border-radius:5px;border:solid 1px #e6e6e6}
.base-modal .btn{width:30%;display:inline-block;font-size:14px;color:#008cd7;text-align:center;transition:all .48s ease}
.base-modal .form-item{display:none}
.base-modal ::-webkit-input-placeholder{color:#999;font-size:14px}
.base-modal :-moz-placeholder{color:#999;font-size:14px}
.base-modal ::-moz-placeholder{color:#999;font-size:14px}
.base-modal :-ms-input-placeholder{color:#999;font-size:14px}
.upload-area{font-size:14px;color:#999;padding-left:48px}
.base-modal p{text-align:center;margin-top:14px;line-height:24px}
.base-modal.user-login-modal p a{font-size:20px}
.base-modal p a{font-size:18px;color:#008cd6}
.base-modal p a:hover{text-decoration:underline}
.modal-submit{width:100%;display:block;position:relative;overflow:hidden;height:48px;line-height:48px;margin-top: 40px;border-radius:24px;text-align:center;font-size:20px;transition:all .48s ease;color:#fff;background-color:#008cd7}
.base-modal .msg {
    height: 201px;
	border-radius: 5px;
	border: solid 1px #e6e6e6;
    resize: none;
    width: 100%;
    font-family: inherit;
    padding: 13px 20px;
    line-height: 30px;
}
[readonly],a[disabled=disabled]{cursor:not-allowed}
.btnbg:hover i{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.btnbg:hover i:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.btnbg span{position:relative;z-index:1}
.btnbg i{display:block;position:absolute;-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);top:50%;left:50%;z-index:0}
.btnbg i:before{position:relative;content:'';display:block;margin-top:100%}
.btnbg i:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.base-modal.information-modal .main {width: 640px;padding: 160px 100px;} 
.base-modal.checkBatchNumber-modal .main {width: 640px;padding: 100px 102px 108px;}
.base-modal .info-box .brief,
.base-modal .info-box h5 {font-size: 24px;color: #000000;line-height: 36px;text-align: justify;}
.base-modal .info-box .brief {margin: 37px auto 62px;}
.base-modal.checkBatchNumber-modal .info-box .brief {margin: 0 auto 34px;}
@media (min-width:1024px){
    /* .logout:hover .list {visibility: visible;transform: translateY(0);opacity: 1;} */
    .base-modal .tabs a:hover {color: #008cd7;}
}
@media (max-width:1600px){
    .base-modal .main {width: 1100px;}
    .base-modal .info {padding: 40px 100px;}
    .base-modal .title {font-size: 44px;line-height: 56px;}
    .base-modal .info-box .brief, .base-modal .info-box h5 {font-size: 22px;line-height: 34px;}
    .base-modal.information-modal .main {padding-top: 140px;padding-bottom: 140px;}
}
@media (max-width:1440px){
    .base-modal .main {width: 1000px;}
    .base-modal .info {padding: 30px 80px;}
    .base-modal .title {font-size: 40px;line-height: 50px;}
    .modal-submit {font-size: 18px;margin-top: 30px;}
    .base-modal p a {font-size: 16px;}
    .base-modal .info-box .brief, .base-modal .info-box h5 {font-size: 20px;line-height: 32px;}
    .base-modal.information-modal .main {padding-top: 120px;padding-bottom: 120px;}
    .base-modal .info-box .brief {margin: 30px auto 50px;}

}
@media (max-width:1024px){


    .base-modal .box{padding:0 15px}
    .base-modal .main{width:100%}
    .base-modal .icons.close{right:15px;top:15px}
    .base-modal .close:hover{background-position:right -16px center}
    .base-modal .pic{display:none}
    .base-modal .info{width:100%;padding:20px}
    .base-modal .title{font-size:20px;line-height:30px;margin-bottom:16px}
    .base-modal .tabs{margin-bottom:30px}
    .base-modal .tabs a{font-size:15px;margin-right:18px}
    .base-modal .tabs a:before{height:2px}
    .base-modal .group{margin-bottom:14px}
    .base-modal .icons,
    .icon-company {left:10px;height:40px}
    .base-modal .icons{background-size:100px;}
    .icon-phone{width:13px;background-position:left -27px center}
    .icon-code{width:12px;background-position:left -41px center}
    .icon-user{width:12px;background-position:left -15px center}
    .icon-lock{width:14px;background-position:left -54px center}
    .icon-cert{width:14px}
    .icon-company,
    .icon-close{width:16px}
    .base-modal .bottom {width: 100%;bottom: 15px;}
    .user-login-modal .main {padding-bottom: 20px;}
    .base-modal .bottom a {font-size: 12px;}
    .base-modal .text{padding-left:30px}
    .base-modal .code .text,.upload-area{width:65.2%}
    .base-modal .btn,.base-modal .text,.upload-area{height:40px;line-height:38px}
    .base-modal .btn{font-size:12px}
    .base-modal ::-webkit-input-placeholder{font-size:12px}
    .base-modal :-moz-placeholder{font-size:12px}
    .base-modal ::-moz-placeholder{font-size:12px}
    .base-modal :-ms-input-placeholder{font-size:12px}
    .upload-area{font-size:12px;padding-left:30px}
    .base-modal p{margin-top:10px}
    .base-modal.user-login-modal p a{font-size:14px}
    .base-modal p a{font-size:14px}
    .modal-submit{height:40px;line-height:40px;border-radius:18px;font-size:14px;margin-top: 25px;}
    .base-modal.checkBatchNumber-modal .main {padding: 48px 30px;width: 100%;}
    .base-modal.information-modal .main {width: 100%;padding: 30px;} 
    .base-modal .info-box .brief,
    .base-modal .info-box h5 {font-size: 16px;line-height: 26px;}
    .base-modal .info-box .brief {margin: 15px auto 36px;}
    .base-modal.checkBatchNumber-modal .info-box .brief {margin-bottom: 20px;}
    .base-modal .msg { height: 160px;padding: 15px;line-height: 24px;}
        

}
@media (max-width: 1024px) {
    .base-modal .pic {
        display: none;
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
     color: #ffffff; 
    }
}
.clear {
    clear: both;
}
.proleft{
    width: 24%;
    float: left;
    margin-right: 1%;
}
.proright{
    float: right;
    width: 75%;
}
@media (max-width: 640px) {
    .proleft, .proright {
        width: 100%;
    }
}
@media (max-width: 640px) {
    .service-two-wrapper {
        width: 95%;
        display: block;
        float: none;
    }
}
.tw-pb-14{
        padding: block end 14rem;
}
.inleftit {
    width: 100%;
    height: 80px;
    background: #428bca;
    border-radius: 10px 10px 0 0;
}
.inleftit h2 {
    color: #fff;
    text-align: center;
    padding: 30px 0 20px;
}
.inleftit p {
    width: 150px;
    height: 3px;
    background: #fff;
    margin: 0 auto;
}
.catetit{
    width: 100%;
    background: #428bca;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff;
}
 
.inllist {
    text-align: center;
    padding-top: 10px;
    background: #fff;
}
 .catediv {
    display: block;
    clear: both;
}

 .proleft .subcate {
    display: block;
    float: left;
    width: 48%;
    margin: 1%;
    border-radius: 0;
    background-color: #eee;
    padding: 8px 0px;
}

.tw-rounded-lg {
    border-radius: 0.5rem;
}
.catetit a {
    color: #fff;
}
.subcate a{
     color: #428bca; 
}
.service-two-thumb{
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.service-two-thumb img{
    width: 100%;
 
    overflow-clip-margin: content-box;
    overflow: clip;
}
.service-two-content{
    padding-bottom: 10px;
}
.service-two-content h4 {
    display: block;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的文本 */
    text-overflow: ellipsis; 
    text-align: center;
    border-bottom: 1px solid #cfc9c9 !important;
    padding-bottom: 5px;
}