body {
    font-size: 14px;
    color: #464646;
    line-height: 1.5;
    overflow-wrap: break-word;
    position: relative;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
    font-weight: 500;
}
/* Common */
.wrapper {
    width: 100%;
    max-width: 875px;
    overflow: hidden;
    margin: 0 auto;
}
.show-sp {
    display: none;
}
.show-pc {
    display: block;
}
.content-left-wrap {
    width: 100%;
    max-width: 640px;
    float: left;
    margin-right: 20px;
}
.h3-title-top {
    background: #bda22f;
    height: 43px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: flex;
    line-height: 18px;
    align-items: center;
    margin-bottom: 20px;
}
.h3-title-top:before {
    content: '';
    width: 6px;
    height: 22px;
    background: #ffff00;
    margin-right: 6px;
}
.list-item ul {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
.list-item li {
    background: #fff;
    list-style: none;
    width: 32%;
    box-shadow: 1px 2px 4px 1px #d0d0d0;
    text-align: center;
    padding: 11px 13px;
    margin: 0 2% 17px 0;
    vertical-align: top;
}
.list-item li:hover {
    opacity: 0.8;
}
.list-item li:nth-child(3n+0) {
    margin-right: 0;
}
.list-item li:last-child {
    margin-right: 0;
}
.top-img-list {
    max-width: 100px;
    margin: 0 auto 10px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-item img {
    height: 55px;
    object-fit: contain;
    max-width: 100%;
}
.list-item li p.tx-list {
    color: #464646;
    display: flex;
    align-items: center;
    height: 40px;
    justify-content: center;
}
/* Sidebar */
.sidebar {
    width: 100%;
    max-width: 214px;
    float: right;
}
.sidebar-img-top-pc {
    display: block;
    width: 100%;
    margin-bottom: 13px;
    line-height: 1;
}
.sidebar-list {
    margin-bottom: 20px;
}
.sidebar-title {
    background: #a8c6ce;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    color: #fff;
    padding: 10px;
    text-align: left;
    position: relative;
}
.sidebar-title span {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 500;
}
.sidebar-title:before {
    content: '';
    width: 4px;
    height: 17px;
    background: #ffff00;
    position: absolute;
    top: 12px;
}
.sidebar-list-item {
    border: 1px solid #cfdbe2;
}
.sidebar-list-item li {
    border-bottom: 2px solid #ececec;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 50px;
}
.sidebar-list-item li:last-child {
    border-bottom: 0;
}
.sidebar-list-item li a {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 10px;
    font-size: 12px;
    box-sizing: border-box;
    align-items: center;
}
.sidebar-list-txt {
    width: 100%;
    margin-left: 20px;
    font-weight: 400;
    font-size: 11px;
    color: #464646;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
}
.bar-img {
    max-width: 60px;
    margin: 0 auto;
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sidebar-list-item img {
    height: 40px;
    object-fit: contain;
    max-width: 100%;
}
.sidebar-img-top-tab,
.sidebar-img-top-sp {
    display: none;
}
.sidebar-btn {
    background: #a8c6ce;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.sidebar-btn a {
    max-width: 190px;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    text-align: center;
    font-size: 10px;
    color: #464646;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Footer */
.footer {
    background:#f4ecd6 url('../images/line_footer.jpg') repeat-x left top;
    padding: 65px 0 10px;
    color: #464646;
    clear: both;
}
.footer-content {
    display: block;
}
.footer-logo {
    display: inline-block;
    margin: 3px auto 18px;
}
.footer-icons img{
    height: 29px;
}
.icon-social a {
    display: inline-block;
}
.icon-social a:first-child {
    margin-right: 12px;
}
.footer-copy-right {
    font-size: 9px;
}
.footer-menu {
    display: flex;
    margin: 10px 0 5px;
}
.footer-menu a {
    color: inherit;
}
.footer-menu a:hover {
    text-decoration: underline;
}
.footer-menu li {
    font-size: 11px;
    font-weight: normal;
    padding: 0 15px;
    border-right: 1px solid #231815;
    line-height: 12px;
}
.footer-menu li:first-child {
    padding-left: 0;
}
.footer-menu li:last-child {
    border-right: none;
}
.footer-btn {
    position: fixed;
    right: calc((100vw - 995px) / 2);
    bottom: 80px;
    cursor: pointer;
    z-index: 2;
    display: none;
}
.footer-btn:hover {
    opacity: .8;
}
/* Top */
header {
    overflow: hidden;
    position: relative;
    background: #f4ecd6 url(../images/banner_bg.jpg) no-repeat left top;
    background-size: contain;
}
.header-inner {
    margin-top: 42%;
}
header.search-page {
    overflow: hidden;
    position: relative;
    background: #f4ecd6 url(../images/banner_search.jpg) no-repeat left top;
    background-size: contain;
}
header.search-page .header-inner {
    margin-top: 35%;
}
header.header-school-page {
    background: none;
}
header.header-school-page .header-inner,
header.header-article .header-inner {
    margin-top: 0;
}
header.header-school-page .header-inner img.banner {
    z-index: -1;
    width: 100%;
    height: auto;
    display: block;
}
header.header-school-page .header-inner img.banner-full-sp {
    display: none;
}
header.header-article .header-inner img.banner {
    z-index: -1;
    width: 100%;
    height: auto;
    display: block;
}
header.header-article .header-inner img.banner-full-sp {
    display: none;
}
.logo {
    margin-top: 34px;
    display: inline-block;
    position: absolute;
}
.header-list {
    max-width: 625px;
    margin: 0 auto;
    height: 210px;
    width: 100%;
}
.header-list li {
    float: left;
    list-style: none;
    width: 30%;
    margin-right: 5%;
}
.header-list li:last-child {
    margin-right: 0;
}
.header-list a {
    display: inline-block;
}
.block-search {
    padding: 14px 10px 30px;
}
.block-type {
    background: #f4ecd6;
    margin: 0 0 35px 0;
    z-index: 1;
}
.search-coaching-page .block-search {
    padding: 14px 10px 15px;
}
.search {
    background: #fff;
    padding: 20px;
    overflow: hidden;
}
.input-top {
    background: #bda22f;
    padding: 7px;
    position: relative;
}
.input-top a {
    display: flex;
    width: 50px;
    height: 50px;
    margin-right: 7px;
    align-items: center;
    justify-content: center;
}
.input-top input {
    border: none;
    outline: none;
    height: 50px;
    width: 100%;
    padding: 0 70px 0 20px;
    font-size: 16px;
}
.icn_search {
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
}
.btn-school {
    width: 100%;
    margin-top: 17px;
    display: flex;
}
.btn-school li {
    list-style: none;
    display: flex;
    width: 49%;
    background: #bda22f;
    margin-right: 2%;
    height: 63px;
}
.btn-school li a {
    display: flex;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    align-items: center;
    margin-left: 50px;
}
.btn-school li a:hover {
    opacity: 0.8;
}
.btn-school li:last-child {
    margin-right: 0;
}
.btn-school li span {
    margin-left: 20px;
    color: #fff;
}
.content-top {
    margin: 50px auto 30px;
}
.detail {
    box-shadow: 2px 2px 7px 3px #939090;
}
/* Search_coaching */
.coaching {
    margin-top: -120px;
    padding-bottom: 0;
}
.title-block-type {
    height: 42px;
    font-size: 18px;
    font-weight: bold;
    color: #464646;
    display: flex;
    line-height: 18px;
    align-items: center;
    margin-bottom: 15px;
}
.title-block-type:before {
    content: '';
    width: 8px;
    height: 25px;
    background: #ee292f;
    margin-right: 6px;
}
.btn-white-coaching {
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 58px;
}
.btn-white-coaching:hover {
    background-color: #ffd1d1;
}
.btn-coaching {
    border: none;
    cursor: pointer;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tx-coaching {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tx-icon {
    margin-left: 13px;
    font-size: 17px;
}
.arrow-right {
    width: 0;
    height: 0;
    display: block;
    margin-left: 20px;
    border-top: 6.5px solid transparent;
    border-bottom: 6.5px solid transparent;
    border-left: 10px solid #ff0000;
}
/* School_search */
.following {
    background: #f4ecd6 url(../images/banner_line.jpg) repeat-x left top;
    position: relative;
    padding: 20px 0 50px;
    overflow: hidden;
}
.title-flow {
    background: #bda22f;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #fff;
    text-align: left;
    font-size: 18px;
    margin: 0 0 15px;
    height: 55px;
    padding: 0 0 0 25px;
    display: flex;
    align-items: center;
}
.list-item-top ul {
    margin: 35px auto 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.list-item-top li {
    background: #fff;
    display: flex;
    list-style: none;
    width: 23%;
    box-shadow: 2px 3px 4px #d0d0d0;
    text-align: center;
    padding: 25px 10px 15px;
    margin: 0 18px 23px 3px;
    vertical-align: top;
}
.list-content {
    width: 100%;
}
.list-img {
    display: block;
    background-color: transparent;
    height: 55px;
    margin: 0 auto 15px;
    max-width: 160px;
    width: 100%;
    background: #fff;
    text-align: center;
}
.list-img img {
    object-fit: contain;
    height: 55px;
    max-width: 100%;
}
.list-item-top li:nth-child(4n), .list-item-top li:last-child {
    margin-right: 0;
}
.top-item-tx .tx-elip-title {
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    font-weight: bold;
}
.list-item-top li .btn-guidance {
    border: 1px solid #464646;
    font-size: 12px;
    color: #464646;
    display: inline-block;
    padding: 0 3px;
}
.following-detail {
    padding: 50px 0 35px;
}
.tx-elip {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #464646;
}
.list-detail {
    padding: 50px 0 27px;
}
/* top_article */
.header-article {
    background: none;
}
.header-article .header-content {
    height: 580px;
}
.content-top-article {
    margin: -1px auto 30px;
    background: #ffffff url(../images/line_bg_article.jpg) repeat-x left top;
}
.btn-blue {
    background: #9ab4c0;
    color: #fff;
}
.list-menu-sidebar {
    border: 1px solid #d4d4d4;
}
.list-menu-sidebar a {
    display: block;
    height: 63px;
}
.list-menu-sidebar a:hover {
    opacity: 0.8;
}
.list-menu-sidebar img {
    max-width: 100%;
}
.list-menu-article-sp {
    display: none;
}
.header-article-detail {
    background: url(../images/banner-article-detail.jpg) no-repeat left top;
    background-size: cover;
    background-position: center top;
}
.header-article-detail .header-content {
    position: relative;
    width: 100%;
    height: 451px;
}
.content-top-article-detail {
    margin: 50px auto 25px;
}
.h3-title-article {
    font-size: 28px;
}
.date-article {
    display: flex;
    align-items: center;
    margin: 10px 0 0;
}
.date-article p {
    font-size: 11px;
}
.date-article span {
    background: #bda22f;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 1px 10px;
    margin-left: 15px;
    font-size: 11px;
    line-height: 16px;
}
.tx-name {
    font-size: 18px;
    margin: 40px 0 35px;
}
.tx-name span {
    font-size: 22px;
    display: block;
}
.tx-name img {
    object-fit: scale-down;
    height: auto !important;
    max-width: 100%;
}
.table-content-title {
    font-size: 14px;
    background: #f4f4f4;
    height: 37px;
    margin-bottom: 3px;
    padding: 10px 0 0 18px;
}
.table-content {
    background: #f4f4f4;
    padding: 10px;
}
.title-table {
    width: 100%;
    box-sizing: border-box;
    margin: 7px auto;
    color: #bda22f;
    padding: 0 0 0 10px;
    text-align: left;
    position: relative;
}
.title-table:before {
    content: '';
    width: 4px;
    height: 13px;
    background: #bda22f;
    position: absolute;
    top: 5px;
}
.title-table span {
    margin-left: 10px;
    font-size: 16px;
}
.table-content ul {
    margin: 0 0 10px 23px;
}
.table-content li {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}
.table-content li span {
    font-size: 10px;
    margin-right: 5px;
}
.title-gold {
    width: 100%;
    box-sizing: border-box;
    margin: 49px auto 27px;
    color: #bda22f;
    text-align: left;
    position: relative;
}
.title-gold:before {
    content: '';
    width: 4px;
    height: 20px;
    background: #bda22f;
    position: absolute;
    top: 5px;
}
.title-gold span {
    margin-left: 12px;
    font-size: 22px;
}
.tx-content p {
    line-height: 30px;
    display: flex;
    align-items: center;
}
.title-content {
    font-size: 18px;
    margin: 24px 0 4px;
    display: flex;
    align-items: center;
}
.title-content span {
    font-size: 10px;
    margin-right: 5px;
}
.table-title-gold {
    font-size: 14px;
    background: #f7f4e7;
    height: 60px;
    margin: 48px 0 0;
    padding: 21px 0 0 28px;
    box-shadow: 2px 3px 4px #d0d0d0;
    border-bottom: 3px solid #fff;
}
.table-content-gold {
    background: #f7f4e7;
    padding: 30px 30px 23px;
    box-shadow: 2px 3px 4px #d0d0d0;
}
.table-content-gold p {
    line-height: 23px;
}
.table-content-gold span {
    font-size: 16px;
    margin-right: 5px;
}
.tx-link {
    margin: 25px 0 0;
}
.tx-link a {
    color: #2ca2eb;
}
.img-logo {
    margin: 65px 0 0;
}
.time-date {
    font-size: 12px;
}
.title-detail {
    margin: 63px 0 30px;
}
.btn-detail {
    margin-top: 13px;
}
/* Student */
.top-student {
    background: #ffeded;
}
.tx-top {
    font-size: 19px;
    text-align: center;
}
.head-top-student {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #000;
    margin: 0 0 10px;
}
.input-student {
    margin: 25px 135px 45px;
}
.list-chosse ul {
    width: 100%;
}
.list-chosse li {
    display: inline-flex;
    margin: 35px 0.33% 0 0;
    text-align: center;
    background: #bda22f;
    height: 44px;
    width: 32.33%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.list-chosse li a {
    color: #fff;
    font-size: 19px;
    display: flex;
    width: 100%;
    justify-content: center;
}
.list-chosse li:last-child {
    margin-right: 0;
}
.list-chosse li:hover {
    opacity: 0.8;
}
.wrapper-student-l {
    background: #f6f3e4;
    border-radius: 30px 30px 0 0;
    margin-bottom: 20px;
}
.title-student {
    background: #ff8d8d;
    border-radius: 30px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    color: #fff;
    height: 45px;
    padding-left: 20px;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
}
.title-student:before {
    content: '';
    width: 5px;
    height: 20px;
    background: #ffff00;
    position: absolute;
    top: 12px;
}
.title-student span {
    margin-left: 15px;
    font-size: 20px;
    font-weight: 600;
}
.list-item-student {
    margin: 40px 35px 0;
}
.list-item-student li {
    display: inline-grid;
    list-style: none;
    width: 47.5%;
    height: 119px;
    margin: 0 4% 38px 0;
    background: #fff url('../images/bg_title_01.jpg') repeat-x left top;
    padding: 0 10px;
}
.list-item-student li:nth-child(even) {
    margin-right: 0;
}
.list-item-student li .title-list-student {
    border-bottom: 2px solid #ff0000;
    color: #ff0000;
    height: 37px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
    position: relative;
}
.list-item-student .title-list-student:before {
    content: url('../images/icon_13.png');
    width: 15px;
    height: 14px;
    position: absolute;
    top: 10px;
}
.list-item-student li:nth-child(4n+1) .title-list-student,
.list-item-student li:nth-child(4n+4) .title-list-student {
    border-bottom: 2px solid #bda22f;
    color: #bda22f;
}
.list-item-student li:nth-child(4n+1) .title-list-student.title-list-student:before,
.list-item-student li:nth-child(4n+4) .title-list-student.title-list-student:before {
    content: url('../images/icon_12.png');
}
.list-item-student li .title-list-student span {
    font-size: 16px;
    font-weight: 600;
    margin-left: 20px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.tx-content-student {
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.btn-gold {
    background: #bda22f;
    color: #fff;
}
.footer-pink {
    background: #ffe5e5 url(../images/bg_footer_student.jpg) repeat-x left top;
    padding: 65px 0 25px;
    color: #464646;
    clear: both;
}
.footer-logo-student {
    display: inline-block;
    margin: 0px auto;
}
.list-menu-student-sp li {
    width: 33.33%;
    height: 70px;
    border: 1px solid #d4d4d4;
    background: #fff;
    text-align: center;
    border-bottom: 6px solid #ff0000;
}
.list-menu-student-sp,
.list-menu-stu-detail-sp {
    display: none;
}
.chosse-student {
    height: 65px;
    display: flex;
    background: #fff;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin: 25px 135px;
    border: 8px solid #bda22f;
}
.chosse-student .tx-left,
.chosse-student .tx-right {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 500;
}
.chosse-student .tx-right {
    font-size: 14px;
}
.icon-right {
    margin-left: 10px;
}
.list-student-detail {
    margin: 49px 0 20px;
}
.list-student-detail li {
    list-style: none;
    display: inline-block;
    width: 31%;
    margin: 0 2.6% 30px 0;
    background: #fff;
    height: 150px;
    vertical-align: top;
}
.list-student-detail li:nth-child(3n+0) {
    margin-right: 0;
}
.list-student-detail li:nth-child(odd) .title-detail-student {
    background: #bda22f;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    color: #bda22f;
    text-align: left;
    position: relative;
}
.list-student-detail li:nth-child(even) .title-detail-student {
    background: #ff0000;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    color: #ff0000;
    text-align: left;
    position: relative;
}
.title-detail-student:before {
    content: url(../images/icon_14.png);
    position: absolute;
    top: 1px;
    left: 10px;
}
.title-icon:before {
    top: 6px !important;
}
.title-detail-student span {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 30px;
    top: 3px;
}
.tx-icon {
    font-size: 17px;
    color: #bda22f;
    text-align: right;
    padding: 10px 10px 0 0;
}
.list-student-detail li:nth-child(even) .tx-icon {
    color: #ff0000;
}
.tx-content-detail-student {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 15px;
    text-align: left;
    margin: 0 10px 10px;
    line-height: 26px;
}
.list-student a {
    height: 65px;
}
.list-menu-sidebar {
    border-bottom: 0;
}
.menu-detail-stu {
    margin: 0 0 25px;
}
.menu-detail-stu ul {
    display: inline-block;
    align-items: center;
    width: 100%;
}
.menu-detail-stu li {
    list-style: none;
    width: 18.2%;
    margin: 0 1.7% 13px 0;
    background: #fff;
    height: 40px;
    padding: 10px;
    text-align: left;
    display: inline-block;
}
.menu-detail-stu li a {
    color: #464646;
    width: 100%;
    display: inline-block;
}
.menu-detail-stu li:nth-child(5n+0) {
    margin-right: 0;
}
.title-pig {
    background: #fff;
    height: 93px;
    padding: 30px 0;
}
.title-pig p {
    font-size: 29px;
}
.list-top {
    margin: 45px 0 20px;
}
.footer-btn-scroll {
    position: fixed;
    right: calc((100vw - 875px) / 2);
    bottom: 170px;
    cursor: pointer;
    z-index: 2;
    display: none;
}
/* Btn-dropdown */
.bg-image {
    background: #f4ecd6 url(../images/bg_line.jpg) repeat-x left top;
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}
.title-search {
    background: #bda22f;
    color: #fff;
    height: 55px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: flex !important;
    align-items: center;
    font-size: 18px;
    padding-left: 25px;
    line-height: 55px;
}
.station-search .dropdown-btn {
    height: 55px;
    display: flex;
    background: #fff;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
}
.station-search .outer-drop {
    margin-top: 15px;
}
.dropdown-btn .tx-left,
.dropdown-btn .tx-right {
    display: flex;
    align-items: center;
}
.dropdown-btn .tx-left .tx-left-inner {
    font-size: 17px;
    color: #464646;
    padding-left: 50px;
}
.dropdown-btn .tx-left .tx-red {
    color: #ff0000;
}
.dropdown-btn .tx-right .arrow,
.dropdown-btn .arrow {
    width: 0;
    height: 0;
    display: block;
    margin-left: 20px;
    border-right: 6.5px solid transparent;
    border-left: 6.5px solid transparent;
    border-top: 10px solid #ff0000;
}
.rotate-180 {
    transform: rotate(180deg);
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.dropdown-content,
.dropdown-inner-content {
    display: none;
}
.dropdown-content .bg-gray {
    background: #ededed;
}
.dropdown-content .bg-yellow {
    background: #f4ecd6;
}
.dropdown-content .row {
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    height: 50px;
    font-weight: bold;
    padding-left: 25px;
}
.dropdown-content .inner-drop {
    margin-bottom: 0;
    font-weight: normal;
}
.result-list {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
}
.result-list p {
    width: 33.33%;
    height: 50px;
    border-bottom: 1px solid #ccc;
    background: #fff;
}
.result-list p span {
    display: flex;
    align-items: center;
    height: 100%;
    border-right: 1px solid #ccc;
    padding: 0 25px;
}
.result-list p:nth-child(3n) span {
    border-right: none;
}
.dropdown-btn:hover,
.result-list p:hover,
.result-item p:hover,
.result-item-img p:hover {
    background: #ffd1d1;
    cursor: pointer;
}
.input-search {
    padding: 18px 25px;
    display: flex;
    align-items: center;
}
.input-search p {
    font-weight: bold;
    width: 120px;
}
.input-search form {
    position: relative;
    width: 100%;
    margin-left: 10px;
}
.input-search input {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 40px;
    border: 1px solid #fff;
}
.input-search input:hover,
.input-search input:focus {
    border: 1px solid #ccc;
}
.input-search button {
    position: absolute;
    height: 38px;
    width: 40px;
    top: 1px;
    right: 1px;
}
.input-search button img {
    width: 22px;
    margin-top: 5px;
}
.result-item p {
    background: #fff;
    height: 50px;
    border-top: 1px solid #ccc;
}
.result-item p span {
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 100%;
}
.result-item-img p {
    background: #fff;
    height: 50px;
    border-top: 1px solid #ccc;
    display: flex;
    align-items: center;
}
.result-item-img img {
    padding: 0 20px;
}
/* tab content */
.tab-content {
    max-width: 640px;
    width: 100%;
    margin: 30px auto 0;
    background-color: #fff;
}
.tab-list::-webkit-scrollbar {
    display: none;
}
.tab-list {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.tab-list ul {
    display: flex;
    background: #edf3f5;
}
.tab-list ul li {
    background: #edf3f5;
    text-align: center;
    border-right: 1.5px solid #fff;
    width: 90px;
    height: 30px;
    line-height: 30px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.tab-list ul li.is-active {
    background: #9ab4c0;
    color: #fff;
}
.tab-list ul li:nth-child(7) {
    border-right: 0;
}
.tab-list ul li:last-child {
    margin-right: 0;
}
.tab-list ul li a {
    text-decoration: none;
    color: #464646;
    font-size: 11px;
    display: block;
    width: inherit;
}
.tab-list ul li.is-active a {
    color: #fff;
}
.panel {
    display: none;
}
.panel.is-show {
    display: block;
}
.article-list {
    background: #fff;
    overflow: hidden;
    margin-top: 25px;
}
.article-list .article-item {
    width: 45%;
    float: left;
    margin-right: 10%;
    margin-bottom: 32px;
}
.article-list .article-item:nth-child(2n) {
    margin-right: 0;
}
.article-list .article-item a {
    text-decoration: none;
    color: #464646;
    width: 100%;
}
.article-list .article-item .img {
    max-width: 115px;
    width: 100%;
    height: 73px;
    background: #fff;
    border: 1px solid #edf3f5;
    margin-right: 10px;
    text-align: center;
    float: left;
    margin-top: 3px;
}
.article-list .article-item .img img {
    height: 71px;
    object-fit: contain;
    max-width: 100%;
}
.text-ellipsis {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    overflow: hidden;
}
.article-list .article-title {
    font-size: 13px;
    height: 35px;
    line-height: 1.4;
}
.article-list .article-date {
    font-size: 9px;
}
.article-list .article-desc {
    font-size: 11px;
    line-height: 1.4;
    height: 29px;
}
.box-btn {
    text-align: center;
    clear: both;
}
.btn {
    max-width: 310px;
    width: 100%;
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto 40px;
}
.btn-pink {
    background: #ff8d8d;
    color: #fff;
}