@charset "utf-8";*{border:0;margin:0;padding:0;outline:0}
body{font-family:"微软雅黑",Arial,"宋体",serif;font-size:16px;color:#333;background:#f5f6f9}
a,a:link,a:visited{color:#333;text-decoration:none;outline:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:hover{color:#f80}
li,ul{list-style:none}
hr{border-top:1px solid #eee}
h3{font-size:18px;color:#f60;font-weight:700;height:26px;display:inline-block;border-bottom:2px solid #f60;margin-left:10px;margin-top:10px}
.container{width:1200px;margin:0 auto;overflow:hidden}
.hcenter{margin:10px auto 0;padding:20px 0;width:1200px;background-color:#fff;color:#000;text-align:center}
.hcenter h2{position:relative;display:inline-block;padding:0 15px;color:#333;font-weight:400;font-size:30px}
.hcenter h2:after,.hcenter h2:before{position:absolute;top:60%;right:-198px;width:198px;height:1px;background:url(http://img.shebao028.com/img/line.png) no-repeat 0 -1px;content:""}
.hcenter h2:before{left:-198px;background-position:0 0}
.hleft{margin:10px auto 0;width:1200px;height:50px;border-bottom:1px solid #ddd;background-color:#fff}
.hleft900{float:left;width:900px;border-radius:10px 10px 0 0}
.hleft h1,.hleft h2{float:left;display:inline-block;margin-top:10px;margin-left:20px;height:38px;border-bottom:2px solid #f80;color:#f80;font-weight:700;font-size:20px;line-height:30px}
.hleft h1 a,.hleft h2 a{color:#f80}
.hleft p{float:left;display:inline-block;overflow:hidden;margin-top:10px;margin-left:20px;text-overflow:ellipsis;white-space:nowrap;line-height:30px}
.hleft900 p{width:700px}
.hleft>a{float:right;margin-top:10px;font-size:16px;line-height:30px}
.hleft>a::after{margin:0 5px;content:"|"}
.hleft>a:first-of-type::after{content:""}
.hleft>a:hover::after{color:#333}
.topnav{height:30px;line-height:30px;background-color:#323232}
.topnav h1{line-height:30px;display:inline-block;color:#fff;font-size:14px;font-weight:400;height:30px;float:left;margin-left:16px}
.topnav h1 a{color:#fff}
.topnav h1 a:hover{color:#f80}
.topnav span{margin-left:120px;line-height:30px;display:inline-block;color:#fff;font-size:14px;font-weight:400;height:30px;float:left}
.topnav span:hover{color:#f80;cursor:pointer}
.topnav .member{display:inline-block;float:right}
.topnav .member a{display:inline-block;color:#fff}
.topnav .member a:hover{color:#f80}
.nav{top:0;width:100%;height:70px;line-height:70px;background:#FFF;z-index:999}
.nav .menu{width:1200px;margin:0 auto;font-size:16px}
.nav .menu>li{float:left;position:relative;z-index:999;width:150px;height:70px}
.nav .menu>li a{display:block;padding:0 10px;text-align:center;height:66px}
.nav .menu>li.active>a,.nav .menu>li>a:hover{border-bottom:solid 4px #f80}
.nav .menu>li.active>a{color:#f80}
.nav .menu .logo{width:200px;margin-right:100px}
.nav .menu .logo a{display:block}
.nav .menu .logo a img{height:60px;vertical-align:middle}
.nav .menu .logo a:hover{background-color:#fff;border-bottom:none}
.nav .menu .sub>a:after{content:'';display:inline-block;width:7px;height:4px;vertical-align:middle;margin-left:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAIAAADNpLIqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA4SURBVHjaPEw5DgAwCMK+Ut/noH9kqS1pGbhCsMwEEBG4qKrhpawgnsZIjutubd39CB/m6vstwACDrCRuZb7BlQAAAABJRU5ErkJggg==) no-repeat;-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s}
.nav .menu .sub:hover a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.nav .menu .sub-menu{display:none}
.nav .menu .sub:hover .sub-menu{display:block;position:absolute;width:332px;background:#FFF;border:1px solid #f0f0f0;z-index:99;top:70px}
.nav .menu .sub:hover .sub-menu li{font-size:14px;float:left;width:165px;height:40px;line-height:40px;border-bottom:1px solid #f0f0f0}
.nav .menu .sub:nth-child(9):hover .sub-menu{width:auto}
.nav .menu .sub:nth-child(9):hover .sub-menu li{float:none}
.nav .menu .sub:nth-child(10):hover .sub-menu{width:auto}
.nav .menu .sub:nth-child(10):hover .sub-menu li{float:none}
.nav .menu .sub:hover .sub-menu li:nth-of-type(odd){border-right:1px solid #f0f0f0}
.nav .menu .sub:hover .sub-menu li a{height:38px;line-height:40px}
.nav .menu .sub:hover .sub-menu li a:hover{border-bottom:solid 2px #f80}
.nav .wapmenu{display:none}
.foot{clear:both;margin-top:20px;background-color:#2a2a2a}
.foot .container{overflow:hidden}
.foot ul{position:relative;float:left;height:140px;border-left:1px solid #999;color:#ccc;list-style-type:disc}
.foot ul li{float:left;margin:0 0 0 26px;width:102px;font-size:14px;line-height:35px}
.foot ul li a{color:#999}
.foot ul li a:hover{color:#f80;text-decoration:underline}
.foot ul .title{margin:15px 0 15px 0;color:#fff;text-align:center;font-weight:400;font-size:18px}
.foot .about,.foot .about .title{width:400px}
.foot .links,.foot .links .title{width:396px}
.foot .focus,.foot .focus .title{width:400px}
.foot .focus{border-right:1px solid #999}
.foot .focus .weibo{float:left;margin-top:30px;margin-right:35px;margin-left:110px;width:34px;height:26px;background:url(http://img.shebao028.com/img/footWeixin.png) no-repeat 0 0;color:#fff;text-align:center;cursor:pointer}
.foot .focus .weibo:hover{background-position:0 -50px}
.foot .focus .weixin{position:relative;float:left;margin-top:30px;width:34px;height:27px;background:url(http://img.shebao028.com/img/footWeixin.png) no-repeat -60px 0;color:#fff;text-align:center;cursor:pointer}
.foot .focus .weixin:hover{background-position:-60px -50px}
.foot .focus .weixin img{position:absolute;top:-80px;left:50px;display:none;width:120px}
.foot .focus .weixin:hover img{display:block}
.foot .copyright{color:#ccc;text-align:center;font-size:12px;line-height:25px;margin-bottom:5px}
.foot .copyright a{color:#ccc}
.foot .copyright a:hover{color:#f80}
.foot .copyright span::after{display:inline-block;margin:0 10px;content:"|";font-style:normal}
.subnav{height:45px;width:1200px;margin:10px auto 0;overflow:hidden}
.subnav .path{float:left;margin:0 auto;overflow:hidden;background-color:#fff;padding:0 20px;width:920px;border-radius:10px}
.subnav .path a{color:#595757;font-size:16px;line-height:45px}
.subnav .path a:hover{color:#f80}
.subnav .path a:before{content:">"}
.subnav .path a:hover:before{color:#595757}
.subnav .path a:first-child:before{content:""}
.subnav .tags{width:960px;height:45px;float:left;background:#fff;border-radius:10px;overflow:hidden}
.subnav .tags h2{float:left;font-size:18px;color:#f60;font-weight:700;height:25px;display:inline-block;border-bottom:2px solid #f60;margin-left:20px;line-height:25px;padding-top:10px}
.subnav .tags h1{font-weight:400;font-size:16px;padding:10px;display:inline-block;line-height:25px;height:25px}
.subnav .tags h1 a{background-color:#08f;color:#fff;border-radius:3px;padding:0 3px;display:inline-block;margin-bottom:10px;margin-right:4px}
.subnav .tags h1 a:hover{background-color:#f80}
.subnav .search{float:right;width:230px;height:45px;border-radius:10px;background-color:#fff;border:0;overflow:hidden}
.subnav .search input{float:left;width:160px;height:45px;border:0 none;outline:0;padding-left:20px}
.subnav .search input:focus{background-color:#eee}
.subnav .search input:last-child{float:right;width:50px;height:45px;background:url(http://img.shebao028.com/img/search.png) no-repeat center bottom;background-color:#0ae;background-size:auto 90px}
.subnav .search input:last-child:hover{cursor:pointer;background-position-y:top;background-color:#0ae}
.subnavs .path{width:860px}
.subnavs .search{width:290px}
.subnavs .search input{width:220px}
.bannerIndex{position:relative;height:450px;overflow:hidden;min-width:1200px}
.bannerIndex ul li img{position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-225px}
.bannerIndex>ul>li{display:none}
.bannerIndex>ul>li:first-child{display:block}
.bannerIndex>ul>li>a{display:block;width:100%;height:100%}
.bannerIndex .bannerIndexLeft,.bannerIndex .bannerIndexRight{width:41px;height:69px;position:absolute;top:50%;margin-top:-35px;background:url(http://img.ruifind.com/images/bannerIndexBtn.png) no-repeat;cursor:pointer;display:none}
.bannerIndex .bannerIndexLeft{background-position:-83px 0;left:50%;margin-left:-580px}
.bannerIndex .bannerIndexRight{background-position:-125px 0;right:50%;margin-right:-580px}
.bannerIndex .bannerIndexLeft:hover{background-position:0 0}
.bannerIndex .bannerIndexRight:hover{background-position:-41px 0}
.bannerIndex>ol{width:130px;position:absolute;bottom:20px;left:50%;margin-left:-65px}
.bannerIndex>ol>li{float:left;width:12px;height:12px;background:#a6a5a0;margin-right:10px;cursor:pointer;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.bannerIndex>ol>li.current{background:#61e7f7;width:30px}
.banners{position:relative;height:400px;overflow:hidden;width:960px;float:left}
.banners ul li img{position:absolute;left:50%;top:50%;margin-left:-480px;margin-top:-200px}
.banners>ul>li{display:none}
.banners>ul>li:first-child{display:block}
.banners>ul>li>a{display:block;width:100%;height:100%}
.banners .bannersLeft,.banners .bannersRight{width:42px;height:70px;position:absolute;top:50%;margin-top:-35px;background:url(http://img.shebao028.com/img/bannertogglebtn.png) no-repeat;cursor:pointer;display:none}
.banners .bannersLeft{background-position:-84px 0;left:50%;margin-left:-480px}
.banners .bannersRight{background-position:-126px 0;right:50%;margin-right:-480px}
.banners .bannersLeft:hover{background-position:0 0}
.banners .bannersRight:hover{background-position:-42px 0}
.banners>ol{width:130px;position:absolute;bottom:20px;left:50%;margin-left:-65px}
.banners>ol>li{float:left;width:12px;height:12px;background:#a6a5a0;margin-right:10px;cursor:pointer;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.banners>ol>li.current{background:#61e7f7;width:30px}
.page{width:1198px;margin:20px auto 0;list-style:outside none none;background-color:#fff;color:#8e8b8b;overflow:hidden;border:1px solid #eee;border-radius:8px}
.page a{float:left;height:50px;line-height:50px;width:50px;border-right:1px solid #eee;text-align:center}
.page b{float:left;height:50px;line-height:50px;width:50px;border-right:1px solid #eee;text-align:center;background-color:#f60;color:#fff}
.page b:first-child{width:100px;background-color:#fff;color:#333}
.pages{margin:20px auto 0;list-style:outside none none;background-color:#fff;color:#8e8b8b;overflow:hidden;border:1px solid #eee;border-radius:8px}
.pages a{float:left;height:50px;line-height:50px;width:50px;border-right:1px solid #eee;text-align:center}
.pages b{float:left;height:50px;line-height:50px;width:50px;border-right:1px solid #eee;text-align:center;background-color:#f60;color:#fff}
.pages b:first-child{width:100px;background-color:#fff;color:#333}
.ads{float:right;width:230px;overflow:hidden}
.ads h2{font-size:16px;color:#f60;font-weight:700;height:24px;display:inline-block;border-bottom:2px solid #f60;margin-left:10px;margin-top:14px}
.ads .fixed[class*=adimg]{position:fixed;top:70px;width:230px}
.ads .fixed[class*=tags]{position:fixed;top:260px;width:220px}
.ad{width:290px}
.ad .fixed[class*=adimg]{position:fixed;top:70px;width:290px}
.ad .fixed[class*=tags]{position:fixed;top:260px;width:280px}
.ads .adimg{margin-top:10px;border-radius:10px}
.ads .adimg img{border-radius:10px}
.ads .shebao{height:auto;margin-top:10px;margin-bottom:10px;height:280px}
.ads .shebao .shebao-province{margin:0 0 0 5px}
.ads .shebao .shebao-province h1{font-size:18px;color:#f60;font-weight:700;height:26px;display:inline-block;border-bottom:2px solid #f60;margin-left:10px;margin-top:10px}
.ads .tags{margin-top:10px;background-color:#fff;border-radius:10px;padding:0 5px;overflow:hidden}
.ads .tags h1{margin-top:10px;font-weight:400;font-size:14px;padding:0 10px}
.ads .tags h1 a{background-color:#08f;color:#fff;border-radius:3px;padding:0 3px;display:inline-block;margin-bottom:10px;margin-right:4px}
.ads .tags h1 a:hover{background-color:#f80}


.online {width:50px;height:auto;position:fixed;right:0;top:50%;z-index:100000;margin-top: -210px;}
.online p {border-top-left-radius: 6px;border-bottom-left-radius: 6px;width:50px;height:auto;background:rgba(26, 149, 231,1);font-size:14px;text-align:center;color:#fff;cursor:pointer;margin-bottom:5px;padding: 10px 0;transition:all .5s ease-in-out;}
.online p:hover {width:50px;background:#0675be;}
.w50{width:50px;}
.online p img {vertical-align:middle; width: 24px;margin-bottom: 5px;}
.online p span {display: block;width: 20px;line-height: 18px;word-wrap: break-word;margin: 0 auto; }
.online p.bg01{background: #f60;}

/*预约演示*/
.demoBtn {
    position: relative;
}

.demoBtn .demoSvg {
    display: inline-block;
    width: 30px;
    position: relative;
    top: 0;
    left: -12px;
}

.demoBtn .DemoQRcode {
    display: none;
    padding: 0px 0px !important;
    background: #ffffff !important;
    width: 200px !important;
    height: 220px;
    position: absolute;
    top: -180px;
    right: 36px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
    border-radius: 0px;

}

.demoBtn .demo-test {
    font-size: 14px;
    font-weight: 700;
    color: #0f7acc;
}

.demoBtn .demonstration {
    margin: 0 auto;
    width: 120px;
    height: 24px;
    line-height: 24px;
    background: linear-gradient(143deg, #0f7acc 28%, #083d66 100%);
    border-radius: 12px;
    box-shadow: 0px 3px 6px 0px rgba(0, 41, 154, 0.16);
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.DemoQRcode .bac-div {
    width: 100%;
    height: 190px;
    /*background: #f5faff!important;*/
    padding: 14px;
}

.DemoQRcode p {
    color: #59a3ff !important;
    font-size: 18px;
}

.DemoQRcode p .demo-img {
    height: 20px;
    width: 57px !important;
    margin-right: 10px;
}

.DemoQRcode p .demoQRcode-img {
    height: 135px;
    width: 135px !important;
}

.DemoQRcode .aurl {
    font-size: 12px !important;
    background-color: #ffffff;
}

.DemoQRcode .aurl a {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px !important;
    color: #59a3ff !important;
}

.demobtnfooter {
    width: 174px;
    height: 38px;
    line-height: 38px;
    background: #0e79cb;
    border-radius: 18px;
    text-align: center;
    margin-top: 20px;
}

.demobtnfooter a {
    color: #ffffff;
}


/*2022-4-21ty添加*/
.right_dialog .personal_c {
    position: relative;
    padding: 0px !important;
}

.right_dialog .personal_c .personal_c_icon {
    margin-top: 5px;
}

.right_dialog .personal_edit {
    border-radius: 0px !important;
    height: 40px;
    background: #dcdfe5;
    box-shadow: 0px 3px 3px 0px rgba(172, 172, 172, 0.16);
    /* box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04); */
}

.right_dialog .personal_c .hover-span {
    position: absolute;
    left: -100px;
    display: none;
    /*width: 100px;*/
    /*background: #5cb85c;*/
    /*height: 40px;*/
    line-height: 40px;
    top: 0px;

    font-size: 14px;
    width: 100px;
    height: 40px;
    background: #9f0705;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24);
}


.right_dialog .social_c {
    position: relative;
    background: #dcdfe5;
    box-shadow: 0px 3px 3px 0px rgba(172, 172, 172, 0.16);
    padding: 0px !important;
}

.right_dialog .social_c .social_c_icon {
    margin-top: 5px;
}

.right_dialog .social_edit {
    border-radius: 0px !important;
    height: 40px;
    /*background: #0091ff;*/
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
}

.right_dialog .social_edit .hover-social-span {
    position: absolute;
    left: -100px;
    display: none;
    /*width: 100px;*/
    /*background: #5cb85c;*/
    /*height: 40px;*/
    line-height: 40px;
    top: 0px;

    font-size: 14px;
    width: 100px;
    height: 40px;
    background: #9f0705;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24);
}

.right_dialog .demoBtn {
    position: relative;
    background: #dcdfe5;
    box-shadow: 0px 3px 3px 0px rgba(172, 172, 172, 0.16);
}

.right_dialog .demo-btn-edit {
    border-radius: 0px !important;
    height: 40px;
    /*background: #0091ff;*/
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
}

.right_dialog .demo-btn-edit .hover-social-span {
    position: absolute;
    left: -100px;
    display: none;
    /*width: 100px;*/
    /*background: #5cb85c;*/
    /*height: 40px;*/
    line-height: 40px;
    top: 0px;

    font-size: 14px;
    width: 100px;
    height: 40px;
    background: #9f0705;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24);
}

.right_dialog .online_ask {
    background: #dcdfe5;
    box-shadow: 0px 3px 3px 0px rgba(172, 172, 172, 0.16);
    position: relative;
    border-radius: 0px;
    height: 40px;
    padding: 0px !important;
}

.right_dialog .online_ask .online_ask_icon {
    margin-top: 5px;
}

.zxzx-diloge {
    display: none;
    padding: 0px 0px !important;
    /*background: #ffffff!important;*/
    width: 218px !important;
    height: 312px;
    position: absolute;
    top: -50px;
    right: 36px;

    border-radius: 5px !important;

}

.right_dialog .zxzx-diloge-img {
    width: 218px !important;
    height: 312px;
    /*box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.17);*/
}

.right_dialog .zxzx-box-ewm {
    width: 218px !important;
    /*height: 100px;*/
    position: absolute;
    top: 60px;
    right: 40px;
    /*box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.17);*/
    padding: 0px !important;
    display: none;
}

.right_dialog .zxzx-box-ewm .demonstration {
    width: 130px;
    height: 24px;
    line-height: 24px;
    background: linear-gradient(205deg, #dc1c0f 28%, #9f0705 100%);
    border-radius: 12px;
    box-shadow: 0px 3px 6px 0px rgba(0, 41, 154, 0.16);
    margin: 0 auto;
    margin-top: 10px;
}

.right_dialog .zxzx-diloge-ewm {
    width: 101px !important;
    height: 100px !important;
    margin-left: 16px;
    margin-top: 7px;
    /*margin: 0 auto;*/
    /*position: absolute;*/
    /*top: 134px;*/
    /*right: 97px;*/
    /*box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.17);*/
}

.right_dialog .zxzx-box-ewm .scan-qr {
    color: #000000;
    font-weight: 700;
    margin-top: 7px;
}

.right_dialog .zxzx-box-ewm .online_ask_phone_box span {
    margin-top: 5px;
}

.right_dialog .zxzx-box-ewm .online_ask_phone {
    width: 10px;
    height: 13px;
    margin-bottom: 0px;
}

.right_dialog .back_top {
    background: #dcdfe5;
    box-shadow: 0px 3px 3px 0px rgba(172, 172, 172, 0.16);
    border-radius: 0px;
    padding: 6px 0;
}

.right_dialog .back_top:hover {
    background: #9f0705;
    box-shadow: 0px 3px 3px 0px rgba(172, 172, 172, 0.16);
    border-radius: 0px;
    padding: 6px 0;
}

.right_dialog .clear-zxzx-diloge {
    position: absolute;
    right: 63px;
    top: 8px;
    width: 12px;
    height: 12px;
    display: none;
    /*background: #5cb85c;*/
}





.right_dialog {
    position: fixed;
    right: 10px;
    top: 30%;
    bottom: 50%;
    width: 36px;
    z-index: 3000;
}

@media (max-width: 1400px) {
    .right_dialog {
        position: fixed;
        right: 0;
        top: 10%;
        bottom: 50%;
        width: 36px;
        z-index: 3000;
    }

    .DemoQRcode {
        top: -100px !important;
    }
}

.right_dialog div {
    width: 100%;
    padding: 5px 8px;
    text-align: center;
    line-height: 16px;
    margin-bottom: 6px;
    /*background-color: #1762c9;*/
    color: #fff;
    border-radius: 6px 0 0 6px;
    cursor: pointer;
}

/*.right_dialog :nth-child(3) {*/
/*background-color: #EF6F2D;*/
/*}*/
.right_dialog .online_ask {
    /* background-color: #EF6F2D; */
}

.right_dialog .personal_c img,
.right_dialog .social_c img {
    display: inline-block;
    width: 22px;
    position: relative;
    top: 0;
    left: -8px;
}

.right_dialog .online_ask div {
    /* background-color: transparent; */
}

.right_dialog .online_ask div img {
    display: inline-block;
    width: 22px;
    position: relative;
    top: 0;
    left: -8px;
}
.right_dialog .back_top .hover-span-top {
    position: absolute;
    left: -128px;
    display: none;
    /*width: 100px;*/
    /*background: #5cb85c;*/
    /*height: 40px;*/
    line-height: 38px;
    top: -13px;

    font-size: 14px;
    width: 100px;
    height: 38px;
    background: #9f0705;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24);
}

.right_dialog .back_top .hover-span-top-box {
    position: relative;
}

.right_dialog .back_top .back_top_img {
    margin-top: 5px;
}

/* 活动弹窗 */
.activityDialogBox {
    cursor: pointer;
    width: 589px;
    height: 438px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3000;
}

.activityDialogBox .activityDialogContent {
    position: relative;
}

.activityDialogBox .activityDialogContent .activityDialogClearImg {
    position: absolute;
    left: 269px;
    bottom: -10px;
}

.activityDialogBox .activityDialogContent .activityDialogBtnImg {
    position: absolute;
    left: 177px;
    bottom: 45px;
    width: 236px;
    height: 67px;
    border-radius: 30px;
    animation: activityDialogBtnImgAn 1s ease-in-out infinite;
}

@keyframes activityDialogBtnImgAn {
    0% {
        width: 236px;
        height: 67px;
    }

    100% {
        width: 238px;
        height: 69px;
    }
}

.bannerIndexSelect {
    position: relative;
}

.bannerIndexSelect .venice {
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    top: 350px;
    left: 1055px;
    /* width: 100px;
    height: 30px; */
    width: 296px;
    height: 47px;
    border-radius: 30px;
    /* border: 3px solid #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #ffffff;
}

.bannerIndexSelect .venice:hover {
    background: #F5BD31;
    color: #ffffff;
}

.bannerIndexSelect .venice::before {
    content: "";
    display: block;
    width: 296px;
    height: 47px;
    border-radius: 30px;
    /* border: 3px solid rgba(255, 255, 255, 1); */
    position: absolute;
    top: -3px;
    left: -3px;
    /* animation: btn5AniBefore 2s ease-in-out infinite; */
}

.bannerIndexSelect .venice::after {
    content: "";
    display: block;
    width: 296px;
    height: 47px;
    border-radius: 30px;
    /* border: 3px solid rgba(255, 255, 255, 1); */
    position: absolute;
    top: -3px;
    left: -3px;
    /* animation: btn5AniAfter 2s ease-in-out infinite; */
}

@keyframes btn5AniBefore {
    0% {
        top: -3px;
        left: -3px;
        border: 3px solid rgba(255, 255, 255, 1);
    }

    100% {
        top: -12px;
        left: -12px;
        border: 12px solid rgba(255, 255, 255, 0.5);
    }
}

@keyframes btn5AniAfter {
    0% {
        top: -3px;
        left: -3px;
        border: 3px solid rgba(255, 255, 255, 1);
    }

    100% {
        border-radius: 60px;
        top: -30px;
        left: -30px;
        border: 30px solid rgba(255, 255, 255, 0.3);
    }
}