body,html{background:#f2f2f2}.majors-main{margin:20px auto;display:flex}.majors-list{max-width:860px;width:100%}.majors-list ul li{background:#fff;padding:20px 40px 20px 200px;margin-bottom:16px;border-radius:8px;position:relative}.majors-list ul li .major-img{position:absolute;left:20px;top:0;width:160px;height:100%;display:flex;align-items:center}.majors-list ul li .major-img img{width:100%;height:auto;align-items:center}.majors-list ul li .major-feature{font-weight:400;color:#05af78;margin:0;background:rgba(5,175,120,.1);border-radius:4px;padding:5px 20px;display:inline-block;width:80%}.majors-list ul li .major-duration{position:absolute;right:20px;bottom:20px;font-size:14px}.majors-list ul li .major-duration i{font-style:normal;color:#05af78}.majors-list ul li .major-category{font-size:12px;color:#05af78;padding:0 0 10px 0}.majors-list ul li p.major-title{padding:0 0 10px 0}.majors-list ul li p.major-title a{font-size:20px;font-weight:700;color:#000;text-decoration:none}.majors-list ul li p.major-title a:hover{color:#05af78}.majors-list ul li p.major-degree,.majors-list ul li p.major-school{padding:0 0 10px 0;color:#444}.majors-list ul li p.major-degree img,.majors-list ul li p.major-school img{margin-right:5px}.majors-list ul li p.major-school a{font-size:14px;color:#444;text-decoration:none}.majors-list ul li .btn-follower-icon{position:absolute;right:20px;top:50%}.majors-side{width:100%;max-width:320px;background:#fff;margin:0 0 0 20px}.majors-detail-summary{background:#eee;border-radius:16px;min-height:190px;margin-top:50px;margin-bottom:40px;padding-left:345px;position:relative}.majors-detail-summary-img{position:absolute;left:40px;top:10px;height:160px;width:280px;display:flex;align-items:center}.majors-detail-summary-img img{width:100%;height:auto;align-items:center}.majors-detail-summary a.majors-detail-focus{position:absolute;right:40px;top:50%;margin-top:-20px;width:100px;height:40px;line-height:40px;text-align:center;background:#05af78;color:#fff;border-radius:8px;text-decoration:none}.majors-detail-summary-list{padding:20px 0 0}.majors-detail-summary-list li{padding:10px 0}.majors-detail-summary-list li.majors-detail-summary-category{color:#05af78;font-size:12px}.majors-detail-summary-list li.majors-detail-summary-name{font-size:22px}.majors-detail-summary-list li.majors-detail-summary-feature{background:rgba(5,175,120,.1);color:#05af78;font-size:14px;display:inline-block;padding:5px 15px;border-radius:4px;width:80%}.majors-detail-summary-list li.majors-detail-summary-school img{margin-right:5px}.majors-detail-main{display:flex}.majors-detail-left{max-width:860px;display:block;width:100%;flex:1}.majors-detail-right{width:300px;margin-left:40px}h2.majors-detail-title{font-size:22px;margin-bottom:20px}.majors-detail-content{padding:24px;margin-bottom:35px;background:#f5f5f5;line-height:24px;font-size:14px;border-radius:8px}.majors-detail-attr li{padding:10px 0;border-bottom:#ddd solid 1px}.majors-detail-attr li span em{color:#999}.majors-detail-attr li i{float:right;font-style:normal}.majors-detail-slide a{text-align:left;overflow:hidden}.majors-detail-slide a b{width:70%;border-radius:0}.majors-detail-slide a img{width:100%;max-height:100%}.majors-detail-slide a i{padding:0 0 0 15px;font-size:12px;color:#05af78;display:block;font-style:normal;white-space:nowrap}.majors-detail-slide a span{padding:5px 0 5px 15px;font-size:18px;font-weight:700;white-space:nowrap}.majors-detail-slide a p{padding:0 0 0 15px}.majors-detail-tags{padding-top:15px}.majors-detail-tags a{text-decoration:none}.majors-detail-tags a:hover{text-decoration:none}.majors-detail-tags span{font-size:14px;font-weight:400;color:#05af78;margin:0;background:rgba(5,175,120,.1);border-radius:4px;padding:5px 15px;display:inline-block;margin-right:10px}