html,body{color:#333;font:.24rem "microsoft yahei";background:#f4f4f4;}
html,body,div,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input,i,em,u{margin:0;padding:0;list-style:none;text-decoration:none;}
a{color:#333;text-decoration:none;}a:focus{outline:0;}img{display:block;border:none;}i,em{font-style:normal;}
.cf:after{content:"";display:block;height:0;visibility:hidden;clear:both;}.cf{zoom:1;}.fl{float:none;}

/* .zt-gotop{display:none;position:fixed;bottom:1rem;right:.2rem;width:1rem;height:1rem;background:url(img/gotop.png?v327) no-repeat;background-size:100% 100%;} */

.topbanner { background: url(img/bg-01.jpg?v0714-1) no-repeat top center; width: 100%; height: 4.74rem; background-size: cover;}
.content-box {background: url(img/bg-02.jpg) no-repeat top center #fff9f6;width: 100%;background-size: 100%;}
.zt-mbx {width: 94.7%; margin:0 auto .2rem;}
.hd{
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 0 9% .3rem;
    box-sizing: border-box;
}
.fixed {background-color: #fff9f6;position: fixed;top: 0;left: 0;padding: .15rem 9%;z-index: 9999;}
.hd a{
    display: inline-block;
    border: solid .02rem #a97250;
    border-radius: .24rem;
    text-align: center;
    flex: 1;
    margin: 0 .08rem;
    font-size: .3rem;
    font-weight: bold;
    line-height: .86rem;
}
.hd a.on{
    background-image: linear-gradient(0deg, 
  #924f26 0%, 
  #e3a993 100%), 
 linear-gradient(
  #003eeb, 
  #003eeb);
    background-blend-mode: normal, 
  normal;
    color: #fff;
}

.bd{
    margin: 0 auto;
    background-color: #fff8f5;
    border-radius: 30px;
    width: 94.7%;
    padding: 0 .2rem .4rem;
    box-sizing: border-box;
}

.bd dl{}
.bd dt{
    margin-bottom: .45rem;
}

.bd dt img {
    height: .94rem;
    width: auto;
    margin: 0 auto;
}
.bd dd{
    background: url(img/mdbg.png) no-repeat top center #7c492f;
    width: 100%;
    background-size: 100%;
    padding-bottom: .2rem;
    border-radius: .2rem;
    margin-bottom: .2rem;
}
.bd dd h2 {
    display: flex;
    color: #fff;
    justify-content: flex-start;
    }
.bd dd h2 b{
    font-size: .4rem;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: .12rem 0 .1rem;
    flex: 1;
}
.bd dd h2 i{
    display: inline-block;
    font-family: Impact;
    width: .8rem;
    text-indent: .15rem;
    line-height: .76rem;
    font-size: .3rem;
}
.bd dd .con{
    background-color: #ffffff;
    border-radius: 10px;
    margin: .1rem .2rem 0;
    padding: .22rem;
}
.bd dd .con p{
    font-size: .32rem;
    line-height: .5rem;
    color: #411e0b;
}
.hidden{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bd dd .con a{
    display: inline-block;
    text-align: right;
    width: 100%;
    padding-top: .1rem;
}
.bd dd .con a::after {
    content: "";
    display: inline-block;
    height: 0.1rem;
    width: 0.1rem;
    border-width: 0 0.03rem 0.03rem 0;
    border-style: solid;
    color: #505050;
    transform: rotate(45deg);
    top: 0.12rem;
    right: 0.2rem;
    transition: all .5s;
    vertical-align: middle;
    margin-left: .1rem;
    margin-top: -.1rem;
}
.bd dd .con a.on::after {transform: rotate(225deg);transition: all .5s;margin-top: 0;}

.bottom {background: url(img/bg-03.jpg?v0802) no-repeat;background-size: 100%;height: 3rem;}