*{padding: 0; margin: 0;}
body{ overflow-x: hidden;background: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;}
img{ border:none; font-size:0;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black;}
a:hover{color:#ad8e3c;}
li{ list-style: none;}

.bingo_head ul a.active{color:#bb9c72 !important;font-weight: bold;}

.xmul{width:56%!important;}
.dluzhuce{width: auto;
    float: right;
    margin-right: 5vw;}
.denglu{width: 6vw;float: left;}
.zhuce{width: 6vw;float: left;background: #bb9c72 !important;}
.dluzhuce img{margin-left: .2vw;width: 1.1vw;margin-top: 0.5vw;margin-right: 0.3vw;}
.dluzhuce a{background: #dc2626;margin-top: 1.6vw;line-height: 2vw;height: 2vw;display: block;font-size: 0.75vw;color: #fff;border-radius: 30px;margin-right: 0.5vw;text-align: center;width:auto;padding: 0 1vw;}
.dluzhuce a:hover{color:#fff;text-decoration: none;}

.bingo_con{background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;}

.biaoti{width:100%;text-align:center;font-size:30px;font-weight: bold;margin: 2vw auto;}
.biaoti span{display: block;font-weight: normal;font-size: 16px;color: #3e4752; line-height: 35px;}

.xmlb{width: 75%;padding: 0.5%;
    margin:3vw auto 3vw auto;
    overflow: hidden;
    border-radius: 10px;}
.xmlb h3{width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin:0vw auto 0 auto;}
.xmlb p{display: block;text-align: center;
    font-weight: normal;
    font-size: 16px;
    color: #3e4752;
    line-height: 35px;}

.fa-layer-group{background: #bb9c72 !important;
    width: 0.3vw;
    height: 1vw;
    display: inline-block;}

.fa-layer-group1{background: #bb9c72 !important;
    width: 0.3vw;
    height: 1vw;
    display: inline-block;margin-right: 0.5vw;}   
    

/* 第一部分：三个并列分类 */
        .categories {margin-top: 1.5vw;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;}
        
        .category {box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
            flex: 1;
            min-width: 280px;
            background:#fff;
            border-radius: 10px;
            padding: 30px 25px;
            text-align: center;
            border: 0px solid #eaeaea;
            transition: all 0.3s ease;
        }
        
        .category:hover {
            border-color: #3498db;
            box-shadow: 0 10px 20px rgba(52, 152, 219, 0.1);
        }
        
        .category-icon {
            width: 70px;
            height: 70px;
            margin: 0 auto 20px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.8rem;}
            
            .category-icon img{width:100%;}
        
        .category h3 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 1vw;
    text-align: center;
        }
        
        .category p {
            color: #666;
            font-size: .8vw;
            line-height: 1.3vw;
        }

.sxss{width: 100%;
    overflow: hidden;
    margin: 0 0 1vw 0;}

.ntopr{width: 75%;margin-right: 2%;
    float: right;
    margin-top: 1.5vw;}
.pro p{float: right;width: 38%;color: #666;font-size: 0.9vw;line-height: 1.8vw;padding-top: 1.5vw;}

.daohang-else{width:100%;}
.input-box{width:100%;}

.nenter {
    width: 86%;
    float: left;
    height: 2.5vw;
    color: #999;
    font-size: 0.75vw;
    line-height: 2.5vw;
    margin-left: 0vw;
    padding-left:2%;
    outline: none;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding-right: 1%;
    background: none;
}
.nfdj {border-radius: 10px;line-height: 2.5vw;
    height: 2.5vw;
    width: 10%;
    background: #dc2626;
    float: right;
    border: none;
    font-size: 16px;
    cursor: pointer;
    padding-right: 0vw;
    color: #fff;}
.nfdj img{width:1.3vw;position: relative;top: 0.4vw;right: 0.2vw;}
.nseach_k{margin-top: 0px;
    overflow: hidden;
    border-radius: 0px;
    border-bottom: 0px solid #bfd8f3;}
.nrmss{float:right !important;display: block !important;}

.chongzulb{width:76%;overflow: hidden;padding: 3% 12% 2% 12%;
    background: #fff;
    margin: 0vw auto;}
.chongzulb h3{float: left;width: 100%;
    text-align:center;
    font-size: 30px;
    font-weight: bold;
    margin: 0vw auto 0 auto;}
.chongzulb p{    display: block;text-align: center;
    font-weight: normal;
    font-size: 16px;
    color: #3e4752;
    line-height: 35px;}
.chongzulb ul{width: 100%;margin-top: 5.5vw;overflow: hidden;}
.chongzulb ul li{width: 28%;border-radius: 15px;
    margin-bottom: 2%;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
    margin-right: 2%;
    float: left;
    background:#f9f9f9;
    padding: 2%;}
.chongzulb ul li:nth-child(3n) {margin-right: 0px;}
.chongzulb ul li p{color: #666;padding-bottom: 1vw;text-align: left;
    height: 5vw;
    font-size: 0.75vw;
    line-height: 1.1vw;}

.more1{float:right;}
.more1 a{font-size: 0.8vw;
    color: #666;
    line-height: 5vw;}

.tzrm{
    margin:3vw auto;
    width: 16vw;
    text-align: center;
    border: 2px solid #bb9c72 !important;
    height: 3vw;
    border-radius: 10px;
}
.tzrm a {
    line-height: 2vw;
    color: #bb9c72;
    font-weight: bold;
}
.tzrm a img {
    width: 2vw;
    position: relative;
    top: 0.6vw;
    margin-left: 0.3vw;
}

.zhuanjiabg{background: url(../img/zhuanjiabg.jpg) center center / cover no-repeat;
    width: 100%;
    height: 25vw;}
.zhuanjiabg h2{font-size: 30px;    text-align: center;
    padding-top: 4vw;}
.zhuanjiabg h3{    font-size: 24px;
    text-align: left;
    padding-top: 3vw;
    font-weight: bold;
    width: 76%;
    margin: 0 auto;}
.zhuanjiabg p{font-weight: normal;text-align:left;width: 76%;
    margin: 0 auto;
    font-size: 16px;
    color: #3e4752;
    line-height: 45px;}
.zhuanjiabg ul{width: 36vw;
    margin:2.5vw 0 0 11%;
    overflow: hidden;}
.zhuanjiabg ul li{float: left;
    margin: 0 2%;
    width: 16vw;
    text-align: center;
    border: 2px solid #bb9c72 !important;
    height: 3vw;
    border-radius: 10px;}
.zhuanjiabg ul li.active{background: #bb9c72 !important;}
.zhuanjiabg ul li.active a{color:#fff;}
.zhuanjiabg ul li a{line-height: 2vw;color: #bb9c72;font-weight: bold;}
.zhuanjiabg ul li a img{    width: 2vw;
    position: relative;
    top: 0.6vw;
    margin-left: 0.3vw;}

.ding{width:100%;overflow: hidden;margin-bottom: 1vw;}
.ding img{width:3vw;height:3vw;margin-right: 5%;border-radius:50%;
    float: left;}
.ding h4{font-size:0.9vw;margin-left: 20%;
    padding: 0vw 0;
    color: #222;}
.ding h4 dd{float: right;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    font-weight: normal;
    font-size: 0.75vw;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    padding: 0.3vw 0.6vw;
    border-radius: 6px;}
.ding h4 span{border-radius: 8px;display: block;
    font-size: 0.75vw;
    font-weight: normal;
    color: #777;
    padding: 0.6vw 0vw;
    margin-left: 0vw;}
.ding h4 span img{width:0.8vw;margin-right: 2%;height:auto;
    position: relative;
    top: 0.1vw;}

.xmleibie{overflow: hidden;width: 100%;}
.xmleibie dt{float: left;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
    padding: 0.3vw 0.8vw;
    margin-right: 0.6vw;
    border-radius: 15px;
    font-size: 0.75vw;}

.tzjt{width: 100%;margin-top: 1vw;
    overflow: hidden;}
.tzjt dt{width: 48%;font-size: 0.7vw;line-height: 1.3vw;    margin-bottom: 0.5vw;
    color: #777;
    float: left;}
.tzjt dt span{display: block;font-size: 0.75vw;
    color: #333;}

.xia{overflow: hidden;width: 100%;    margin-top: 1vw;}
.time{float: left;
    font-size: 0.75vw;
    color: #666;}
.time img{width: 1vw;
    position: relative;
    top: 0.2vw;
    margin-right: 0.3vw;}
.more{font-size: 0.75vw;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1));
    float: right;}
.more img{width: 1.1vw;
    position: relative;
    top: 0.23vw;
    right: 0.1vw;}

.touzirenku{width: 1152px;overflow: hidden;
    margin: 0vw auto;
    background-color: #fff;
    padding: 24px;}
.touzirenku ul{}
.touzirenku ul li{width: 100%;
    margin-bottom: 30px;
    margin-right: 0px;
    float: left;
    height: 230px;
    border-bottom: 1px solid #ddd;}
.touzirenku ul li img{height: 100%;
    width: 20%;
    float: left;
    margin-right: 3vw;
    display: flex;
    flex-wrap: nowrap;}
.kuliebiaoyou{width: 75%;
    float: right;}
.kuliebiaoyou h4{font-size: 18px;
    padding: 1vw 0;
    color: #222;}
.kuliebiaoyou p{color: #666;padding-bottom: 2vw;
    font-size: 15px;
    line-height: 26px;}
.kuliebiaoyou span{font-size: 15px;
    color: #999;}

.dengji{width: 11vw;
    margin: 1.5vw 0 0 2%;
    text-align: center;
    border: 1px solid #dc2626;
    height: 2.5vw;
    border-radius: 10px;}
.dengji a{font-size: 0.9vw;
    font-weight: normal;
    color: #dc2626;
    line-height: 2.5vw;}
.dengji a img{width: 1.2vw;
    position: relative;
    top: 0.25vw;
    margin-right: 0.5vw;}
.pro_choose{ display: block;padding:2%;border-top: solid 0px #eee;}
.pro_choose .box{float: left; overflow: hidden;}
.pro_choose .box .left_title{float: left; width:auto; text-align: right; margin-right:1%; padding: 5px 0 10px 0;}
.pro_choose .box .left_title a{color: #666; line-height: 22px; font-weight: normal;color:#333;font-size:0.8vw;}
.pro_choose .box .right_box{float: left; width: 100%;}
.pro_choose .box .right_box .list{float: left; height: 32px; line-height: 32px; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    border-radius: 30px;margin: 0 16px 12px 0; text-align: center; padding: 0 16px; cursor: pointer;}
.pro_choose .box .bz .list{width: 100px; padding: 0;}
.pro_choose .box .fl{overflow: hidden; padding-bottom: 18px;float: none;}
.pro_choose .box .bz{padding-bottom: 24px;}
.pro_choose .box .right_box .list a {color:#888;font-size: 0.75vw;}
.pro_choose .box .fl .list.active,.pro_choose .box .fl .list:hover{background: #bb9c72 !important;color: #fff;}
.pro_choose .box .fl .list.active a,.pro_choose .box .fl .list:hover a {color: #fff;}
