﻿#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 { min-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; }
