#app{max-width:640px;margin:auto}#app .college-list{box-sizing:border-box}#app .college-list li{display:flex;padding:7px 10px;border-bottom:1px solid #eee}#app .college-list li .college-logo{width:20%}#app .college-list li .college-logo img{width:80%;max-width:60px}#app .college-list li .college-info{display:flex;flex-direction:column;padding:0 6px;width:50%}#app .college-list li .college-info .title{width:100%;height:30px;line-height:30px;overflow:hidden;font-size:18px;font-weight:700px;text-overflow:ellipsis;white-space:nowrap}#app .college-list li .college-info .desc{font-size:14px;color:#bbb}#app .college-list li .college-option{display:flex;flex-direction:column;align-content:center;text-align:center;width:30%}#app .college-list li .college-option img{margin:auto;width:90%;max-width:120px}#app .college-list li .college-option span{margin-top:8px;font-size:10px;color:#bbb}#app .tabs{margin-bottom:8px}#app .tabs,#app .tabs li{display:flex;justify-content:center}#app .tabs li{margin:0 2px;padding:4px;flex-grow:1;flex-direction:column;text-align:center;font-size:18px;color:#fff;border-radius:8px;background-color:#110d95;box-shadow:2px 2px 5px #888}#app .tabs li span{font-size:8px;color:#bbb}#app .tabs .active{color:#fff;font-weight:700;background:linear-gradient(270deg,#c21615,#f80202)}#app .title-wrap{height:60px;border-bottom:8px solid #eee}#app .title-wrap .title{display:block;line-height:40px;font-size:20px;font-weight:600;text-align:center}#app .title-wrap .title-desc{display:block;text-align:center;font-size:12px;color:#bbb}#app .my-swipe .van-swipe-item{color:#fff;height:180px;text-align:center;background-color:#39a9ed}