.switch-container{width:1150px;height:560px;margin:0 auto}.switch-container .title-nav{width:100%;display:flex;justify-content:space-between}.switch-container .switch-title{width:33%;height:57px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.switch-container .switch-title:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;opacity:0}.switch-container .switch-title.active{background:#fff;border:1px solid rgba(28,31,35,.08);border-bottom:0;border-radius:4px}.switch-container .switch-title.active:after{opacity:1;content:"";position:absolute;height:3px;left:0;right:0;bottom:0;background:#3262e5;width:100%;transition:all .5s linear}.switch-container .switch-title>span{font-style:normal;font-weight:700;font-size:18px;line-height:26px;color:#28292f}.switch-container .switch-item-0,.switch-container .switch-item-1,.switch-container .switch-item-2{padding:60px 74px;display:flex;justify-content:space-between;background:#fff;box-shadow:0 2px 2px rgba(44,71,146,.16862);border-radius:0 0 3px 3px}.switch-container .switch-item-0 .item-left,.switch-container .switch-item-1 .item-left,.switch-container .switch-item-2 .item-left{width:392px;height:384px;display:flex;flex-direction:column}.switch-container .switch-item-0 .item-left .left-nav-first,.switch-container .switch-item-1 .item-left .left-nav-first,.switch-container .switch-item-2 .item-left .left-nav-first{width:100%;height:auto}.switch-container .switch-item-0 .item-left .left-nav-first .nav-title,.switch-container .switch-item-1 .item-left .left-nav-first .nav-title,.switch-container .switch-item-2 .item-left .left-nav-first .nav-title{font-style:normal;font-weight:700;font-size:24px;line-height:32px;color:#222}.switch-container .switch-item-0 .item-left .left-nav-first .nav-p,.switch-container .switch-item-1 .item-left .left-nav-first .nav-p,.switch-container .switch-item-2 .item-left .left-nav-first .nav-p{margin-top:16px;font-style:normal;font-weight:400;font-size:18px;line-height:26px;color:#5d6494}.switch-container .switch-item-0 .item-left .left-nav-second,.switch-container .switch-item-1 .item-left .left-nav-second,.switch-container .switch-item-2 .item-left .left-nav-second{width:100%;height:auto;margin-top:30px}.switch-container .switch-item-0 .item-left .left-nav-second .nav-title,.switch-container .switch-item-1 .item-left .left-nav-second .nav-title,.switch-container .switch-item-2 .item-left .left-nav-second .nav-title{display:block;font-style:normal;font-weight:700;font-size:24px;line-height:32px;color:#222}.switch-container .switch-item-0 .item-left .left-nav-second>div,.switch-container .switch-item-1 .item-left .left-nav-second>div,.switch-container .switch-item-2 .item-left .left-nav-second>div{margin-top:16px;display:inline-flex;align-items:center;width:auto;height:32px;left:0;top:0;background:#e6ecf5;border-radius:4px;padding:0 12px;margin-right:4px;cursor:pointer}.switch-container .switch-item-0 .item-left .left-nav-second>div:hover,.switch-container .switch-item-1 .item-left .left-nav-second>div:hover,.switch-container .switch-item-2 .item-left .left-nav-second>div:hover{opacity:.8}.switch-container .switch-item-0 .item-left .left-nav-second .nav-p,.switch-container .switch-item-1 .item-left .left-nav-second .nav-p,.switch-container .switch-item-2 .item-left .left-nav-second .nav-p{font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#3b426b}.switch-container .switch-item-0 .item-left .left-nav-last,.switch-container .switch-item-1 .item-left .left-nav-last,.switch-container .switch-item-2 .item-left .left-nav-last{width:100%;height:auto;margin-top:30px}.switch-container .switch-item-0 .item-left .left-nav-last .nav-title,.switch-container .switch-item-1 .item-left .left-nav-last .nav-title,.switch-container .switch-item-2 .item-left .left-nav-last .nav-title{display:block;font-style:normal;font-weight:700;font-size:24px;line-height:32px;color:#222}.switch-container .switch-item-0 .item-left .left-nav-last .nav-img,.switch-container .switch-item-1 .item-left .left-nav-last .nav-img,.switch-container .switch-item-2 .item-left .left-nav-last .nav-img{margin-top:16px;width:268px;display:flex;justify-content:space-between}.switch-container .switch-item-0 .item-left .left-nav-last .nav-img .img-item,.switch-container .switch-item-1 .item-left .left-nav-last .nav-img .img-item,.switch-container .switch-item-2 .item-left .left-nav-last .nav-img .img-item{width:126px;height:51.89px;background:#fff;border:1px solid rgba(225,227,232,.48);box-shadow:0 2px 2px rgba(44,71,146,.16862);border-radius:3px;display:flex;justify-content:center;align-items:center}.switch-container .switch-item-0 .item-left .left-nav-last .nav-img .img-item>img,.switch-container .switch-item-1 .item-left .left-nav-last .nav-img .img-item>img,.switch-container .switch-item-2 .item-left .left-nav-last .nav-img .img-item>img{width:86px;height:23.89px}.switch-container .switch-item-0 .item-left .left-nav-last .nav-img .img-item:hover,.switch-container .switch-item-1 .item-left .left-nav-last .nav-img .img-item:hover,.switch-container .switch-item-2 .item-left .left-nav-last .nav-img .img-item:hover{background:#f7f9fc;border:1px solid rgba(225,227,232,.48);box-shadow:0 2px 2px rgba(44,71,146,.16862);border-radius:3px;cursor:pointer}.switch-container .switch-item-0 .item-right>img,.switch-container .switch-item-1 .item-right>img,.switch-container .switch-item-2 .item-right>img{width:528px;height:auto}.switch-container .switch-item-0.active,.switch-container .switch-item-1.active,.switch-container .switch-item-2.active{animation:fadeIn 2s 0s 1}@keyframes fadeIn{0%{opacity:.4}to{opacity:1}}@media screen and (max-width:425px){.switch-container{width:95%}.switch-container .switch-item-0,.switch-container .switch-item-1,.switch-container .switch-item-2{flex-direction:column;padding:20px}.switch-container .switch-item-0 .item-left,.switch-container .switch-item-1 .item-left,.switch-container .switch-item-2 .item-left{width:100%;height:auto}.switch-container .switch-item-0 .item-left .nav-title,.switch-container .switch-item-1 .item-left .nav-title,.switch-container .switch-item-2 .item-left .nav-title{font-size:20px!important}.switch-container .switch-item-0 .item-right,.switch-container .switch-item-1 .item-right,.switch-container .switch-item-2 .item-right{margin-top:20px}.switch-container .switch-item-0 .item-right>img,.switch-container .switch-item-1 .item-right>img,.switch-container .switch-item-2 .item-right>img{width:100%}}