* { margin:0; padding:0; }
body{
    background: #FEFDDE;
    max-width:750px;width:100%;margin:0 auto;font-family:'微软雅黑';font-size:16px;}
a{text-decoration:none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    color:inherit;}
img{display: block;width:100%;}
ul li{list-style: none;}


.tb div{display:flex;align-items:center;flex-wrap:wrap;font-size:32px;font-weight:bold;background-color:#d84343;
    color:#fff;padding:10px 5px;}
.tb div img{width:50px;margin-right:0.5em;}

.br{background-image: url(../images/bj1.png);background-repeat:no-repeat;padding:20px 10px 20px 22%;;line-height:1.5}
.br .w1{color:#d84343;font-size:36px;font-weight:bold;text-align:center;}
.br .w2{color:#000;font-size:26px;text-indent:2em;}
.br .w3{color:#2c84c1;font-size:26px;-webkit-text-stroke: 0px #000;// text-stroke: 1px #ffaa00;text-align:center; }
/*.bgt{padding:10px 0px;line-height:1.5;}*/
.bgt .bk{border: 5px solid #d84343;padding:30px 00px;}
.bgt .bk{padding:30px 00px;}
.bgt .gt{margin:0px 10%;background-color:#d84343;text-align:center;font-size:26px;margin-bottom:10px;color: #fff;padding:10px 0px}
.bgt .bk #sjc{}
.bgt .bk #xmc{background-color: #68b016;}

.hidden {display: none;}

.bgt {
    position: relative;
    width: 100%;
/*height: 300px; !* 可根据需要设置容器的高度 *!*/
}
/*.bgt::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-image: url('b1j2.webp');*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: cover;*/
/*    animation: rotate 20s linear infinite; !* 应用旋转动画，5s 是旋转一圈的时长，linear 表示线性匀速旋转，infinite 表示无限循环 *!*/
/*    z-index: -1; !* 将背景图片层置于内容层之下 *!*/
/*}*/
.bk {
    position: relative;
    z-index: 1; /* 确保内容层在背景图片层之上 */
}
.content {
    margin:40px 10%;font-size:26px;color: #d84343;border:none;; /* 可根据需要设置内边距 */
}


.gt {
    cursor: pointer; /* 鼠标悬停时显示手型，表明可点击 */
}
.hidden {
    display: none;
}
@keyframes rotate {
    from {
        transform: rotate(0deg); /* 从 0 度开始旋转 */
    }
    to {
        transform: rotate(360deg); /* 旋转到 360 度，即一圈 */
    }
}

.xs{width:86.5%;font-size:26px;padding:10px 0px;margin-bottom:10px;border:none;}
.an1{background-color: #2c84c1;width:100%;margin:30px 0px 10px;padding:10px 0px;font-size:26px;color: #fff;}
.an2{background-color: #808080;width:100%;padding:10px 0px;font-size:26px;color: #fff;}
.button_3{background-color: #d84343;}

.py{background-color:background-color: #ecead1;;padding:20px 20px;font-size:26px;border: 5px solid #d84343;border-top: 0}
/*.py{background-color:background-color: #ecead1;;padding:20px 20px 50px;font-size:26px;}*/
.kf{background-color: #2c84c1;padding:20px 0px;text-align:center;font-size:26px;position: absolute;bottom: 0;width: 100%;}
.kf .s1{color:#fff;}
.kf .s2{color: #f69f10;}
.kf .s2 span{margin-left:2em;}
.close h2{text-align:center;}

.modal {
    display: none; /* 初始时隐藏弹窗 */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4); /* 半透明背景 */
}
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.open-modal {
    cursor: pointer; /* 鼠标悬停时显示手型，表明可点击 */
/*background-color: #ddd;*/
    padding: 10px;
    display: inline-block;
}
.open-modal:hover {
    background-color: #ccc;
}

.share{
    width: 45px;
    height: 95px;
    background: #d84343;
    color: #ffffff;
    text-align: center;
    display: flex;
    align-items: anchor-center;
    position: absolute;
    right: 0;
    top: 45px;
}
.share span{
    font-size: 24px;
}