body{
    margin:0;
    padding:0;
    width:100%;
}
/*广告图片CSS*/
.tupiandiv {
    height:12rem;
    width:100%;
   /* background-color: blue;*/
    position: relative;
    float:left;
    z-index:-88888;
}

.tupianimg {
    height:12rem;
    width:100%;
    float:left;
    position:relative;
    z-index:-88888;
}

/*商城*/
/*.shopdiv {*/
.shopdiv

{
    height: 3rem;
    width: 7.2rem;
    position: absolute;
    /*position: fixed;*/
    top: 0.5rem;
    right: 0.5rem;
    /*background-color: blueviolet;*/
}
.shoppic {
    height: 3rem;
    width: 7.2rem;
    float: right;
    /*position: absolute;*/
    animation: shoppicdh 10s linear infinite; /* 应用动画 */
}
@keyframes shoppicdh {
    0%, 100% {
        height: 3rem;
        width: 7.2rem;
    }

    50% {
        height: 2rem;
        width: 4.68rem;
    }
}
.shoppicsz {
    width: 2rem;
    height: 2rem;
    margin-top: -1.5rem;
    margin-left: 5.5rem;
    float: left;
    animation: shoppicszdh 10s linear infinite; /* 应用动画 */
}
@keyframes shoppicszdh {
    0%, 100% {
        width: 2rem;
        height: 2rem;
        margin-top: -1.8rem;
        margin-left: 5.5rem;
    }

    50% {
        width: 1rem;
        height: 1rem;
        margin-top: -1.2rem;
        margin-left: 3rem;
    }
}

/*溯源防伪*/
.coadiv {
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
    border-radius: 0.5rem;
    /*background-color:#acf9e9;*/
    /*background-color:#caf8ec;*/
    background-color: #C2E2D8;
    float: left;
}


.coauuiddiv {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    /* color:#196eae;*/
    color: #14826F;
    float: left;
    margin-top:0.6rem;
    transition: transform 0.3s ease; /* 平滑过渡效果 */
    cursor: pointer; /* 鼠标悬停时显示为指针 */

}

.coauuiddiv:hover {
    transform: scale(1.5); /* 放大1.5倍 */
}

    .coauuiddiv:active {
        transform: scale(1); /* 点击后恢复原状 */
    }

.coabkd {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0.3rem;
    margin-top: 0.3rem;
}


.coanumdiv {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    color:#14826F;
    float: left;
}
.coatitlediv {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    float: left;
    background-color: #C2E2D8;
}
.coatitlespan {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: left;
    float: left;
    color: #14826F;
}
.coanum{
    font-size:1.5rem;
    font-weight:500;
}
.coaurlspan {
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    /*float: right;*/
    color: #14826F;
    background-color: #C2E2D8;
    border-radius: 0.8rem;
    padding:0.2rem;
    /* margin-right: 1rem;*/
}
.coacon {
    width:calc(100% - 0.5rem);
    margin-left:0.25rem;
    margin-right:0.5rem;
    font-size: 1rem;
    font-weight: 300;
   /* text-indent: 2rem;*/
    color: #14826F;
    float:left;
    text-align: left;
    margin-bottom: 0.5rem;
}
.coapicgz {
    width: 8rem;
    height: 8rem;
    float: left;
    margin-left: calc(50% - 4rem);
    margin-top: -8rem;
    opacity: 0.5;
    /*animation: rotatecoapicgz 10s linear infinite;*/ /* 应用动画 */
}

@keyframes rotatecoapicgz {
    0% {
        transform: rotateY(0deg);
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateY(360deg);
        transform: rotateX(360deg);
    }
}



.coaurlspanwk {
    height: auto;
    height: auto;
    background-color: #C2E2D8;
   /* padding: 0.5rem;*/
    /*    margin:0.5rem;*/
    text-align:center;
    border-radius: 0.8rem;
    z-index: 6;
    float: right;
    margin-right: 0.7rem;
    position: relative;
    /*padding-right:1rem;*/
}

    .coaurlspanwk:before, .coaurlspanwk:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border: inherit;
        top: 0;
        left: 0;
        z-index: -4;
        background: #14826F;
        border-radius: inherit;
        animation: pulsingcoa 2.5s linear infinite;
    }

    .coaurlspanwk:after {
        animation: pulsingcoa1 2.5s linear infinite;
    }

@keyframes pulsingcoa {
    0% {
        opacity: 1;
        transform: scaleY(1) scaleX(1);
    }

    20% {
        opacity: 0.5;
    }

    70% {
        opacity: 0.2;
        transform: scaleY(1.8) scaleX(1.4);
    }

    80% {
        opacity: 0;
        transform: scaleY(1.8) scaleX(1.4);
    }

    90% {
        opacity: 0;
        transform: scaleY(1) scaleX(1);
    }
}

@keyframes pulsingcoa1 {
    0% {
        opacity: 1;
        transform: scaleY(1) scaleX(1);
    }

    20% {
        opacity: 0.5;
    }

    70% {
        opacity: 0.2;
        transform: scaleY(1.3) scaleX(1.15);
    }

    80% {
        opacity: 0;
        transform: scaleY(1.3) scaleX(1.15);
    }

    90% {
        opacity: 0;
        transform: scaleY(1) scaleX(1);
    }
}



/*增值服务易学文化*/
.vasdiv {
    margin-top: 0.5rem;
    width: 100%;
    height: auto;
    background-color: #f5f2f2;
    border-radius: 0.5rem;
    float: left;
}
.vasname {
    width: 100%;
    /* color:chocolate;*/
    color: #7c3f34;
    font-size: 1.2rem;
    height: 2rem;
    line-height: 2rem;
    float: left;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 4rem;
}
.vasbkd {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right:0.3rem;
    margin-top: 0.3rem;
}


.vascondiv{
    width:100%;
    float:left;
    height:1rem;
    line-height:1rem;
    margin-top:1rem;
}
.vassycsspan {
    float: left;
    text-align: left;
    color: #7c3f34;
    margin-left: 0.5rem;
}
.vastimetitle {
    float: right;
    text-align: right;
    color: #7c3f34;
    margin-right: 1.1rem;
}
.vaszcsspan {
    float: left;
    text-align: left;
    color: #7c3f34;
    margin-left: 0.5rem;
}

.vastime {
    float: right;
    text-align: right;
    color: #7c3f34;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
}


/*图片旋转*/
.tpxzdiv {
    width: auto;
    height: 8rem;
    float: left;
    margin-top: -8rem;
    margin-left: calc(50% - 4rem);
    margin-bottom: 1rem;
}
.rotating-image7 {
    width: 8rem;
    height: 8rem;
    float: left;
    position: relative;
    animation: rotate7 10s linear infinite; /* 应用动画 */
}
@keyframes rotate7 {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.rotating-image6 {
    width: 7.5rem;
    height: 7.5rem;
    float: left;
    position: relative;
    margin-top: 0.25rem;
    margin-left: -7.75rem;
    animation: rotate6 10s linear infinite; /* 应用动画 */
}
@keyframes rotate6 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.rotating-image5 {
    width: 5.5rem;
    height: 5.5rem;
    float: left;
    position: relative;
    margin-top: 1.25rem;
    margin-left: -6.75rem;
    animation: rotate5 10s linear infinite; /* 应用动画 */
}
@keyframes rotate5 {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.rotating-image4 {
    width: 3.5rem;
    height: 3.5rem;
    float: left;
    position: relative;
    margin-top: 2.25rem;
    margin-left: -5.75rem;
    animation: rotate4 10s linear infinite; /* 应用动画 */
}
@keyframes rotate4 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.rotating-jk {
    /*width:1rem;
    height:2.43rem;*/
    width: 1.5rem;
    height: 3.64rem;
    position: relative;
    margin-top: 0rem;
    margin-left: -9.5rem;
    float: left;
}
.rotating-fy {
    width: 1.5rem;
    height: 3.64rem;
    position: relative;
    margin-top: 0rem;
    margin-left: 0rem;
    float: left;
}
.rotating-sy {
    width: 1.5rem;
    height: 3.64rem;
    position: relative;
    margin-top: 4.5rem;
    margin-left: -10.75rem;
    float: left;
}
.rotating-cy {
    width: 1.5rem;
    height: 3.64rem;
    position: relative;
    margin-top: 4.5rem;
    margin-left: -1.25rem;
    float: left;
}
.cscy {
    animation: cscydx 10s linear infinite; /* 应用动画 */
}
@keyframes cscydx {
    0%, 100% {
        width: 1.5rem;
        height: 3.64rem;
    }

    50% {
        width: 1rem;
        height: 2.43rem;
    }
}
.vaspicsz {
    width: 1rem;
    height: 1rem;
    float: left;
    margin-left: 4rem;
    margin-top: 0rem;
    position: relative;
    animation: vaspicszdh 10s linear infinite; /* 应用动画 */
}
@keyframes vaspicszdh {
    0%, 100% {
        width: 1rem;
        height: 1rem;
        margin-left: 4rem;
        margin-top: 0rem;
    }

    50% {
        width: 2rem;
        height: 2rem;
        margin-left: -5rem;
        margin-top: 4rem;
    }
}
/*民俗文化开光视频等*/
.folkdiv {
    margin-top: 0.5rem;
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    background-color: #f8f9f1; 
   /* background-color: #ace;*/
    border-radius: 0.5rem;
    float: left;
    margin-bottom:1.2rem;
}
.folkspan {
    height: auto;
    height: auto;
    background-color: #f8f9f1;
    padding:0.5rem;
    border-radius: 1rem;
    z-index: 1;
    position: relative;
}
.folkname {
    font-size: 1.2rem;
    font-weight: 400;
    color: #DAA520;
    text-align: center;
}

.folkspan:before, .folkspan:after {
    /* .folkspan:before, .folkspan:after*/
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: inherit;
    top: 0;
    left: 0;
    z-index: -1;
    /*background: #fff;*/
    background: #ffd800;
    border-radius: inherit;
    animation: pulsing 2.5s linear infinite;
}

.folkspan:after {
   
    animation: pulsing1 2.5s linear infinite;
}

@keyframes pulsing {
    0% {
        opacity: 1;
        transform: scaleY(1) scaleX(1);
    }

    20% {
        opacity: 0.5;
    }

    70% {
        opacity: 0.2;
        transform: scaleY(1.8) scaleX(1.4);
    }

    80% {
        opacity: 0;
        transform: scaleY(1.8) scaleX(1.4);
    }

    90% {
        opacity: 0;
        transform: scaleY(1) scaleX(1);
    }
}

@keyframes pulsing1 {
    0% {
        opacity: 1;
        transform: scaleY(1) scaleX(1);
    }

    20% {
        opacity: 0.5;
    }

    70% {
        opacity: 0.2;
        transform: scaleY(1.3) scaleX(1.15);
    }

    80% {
        opacity: 0;
        transform: scaleY(1.3) scaleX(1.15);
    }

    90% {
        opacity: 0;
        transform: scaleY(1) scaleX(1);
    }
}



/*
ICP备案号*/
.beiandiv {
    width: 100%;
    font-size: 0.8rem;
    margin-top:0.5rem;
    position: fixed;
    
    bottom: 0.2rem;
    text-align: center;
    float:left;
}