.xuanfu {
    position: fixed;
    top: 450px;
    right: 20px;
    width: 120px;
    border: 1px solid #eee;
    border-top: 6px solid #1d51a0;
    border-bottom: 6px solid #1d51a0;
    padding: 10px;
    z-index: 9999;
    background: #fff;
    text-align: center;
    color: #1d51a0;
}

.close_btn1 {
    position: absolute;
    height: 32px;
    width: 32px;
    right: 0; 
    top: 20px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    display: block !important;
  }
  .close_btn1:after,
  .close_btn1:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 20px;
    left: 50%;
    top: 50%;
    background-color: #1d51a0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .close_btn1:after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .close_btn1:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }