.m-jd-hero{background:linear-gradient(135deg,#1a73e8 0%,#4a9af5 100%);padding:28px 20px 22px;text-align:center}
.m-jd-hero h2{font-size:20px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:1px}
.m-jd-hero p{font-size:13px;color:rgba(255,255,255,0.8);margin:0 0 15px}
.m-jd-search{overflow:hidden;zoom:1;border-radius:20px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.1)}
.m-jd-search input{float:left;width:75%;height:36px;box-sizing:border-box; border:none;padding:0 12px;font-size:13px;outline:none;appearance: none;border-radius:20px 0 0 20px}
.m-jd-search button{float:right;width:25%;height:36px;border:none;background:#ff8c00;color:#fff;font-size:13px;font-weight:600;border-radius:0 20px 20px 0;cursor:pointer}
.m-jd-tabs{overflow:hidden;zoom:1;background:#fff;padding:0;border-bottom:1px solid #eee}
.m-jd-tabs a{float:left;width:50%;text-align:center;padding:10px 0;font-size:14px;color:#999;text-decoration:none;border-bottom:2px solid transparent;font-weight:600}
.m-jd-tabs a.active{color:#ff8c00;border-bottom-color:#ff8c00}
.m-jd-pane{display:none;padding:12px;background:#fff}
.m-jd-pane.active{display:block}
.m-jd-area-group{margin-bottom:12px;background:#f7f9fb;border-radius:8px;padding:10px 12px}
.m-jd-area-group-title{font-size:14px;font-weight:700;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e8ecf0}
.m-jd-area-group-title a{color:#333;text-decoration:none}
.m-jd-area-group-title a:active{color:#0a5e73}
.m-jd-area-group-list{overflow:hidden;zoom:1}
.m-jd-sub-link{display:inline-block;*display:inline;*zoom:1;padding:5px 10px;margin:3px;background:#fff;border-radius:14px;font-size:12px;color:#555;text-decoration:none}
.m-jd-sub-link:active{background:#ff8c00;color:#fff}