.solution-main{background:linear-gradient(to top,#fff 75%,#c4eafb);padding:70px 0 0}
.solution-ban h1{font-size:36px;font-weight:600}
.inter_footer h2,.tabs label{text-align:center}
.tabs:after,.tip1 .tip1_1_tool::before{content:''}
.tabs{float:none;list-style:none;padding:0;margin:75px auto}
.tabs:after{display:table;clear:both}
.tabs input[type=radio]{display:none}
.tabs label{display:block;float:left;width:20%;color:#7f7f7f;font-size:30px;font-weight:400;text-decoration:none;line-height:2;cursor:pointer;border-bottom:2px solid #efefef;-webkit-transition:all .5s;transition:all .5s}
.tabs label span{display:none;padding:15px 0;font-size:16px}
.tabs label i{padding:5px;margin-right:0}
.tabs label:hover{color:#14b57e;border-bottom:2px solid #14b57e}
.tab-content{display:none;width:100%;float:left;box-sizing:border-box;background-color:#fff}
.tab-content *{-webkit-animation:scale .7s ease-in-out;-moz-animation:scale .7s ease-in-out;animation:scale .7s ease-in-out}
@keyframes scale {
0%{transform:scale(.9);opacity:0}
50%{transform:scale(1.01);opacity:.5}
100%{transform:scale(1);opacity:1}
}
.list-none{color:#fff!important}
.tabs [id^=tab]:checked + label{background:#FFF;border-bottom:2px solid #14b57e;color:#14b57e}
#tab1:checked ~ #tab-content1,#tab2:checked ~ #tab-content2,#tab3:checked ~ #tab-content3,#tab4:checked ~ #tab-content4,#tab5:checked ~ #tab-content5{display:block}
.inter_footer .tab-content ul{display:block;width:33.33%;float:left;padding-left:10%;padding-top:20px}
.inter_footer .tab-content ul li{list-style-type:disc;color:#666}
@media (min-width:768px) {
.tabs i{padding:5px;margin-right:10px}
.tabs label span{display:inline-block}
.tabs{margin:50px auto}
}
.usecase-container{width:50%;display:inline-block;float:left}
.usecase-list{padding:20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;min-height:0;position:relative;margin:0 10px;min-height:445px}
.usecase-list:hover{box-shadow:0 0 15px 1px #e0e0e0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:pointer}
.use-min{min-height:445px}
.usecase-list a{position:absolute;width:100%;height:100%;z-index:9}
.list-container{padding:40px 0 0}
.usecase-list h3{font-size:26px;font-weight:700}
.usecase-list p{font-size:16px;font-weight:600;color:#333}
.usecase-list ul li{font-size:15px;color:#269acd;list-style-type:disc;padding-bottom:10px}
.usecase-list ul li p{color:#444;margin:0;font-weight:400;font-size:15px}
.usecase-list h3::after{content:"";display:block;border-bottom:3px solid #36c9d4;width:25%;position:relative;bottom:-6px}
.user-list-head{display:flex;align-items:center}
.spirite-icon{background:url(../images/dsp-solution-spirite.png)no-repeat -10px -24px;background-size:700px 700px;width:103px;height:85px;float:left;margin:0 20px 0 0}
.spirite2{background-position:-10px -131px;width:118px;height:85px}
.spirite3{background-position:-12px -240px;width:115px;height:85px}
.spirite4{background-position:-21px -347px;width:106px;height:85px}
.spirite5{background-position:-32px -470px;width:96px;height:85px}
.spirite6{background-position:-32px -592px;width:99px;height:85px}
.pL20{padding-left:20px!important}
.foot-inst-rhs{padding-left:0;margin-top:50px}
.dwnld-btn{background:#D63938;color:#fff;height:50px;line-height:50px;font-weight:600;font-size:16px;text-align:center;border-radius:3px;cursor:pointer;width:100%;padding:10px 30px}
.solution-ft-lhs .foot-inst-lhs-sys{background:url(../images/dsp-solution-spirite.png)no-repeat -283px -660px;background-size:1200px;width:435px;height:350px;margin:0 auto;margin-bottom:0;top:0;position:relative}
.sol-ft-bg{background:url(../images/dsp-solution-spirite.png)no-repeat -170px -10px;background-size:890px 860px;width:720px;height:338px;position:absolute;bottom:0;left:-100px;display:none}
.learn-list{list-style-type:none!important}
.dwnld-btn:hover{text-decoration:none}
.learn-list a{color:#53a5db;opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:relative}
.usecase-list:hover .learn-list a{opacity:1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.solution_bott{margin-top:20px!important;background:linear-gradient(to bottom,#fff,#c4eafb 80%)}
.solution_bott .foot-install{padding-top:0}
@media screen and (max-width: 992px) {
.usecase-container{width:100%;display:block;float:none;padding:0;min-height:0;margin:0 auto}
.usecase-list{min-height:0}
.sol-ft-bg{display:none}
.solution_bott{margin-top:0}
.solution_bott .foot-install{padding-top:0}
}
@media screen and (max-width: 500px) {
.solution-ban h1{line-height:36px}
.list-container{padding:30px 0 0}
.usecase-list h3{font-size:24px}
.user-list-head{display:block}
.spirite-icon{float:none;margin:0 auto}
.usecase-list h3{text-align:center;margin:10px 0}
.usecase-list h3::after{margin:0 auto}
.usecase-container{padding:0;border-bottom:1px dashed #ddd;margin-bottom:40px}
.foot-inst-rhs h2{padding-top:0}
}