.datail{ }
.titlexq{ font-size:.45rem; line-height:140%; padding-bottom:.3rem;  padding-bottom:.4rem;}
.xqdate{ padding-bottom:.5rem;    text-align: center;}
.xqdate,.xqdate span{ font-size:.3rem; color:#999999; line-height:140%;}
.xqdate span{    margin: 0 0.3rem}
.cpxqimg{ display:none;    padding-bottom: 0.5rem;width:30%; text-align:center;float:left;}
.cpxqimg img{ width:100%; display:block;}
.cpxqimg a{    color: #ff0000; text-decoration: underline; font-size:14px; display:block; line-height:240%;}
.zoom img{  max-width:80%;}

.yszj{display: flex;    justify-content: space-between; align-items: center;}
.yszjimg{ width:25%;border: 1px solid #eee;
    padding: 0.1rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    text-align: center;}
.yszjimg img{ display:block; width:100%;border-radius: 0.1rem;}
.yszjimg i{    display: block;
    font-style: normal;
    padding: 0.2rem 0; font-size:.3rem;}
.zoom{ width:70%;}

@media screen and (max-width: 768px){
.yszjimg{ width:30%;}
.zoom{ width:66%;}

}


@media screen and (max-width:500px){
.datail{}
.titlexq {font-size: .5rem;}
.cpxqimg img{ max-width:100%;}
.cpxqimg{ width:100%; float:none;}
.cpxqimg img{    max-width: 240px; margin: 0 auto;}
.yszj{display: block; }
.yszjimg{ width:100%; padding:20px 0 30px;}
.yszjimg img{ margin:0 auto; max-width:280px;}
.zoom{ width:100%;}

}