.rr{position:fixed;top:50%;margin-top:-85px;right:0;color:#fff;cursor:pointer;opacity:0;width:82px;height:170px;background:#94070a;transform:scale(0);background:url(img/png27.png) center center no-repeat;transform-origin:right center;z-index:1;}
.rr.showdiv{opacity:1;transform:none;transition:all 1s ease-out 0.5s;}
.rr:before{content:"";background:url(img/png21.png) center center no-repeat;width:97px;height:91px;position: absolute;left:-20px;top:10px;transform:scale(1.6);transition:all 1.5s ease-out 1.8s;opacity:0;}
.rr:after{content:"";background:url(img/png22.png) center center no-repeat;width:78px;height:88px;position: absolute;left:15px;top:80px;transform:scale(1.6);transition:all 1.5s ease-out 2.6s;opacity:0;}
.rr i{background:url(img/png231.png) center center no-repeat;width:36px;height:100%;display:block;margin-left:20px;position:relative;opacity:0;z-index:1;}
.rr.showdiv i{margin-left:40px;opacity:1;transition:all 1s ease-out 4.5s;}
.rr.showdiv:before{content:"";opacity:1;transform:none;}
.rr.showdiv:after{content:"";opacity:1;transform:none;}
/*模态框*/
.modal {
    display: none; /* 默认隐藏 */
    position: fixed; /* 根据浏览器定位 */
    z-index: 1000; /* 放在顶部 改一千 */
    left: 0;
    top: 0;
    width: 100%; /* 全宽 */
    height: 100%; /* 全高 */
    overflow: auto; /* 允许滚动 */
    background-color: rgba(0,0,0,0.8); /* 背景色 */
    transition: all 0.3s ease-out 0s;

}
/*模态框内容*/
.modal-content {
    display: flex; /*采用flexbox布局*/
    flex-direction: column; /*垂直排列*/
    position: relative;
    /*background-color: #fefefe;*/
    margin: 19% auto; /*距顶部15% 水平居中*/
    padding: 20px;
    /*border: 1px solid #888;*/
    width: 600px;
    animation: topDown 0.4s; /*自定义动画，从模态框内容上到下出现*/
}
@keyframes topDown {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
/*模态框头部*/
.modal-header {
    display: flex; /*采用flexbox布局*/
    flex-direction: row; /*水平布局*/
    align-items: center; /*内容垂直居中*/
    justify-content: space-between; 
}
/*关闭X 样式*/
.close {
    color: #aaa;
    float: right;
    font-size: 65px;
    font-weight: bold;
}
close:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/*搜索输入框样式*/
.wp_search {
    border: 0px solid #d0d0d0;
}
.wp_search #keyword{
    width:430px!important;padding: 4px 0; 
    border:none;
    height:45px; 
    line-height:20px; 
    background:transparent; 
    color:#000;box-shadow: 3px 3px 3px rgb(0 0 0 / 50%) inset; 
    padding: 0px 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: inherit;
    background: #fff;}
/*搜索按钮样式*/
.wp_search .search {
    width: 120px;
    height: 45px;
    border: 0px;
    background: #0b2b75 url(../images/sous.png) no-repeat center;
    cursor: pointer;
    vertical-align: top;
}