.zxzxbox {    position: fixed;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    z-index: 9999;    display: none;    justify-content: center;    align-items: center;}
.zxzxbox.active{display: flex;}
/*.zxzxbk {    position: absolute;    left: 0px;    top: 0px;    background: #000;    width: 100%;    height: 100%;    z-index: 0;    opacity: 0.3;}*/
.zxzxbody {    width: 40%;    background: #fff;    z-index: 1;    padding: 20px;    box-sizing: border-box;    border-radius: 15px;    box-shadow: 0 0 15px #c5c5c5;}
.zxzx_tit {    float: left;    font-size: 20px;}
.zxzx_gb {     cursor: pointer;   width: 18px;    height: 18px;    display:block;    float:right;    right: 0px;    top: 2px;    position: relative;}
.zxzx_gb:before {    content: '';    width: 141%;    height: 1px;    background: #000;    position: absolute;    top: calc(50% - 0.5px);    left: -20.5%;    border-radius: 10px;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    transform-origin: center center;}
.zxzx_gb:after {    content: '';    width: 141%;    height: 1px;    background: #000;    position: absolute;    top: calc(50% - 0.5px);    left: -20.5%;    border-radius: 10px;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);    transform-origin: center center;}

@media only screen and (max-width: 768px) {
.zxzxbody {    width: 90%;}
}