@charset "utf-8";


*{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:"微软雅黑"}
ul{list-style:none}
a{text-decoration:none}
.logout-solution-wrap{width:100%;background: linear-gradient(180deg, #f9faff 0%,rgba(255,255,255,0) 100%);padding-bottom: 30px;}
.logout-solution{max-width:1200px;margin:0 auto;position:relative}
.logout-solution .title {
    width: 100%;
    line-height: 56px;
    font-size: 42px;
    color: #000;
    text-align: center;
    padding: 70px 0 20px;
}
.logout-solution .title a{float:right;text-decoration:none;font-size:14px;color:#108ee9;letter-spacing:0;text-align:right;position:absolute;right:0}
.logout-solution .title a:hover{text-decoration:underline}
.lsbs{height:400px;margin-top:40px}
.lsbs-container>div:first-child,.lsbs-container>div:first-child a{/* border-radius:4px 0 0 4px */}
.lsbs-container>div:last-child,.lsbs-container>div:last-child a{}
.lsb-background{width: 25%;height:400px;float:left;}
.lsb-background:nth-child(1) a{background: url(../images/bg1.png) center center no-repeat #000;background-size: 100% 100%;}
.lsb-background:nth-child(2) a{background: url(../images/bg2.png) center center no-repeat rgb(0, 0, 0);background-size: 100% 100%;}
.lsb-background:nth-child(3) a{background: url(../images/bg3.png) center center no-repeat rgb(0, 0, 0);background-size: 100% 100%;}
.lsb-background:nth-child(4) a{background: url(../images/bg4.png) center center no-repeat rgb(0, 0, 0);background-size: 100% 100%;overflow: hidden;}
.lsb{/* width:100%; */height:100%;padding:0 60px;background:rgba(0,0,0,.4);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden;margin: 0 20px;border-radius: 20px;overflow: hidden;box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.05);}
.lsb:hover{cursor:pointer;background: linear-gradient(90deg, #178bfb 0%, #20d6e5 100%) !important;}
.lsb:hover .lsb-icon{margin-top:-44px}
.lsb:hover .lsb-name{margin-top: 80px;}
.lsb:hover .lsb-span{margin-top:28px}
.lsb:hover .lsb-introduce{margin-top:16px}
.lsb:hover .lsb-href{margin-top:32px; background:#FDD22E;}
.lsb-icon{width:44px;height:44px;margin:auto;margin-top:95px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:24px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:12px}
.lsb-introduce{font-size:14px;color:#fff;transition:all .5s;margin-top:10px;line-height: 30px;}

.lsb-introduce span{width:100%; text-align:center;}


.lsb-href{width:144px;height:40px;padding:9px 18px;/* border:1px solid #fff; */border-radius: 35px;text-decoration:none;transition:all .5s;margin:auto;margin-top:100px;color:#fff;}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:14px;line-height:22px;/*float:left;*/color: #000;}
.lsb-href .icon-jinru{width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;float:right;color:"#fff";font-size:16px}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#FDD22E;color: #108ee9;}
.lsb-href:hover span{color:#fff}
.lsb-href:hover .icon-jinru{color:#108ee9}