#pointList { width: 1200px; margin: auto; padding-bottom: 80px; } #pointList .secondary { font-size: 24px; font-weight: bold; line-height: 35px; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 45px; } #pointList .filter { float: right; width: 240px; } #pointList .filter .title { font-size: 20px; font-weight: bold; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #pointList .filter .info { } #pointList .filter .info > div { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding: 20px 0px; } #pointList .filter .info label { display: block; font-size: 16px; font-weight: bold; position: relative; } #pointList .filter .info a { display: block; margin-top: 8px; text-decoration: none; } #pointList .filter .info a:hover { color: #008CD4; } #pointList .filter .info a span { vertical-align: middle } #pointList .main { float: left; width: 944px; } #pointList .items { margin-bottom: 40px; } #pointList .item { float: left; margin: 0 0 -1px -1px; transition: all 0.5s; border: 1px solid #EFEFEF; } #pointList .item a { display: block; vertical-align: top; width: 217px; height: 343px; text-decoration: none; } #pointList .item:hover { box-shadow: 0px 2px 26px 0px rgba(0,0,0,0.17); } #pointList .item .pic { width: 217px; height: 234px; margin: auto; } #pointList .item .pic img { width: 100%; height: 100%; object-fit: cover; } #pointList .item .name { font-size: 20px; font-weight: bold; padding: 24px 0px 8px 24px; } #pointList .item .desc { padding-left: 24px; } #pointItem .topic { font-size: 24px; font-weight: bold; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 45px; } #pointItem .tab { font-size: 16px; padding-top: 70px; } #pointItem .tab span { width: 80px; text-align: center; display: inline-block; margin-right: 40px; cursor: pointer; font-weight: bold; } #pointItem .tab .active::after { content: ""; display: block; width: 100%; height: 4px; background: #008CD4; margin-top: 6px; } #pointItem .section { } #pointItem .items { } #pointItem .items .title { font-weight: bold; padding: 44px 0px 24px 0px; } #pointItem .item { display: none; } #pointItem .item:first-child { display: block; } #pointItem { width: 1200px; margin: auto; padding-bottom: 80px; } #pointItem h1 { font-size: 20px; padding-bottom: 24px; } #pointItem .pic { float: left; width: 234px; height: 234px; margin-right: 32px; border: 1px solid #008CD4; } #pointItem .pic img { width: 100%; height: 100%; object-fit: cover; } #pointItem .info .desc { line-height: 23px; } #pointItem .info .desc div { padding-bottom: 12px; } #pointItem .info .desc em { font-weight: bold; } #pointItem .info .text { padding-bottom: 8px; } #pointItem .info .text div:first-child { padding-bottom: 8px; } #pointItem .explain .name { font-size: 16px; font-weight: bold; } #pointItem .explain .desc { padding: 16px 32px; } #pointItem .details .desc img { max-width: 100%; } #apply .main { width: 338px; min-height: 493px; margin: auto; } #apply .main .title { padding: 20px 0px; font-size: 14px; font-weight: bold; } #apply .main .btn-deep { position: absolute; bottom: 32px; left: 39px; } #apply .main .content { height: 340px; overflow: auto; } #apply .main .content .name { padding-bottom: 16px; } #apply .main .item { padding-bottom: 12px; cursor: pointer; } #apply .main .item div { line-height: 24px; } #apply .main .item .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #apply .main .item .ico16 { margin: -2px 4px 0px 0px; } #apply .main .active .ico16 { background-position: -1882px -202px; }