.page-title {
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
    border-bottom: #E9E9E9 1px solid;
}

.page-crumb {
    padding: 20px 30px;
    box-sizing: border-box;
    display: flex;
}

.page-crumb > div {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.page-crumb a {
    font-size: 12px;
    font-weight: 400;
    color: #00599A;
    line-height: 14px;
}

.page-crumb a:hover {
    text-decoration: underline;
}

.page-crumb > div:after {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 14px;
    margin-left: 10px;
    content: ">";
    display: block;
}

.page-crumb > div:last-child:after {
    display: none;
}

.page-crumb span {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 14px;
}

.page-content-container {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}

.db-filter-container {
    width: 100%;
}

.db-filter-tab {
    width: 100%;
    display: flex;
}

.db-filter-tab a {
    height: 40px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #767676;
    line-height: 20px;
    padding: 1px 8px;
    box-sizing: border-box;
    border-left: 1px transparent solid;
    border-right: 1px transparent solid;
    white-space: nowrap;
    flex: 1;
    margin-bottom: -1px;
}

.db-filter-tab a:hover {
    color: #3f3f3f;
}

.db-filter-tab a.db-filter-tab-ck {
    background-color: #FAFBFB;
    border: 1px solid #C8CDCB;
    border-bottom: 1px solid #FAFBFB;
    box-sizing: border-box;
    color: #3F3F3F;
}

.db-filter-box {
    background-color: #FAFBFB;
    border: #C8CDCB 1px solid;
    padding: 10px 60px 20px 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.db-filter-box a {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
    flex: none;
    display: block;
    padding-left: 60px;
    width: 25%;
    box-sizing: border-box;
    margin-top: 10px;
}

.db-filter-box a.db-filter-box-ck {
    color: #00A269;
}

.db-filter-box a:hover {
    color: #3F3F3F;
}

.db-filter-box a.db-filter-box-ck:hover {
    color: #00A269;
}

.db-filter-other-box {
    border: 1px solid #C8CDCB;
    border-top: none;
    padding: 20px;
    box-sizing: border-box;
    background-color: #FAFBFB;
}

.db-filter-other-input {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    display: flex;
    height: 40px;
    background-color: #fff;
    box-sizing: border-box;
}

.db-filter-other-select1 {
    border: none;
    border-right: #E9E9E9 1px solid;
    width: 150px;
    flex: none;
    height: 38px;
    appearance: none;
    -webkit-appearance: none;
    padding-left: 10px;
    background: url(../../images/select_icon.png) no-repeat scroll calc(100% - 10px) center transparent;
    background-size: 12px 12px;
}

.db-filter-other-select2 {
    border: none;
    border-right: #E9E9E9 1px solid;
    width: 100px;
    flex: none;
    height: 38px;
    appearance: none;
    -webkit-appearance: none;
    padding-left: 10px;
    background: url(../../images/select_icon.png) no-repeat scroll calc(100% - 10px) center transparent;
    background-size: 12px 12px;
}

.db-filter-other-text {
    width: 100%;
    flex: 1;
    border: none;
    padding: 0 15px;
    box-sizing: border-box;
    height: 38px;
}

.db-filter-date-select-box {
    height: 40px;
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.db-filter-date-tit {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    margin-right: 10px;
}

.db-filter-date-input-container {
    width: 250px;
    height: 40px;
    position: relative;
    margin-right: 20px;
}

.db-filter-date-input {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    padding: 0 32px 0 15px;
    box-sizing: border-box;
}

.db-filter-date-input-container:after {
    width: 16px;
    height: 16px;
    background-image: url("../../images/date_icon.png");
    background-size: 16px 16px;
    display: block;
    content: "";
    position: absolute;
    right: 12px;
    margin-top: -8px;
    top: 50%;
}

.db-filter-search-btn {
    width: 100px;
    height: 40px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
}

.db-filter-search-btn:hover {
    background: #02AF72;
}

.db-page-title {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 30px;
}

.db-pages-top-container {
    width: 100%;
    margin-top: 20px;
    height: 52px;
    background: #FAFBFB;
    display: flex;
    justify-content: center;
    align-items: center;
}

.db-pages-bottom-container {
    width: 100%;
    margin-top: 30px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}

.db-pages-list {
    width: 100%;
}

.db-pages-list li {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: #E9E9E9 1px solid;
    padding-top: 20px;
    display: flex;
    overflow: hidden;
}

.db-pages-item-left {
    width: 90px;
    flex: none;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    color: #767676;
    line-height: 14px;
    text-align: center;
    margin-right: 10px;
}

.db-pages-item-left .iconfont {
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 10px;
}

.db-pages-item-right {
    flex: 1;
}

.db-pages-item-title {
    font-size: 16px;
    font-weight: 500;
    color: #00599A;
    line-height: 24px;
    -webkit-line-clamp: 2;
    max-height: 48px;
}

.db-pages-item-title:hover {
    text-decoration: underline;
}

.db-pages-item-type {
    width: 100%;
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.db-pages-item-status {
    font-size: 12px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 14px;
}

.db-pages-item-date {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 14px;
    margin-left: 20px;
}

.db-pages-item-text {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
    margin-top: 10px;
    -webkit-line-clamp: 2;
    max-height: 40px;
}

.db-pages-item-last {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 14px;
    margin-top: 10px;
    text-align: right;
}

.applyBtn {
    background-color: #00A269 !important;
    border-color: #00A269 !important;
    border-style: solid;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
    height: 30px;
}

.cancelBtn {
    background-color: #FAFBFB !important;
    border-style: solid;
    border-color: #C8CDCB !important;
    border-radius: 2px;
    border-width: 1px;
    cursor: pointer;
    box-sizing: border-box;
    height: 30px;
}

.monthselect, .yearselect {
    height: 24px !important;
}

.table-condensed {
    margin-top: 10px !important;
    padding-bottom: 15px !important;
}

.start-date {
    color: #fff !important;
}

.table-condensed > thead tr:first-child th {
    padding-bottom: 15px !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #00A269 !important;
}

.db-detail-tit {
    font-size: 20px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 30px;
}

.db-detail-box {
    background-color: #FAFBFB;
    padding: 20px 30px 30px 30px;
    box-sizing: border-box;
    margin-top: 10px;
}

.db-detail-box li {
    width: 100%;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    margin-top: 10px;
}

.db-detail-box li div {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
    flex: none;
    white-space: nowrap;
    margin-right: 10px;
}

.share-btn-container {
    padding: 20px 0;
    border-bottom: #E9E9E9 1px solid;
    display: flex;
}

.share-link-btn {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 0 5px 2px;
    cursor: pointer;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    text-align: center;
    /*background: #0166ff;*/
    color: #fff;
}

.share-link-btn.addthis_button_facebook {
    background: rgb(24, 119, 242);
}

.share-link-btn.addthis_button_twitter {
    background: rgb(29, 155, 240);
}

.share-link-btn.addthis_button_linkedin {
    background: rgb(0, 123, 181);
}

.share-link-btn.addthis_button_email {
    background: rgb(53, 70, 92);
}

.share-link-btn:hover {
    transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.share-link-btn .iconfont {
    color: #fff;
    line-height: 30px;
    font-size: 20px;
}

.share-link-btn {

}

.pdf-btn, .favorite-btn, .favorite-btn-ck {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 2px 5px 2px;
    cursor: pointer;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    text-align: center;
}

.pdf-btn .iconfont, .favorite-btn .iconfont, .favorite-btn-ck .iconfont {
    font-size: 24px;
    line-height: 30px;
}

.pdf-btn {
    background: #E7222A;
    color: #fff;
}

.pdf-btn .iconfont {
    color: #fff;
}

.favorite-btn, .favorite-btn-ck {
    background: #FFD4D4;
    color: #E7222A;
}

.favorite-btn-ck .iconfont, .favorite-btn .iconfont {
    color: #E7222A;
}

.pdf-btn:hover, .favorite-btn:hover, .favorite-btn-ck:hover {
    transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
}

.detail-title-box {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    padding-top: 34px;
    padding-bottom: 10px;
    border-bottom: #00A269 2px solid;
    width: 100%;
}

.db-article-link-container {
    margin-top: 20px;
    width: 100%;
}

.db-article-link {
    font-size: 16px;
    font-weight: 400;
    color: #00599A;
    line-height: 24px;
    margin-top: 5px;
    display: block;
}

.db-article-link:first-child {
    margin-top: 0px;
}

.db-article-link:hover {
    text-decoration: underline;
}

.article-container {
    width: 100%;
    display: flex;
    /*padding-bottom: 60px;*/
}

.ebook-article-container {
    width: 100%;
    display: flex;
    padding-bottom: 60px;
}

.detail-article-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 100px;
}

.article {
    flex: 1;
    overflow: hidden;
}

.article-page-left {
    width: calc(70.83333333% - 15px);
    flex: none;
    overflow: hidden;
    padding-bottom: 60px;
}

.article-page-right {
    width: calc(29.16666667% - 15px);
    height: auto;
    margin-left: 30px;
    padding-bottom: 60px;
    flex: none;
}

.pedia-right-box {
    width: 270px;
    overflow: hidden;
    height: auto;
    padding-left: 10px;
    border-left: #E9E9E9 1px solid;
    box-sizing: border-box;
    flex: none;
}

.pedia-right-box div {
    margin: 10px;
}

.pedia-right-box a {
    position: relative;
    display: block;
    padding: 0 0 0 15px;
    font-size: 14px;
    font-weight: 400;
    color: #00599A;
    line-height: 20px;
}

.pedia-right-box a:hover {
    text-decoration: underline;
}

.pedia-right-box a:before {
    position: absolute;
    content: "";
    display: block;
    top: 8px;
    left: 3px;
    width: 4px;
    height: 4px;
    /* margin-top: -2px; */
    border-radius: 50%;
    background: #2C9CD7;
}

.pedia-left-container {
    width: 70.83333333%;
    flex: none;
}

.pedia-right-container {
    width: 29.16666667%;
    flex: none;
    position: relative;
    margin-left: 30px;
}

.pedia-right-container .pedia-right-fixed-bottom {
    position: absolute !important;
    z-index: 10;
    bottom: 0px;
}

.pedia-right-container .pedia-right-fixed {
    position: fixed;
    z-index: 10;
    max-height: 100vh;
    overflow-y: scroll;
    top: 0;
}

.article-tit {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
    margin-top: 10px;
}

.article-tags {
    width: 100%;
    min-height: 22px;
    margin-top: 5px;
    display: flex;
}

.article-tag-txt {
    font-size: 14px;
    font-weight: 500;
    color: #767676;
    line-height: 22px;
    margin-right: 10px;
    flex: none;
    margin-top: 5px;
}

.article-tag-box {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    margin-left: 30px;
}

.article-tag {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    background-color: #F1F3F3;
    margin-right: 10px;
    flex: none;
    margin-top: 5px;
}

.article-tag:hover {
    color: #3f3f3f;
}

.article-other {
    margin-top: 30px;
    width: 100%;
}

.article-other-tit {
    font-size: 20px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 30px;
    width: 100%;
}

.article-other-list {
    margin-top: 10px;
    width: 100%;
}

.article-other-list li {
    width: 100%;
    position: relative;
    height: 24px;
    margin-top: 10px;
}

.article-other-list li a {
    font-size: 14px;
    font-weight: 400;
    color: #00A269;
    line-height: 24px;
    height: 24px;
    width: 100%;
    padding: 0 21px 0 22px;
    display: block;
    box-sizing: border-box;
}

.article-other-list li a:hover {
    text-decoration: underline;
}

.article-other-list li:before {
    width: 12px;
    height: 12px;
    background: #767676;
    margin-right: 10px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
}

.article-other-list li:after {
    width: 16px;
    height: 16px;
    background-image: url("../../images/other_more.png");
    background-size: 16px 16px;
    content: "";
    display: block;
    margin-left: 5px;
    position: absolute;
    right: 0;
    top: 4px;
}

.article-other-page {
    width: 100%;
    margin-top: 60px;
}

.article-other-page-tit {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
    text-align: center;
    width: 100%;
}

.article-other-page-list {
    margin-top: 30px;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.article-other-page-list .f-col-pc-4 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.article-other-page-img {
    width: 100%;
}

.article-other-page-img img {
    width: 100%;
    height: auto;
    display: block;
}

.article-other-page-txt {
    font-size: 14px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 20px;
    margin-top: 10px;
    -webkit-line-clamp: 3;
    max-height: 60px;
}

.article-other-page-txt:hover {
    color: #00A269;
}

.pedia-right-box-tit {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.pedia-list-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
}

.pedia-list-top a {
    min-width: 120px;
    height: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: #767676;
    line-height: 20px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 2px;
    background-color: #F1F3F3;
    padding: 0 15px;
    box-sizing: border-box;
}

.pedia-list-top a:hover {
    color: #00A269;
}

.pedia-list-top .pedia-list-top-ck {
    background-color: #00A269;
    color: #fff;
}

.pedia-list-top .pedia-list-top-ck:hover {
    background-color: #00A269;
    color: #fff;
}

.pedia-item-img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 30px;
}

.pedia-item-img img {
    width: 100%;
    height: auto;
    display: block;
}

.pedia-item-tit {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 10px;
    display: block;
}

.pedia-item-tit:hover {
    color: #00A269;
}

.pedia-list-container {
    width: 100%;
    padding-bottom: 100px;
}

.pedia-list-box {
    padding-bottom: 60px;
}

.tools-search-box {
    width: 100%;
    padding: 20px 60px;
    background-color: #FAFBFB;
    box-sizing: border-box;
}

.tools-search-input-container {
    width: 100%;
    height: 48px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    display: flex;
    align-items: center;
}

.tools-search-input-container input[type=text] {
    flex: 1;
    border: none;
    height: 100%;
    padding: 0 20px;
}

.tools-search-input-container .tools-search-btn {
    width: 40px;
    height: 40px;
    background-color: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../../images/search_w.png");
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.tools-search-input-container .tools-search-btn:hover {
    background-color: #02AF72;
}

.tools-default-list-container {
    margin-top: 30px;
    padding-bottom: 100px;
}

.tools-default-title {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
}

.tools-default-list {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
}

.tools-default-list li {
    padding-left: 5px;
    padding-right: 5px;
}

.tools-default-item {
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    display: flex;
    align-items: center;
    height: 68px;
    padding-left: 20px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    overflow: hidden;
}

.tools-default-item:before {
    width: 20px;
    height: 20px;
    background-image: url("../../images/icon11.png");
    background-size: 20px 20px;
    display: block;
    flex: none;
    content: "";
}

.tools-default-item a {
    font-size: 16px;
    font-weight: bold;
    color: #00599A;
    line-height: 24px;
    margin-left: 10px;
    -webkit-line-clamp: 2;
    max-height: 48px;
    flex: 1;
}

.tools-default-item a:hover {
    text-decoration: underline;
}

.tools-result-list {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
}

.tools-result-list li {
    padding-left: 5px;
    padding-right: 5px;
}

.tools-result-item {
    height: 144px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    margin-top: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.tools-result-item > a {
    font-size: 16px;
    font-weight: bold;
    color: #3F3F3F;
    line-height: 24px;
    -webkit-line-clamp: 3;
    height: 72px;
}

.tools-result-item > a:hover {
    color: #00A269;
}

.tools-result-item-bottom-bar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    height: 24px;
}

.tools-result-item-bottom-bar > div {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
}

.tools-result-item-bottom-bar > div b {
    font-size: 16px;
    font-weight: bold;
    color: #00A269;
    line-height: 24px;
    margin-right: 8px;
}

.tools-result-item-bottom-bar > a {
    font-size: 14px;
    font-weight: 500;
    color: #00A269;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.tools-result-item-bottom-bar > a:after {
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../../images/icon8.png");
    content: "";
    display: block;
    margin-left: 8px;
    transition: transform .3s ease-in;
    -webkit-transition: transform .3s ease-in;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.tools-result-item:hover .tools-result-item-bottom-bar > a:after {
    transition: transform .3s ease-in;
    -webkit-transition: transform .3s ease-in;
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}

.tools-summary-btn {
    font-size: 14px;
    font-weight: 500;
    color: #00A269;
    line-height: 20px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.tools-summary-btn:hover {
    text-decoration: underline;
}

.tools-summary-btn:before {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/unfold.png");
    content: "";
    display: block;
    margin-right: 8px;
    transition: transform .3s ease-in;
    -webkit-transition: transform .3s ease-in;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.tools-summary-btn-ck:before {
    transition: transform .3s ease-in;
    -webkit-transition: transform .3s ease-in;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.tools-summary-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.tools-summary-content {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    display: none;
    margin-top: 10px;
}

.tools-table-container {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 30px;
}

.tools-table {
    margin-top: 20px;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    display: table;
    width: 100%;
    /*table-layout: fixed;*/
    /*max-width: 100%;*/
    /*min-width: 100%;*/
    /*overflow-x: auto;*/
}

.tools-table td {
    border-bottom: #E4E4E4 1px solid;
    text-align: center;
}

.tools-table thead td {
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #3F3F3F;
    line-height: 40px;
    white-space: nowrap;
    min-width: 100px;
}

.tools-table tbody td {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 24px;
    white-space: nowrap;
}

.tools-table tbody td a {
    color: #036E70;
}

.tools-table tbody td a:hover {
    text-decoration: underline;
}

.tools-table tbody tr:nth-child(odd) {
    background: #FAFBFB;
}

.ebook-detail-container {
    width: 100%;
    position: relative;
}

.ebook-detail-title {
    font-size: 20px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 30px;
    box-sizing: border-box;
    padding-left: 220px;
}

.ebook-detail-box {
    width: 100%;
    background-color: #FAFBFB;
    padding: 20px 20px 30px 220px;
    box-sizing: border-box;
    display: flex;
}

.ebook-detail-content {
    flex: 1;
    border-right: #E9E9E9 1px solid;
}

.ebook-detail-content li {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
}

.ebook-detail-content li:first-child {
    margin-top: 0px;
}

.ebook-detail-content li span {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
}

.ebook-detail-content li span.ebook-price {
    color: #E44245;
    font-weight: 600;
}

.ebook-detail-btn-box {
    width: 260px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.ebook-detail-btn1 {
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #00599A;
    line-height: 20px;
}

.ebook-detail-btn2 {
    height: 40px;
    background-color: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
}

.ebook-detail-btn1:hover {
    text-decoration: underline;
}

.ebook-detail-btn2:hover {
    background: #02AF72;
}

.ebook-detail-btn2:before, .ebook-detail-btn1:before {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    display: block;
    flex: none;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.ebook-detail-btn-icon1:before {
    background-image: url("../../images/icon21.png");
}

.ebook-detail-btn-icon2:before {
    background-image: url("../../images/icon22.png");
}

.ebook-detail-btn-icon3:before {
    background-image: url("../../images/icon23.png");
}

.ebook-detail-img {
    position: absolute;
    width: 160px;
    height: 229px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    top: 0px;
    left: 30px;
    display: block;
}

.list-filter-container {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.list-filter-type {
    font-size: 16px;
    font-weight: 500;
    color: #767676;
    line-height: 20px;
    height: 40px;
    min-width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    margin-right: 10px;
    background-color: #F1F3F3;
    margin-bottom: 10px;
    flex: none;
    box-sizing: border-box;
}

.list-filter-type:hover {
    color: #00A269;
    text-decoration: none;
}

.list-filter-type-ck {
    background-color: #00A269;
    color: #fff;
}

.list-filter-type-ck:hover {
    color: #fff;
    text-decoration: none;
}

.list-filter-type:last-child {
    margin-right: 0px;
}

.list-filter-select {
    height: 40px;
}

.list-filter-select-btn {
    height: 40px;
    align-items: center;
    display: flex;
    margin-right: 10px;
    flex: none;
    max-width: 110px;
}

.list-filter-select-btn span {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #00A269;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*width: 1px;*/
}

.list-filter-select-btn:hover span {
    text-decoration: underline;
}

.list-filter-select-btn:after {
    background-image: url("../../images/select_unfold.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: block;
    content: "";
    margin-left: 5px;
    flex: none;
}

.list-filter-select-ck .list-filter-select-btn:after {
    background-image: url("../../images/select_shrink.png");
}

.list-filter-option-box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 5px;
    position: absolute;
    display: none;
    flex-wrap: wrap;
    z-index: 100;
    box-sizing: border-box;
    left: 0px;
}

.list-filter-select-ck .list-filter-option-box {
    display: flex;
}

.list-filter-option-item {
    font-size: 16px;
    font-weight: 500;
    color: #767676;
    line-height: 24px;
    margin: 10px 15px;
    flex: none;
}

.list-filter-option-item:hover, .list-filter-option-item-ck {
    color: #00A269;
}

.ebook-list-container {
    width: 100%;
    margin-top: 10px;
    padding-bottom: 30px;
}

.ebook-list-container li {
    padding: 20px 0;
    border-bottom: #E9E9E9 1px solid;
    display: flex;
}

.ebook-item-img {
    width: 110px;
    margin-right: 20px;
    display: block;
    border: 1px solid #E9E9E9;
}

.ebook-item-img img {
    width: 100%;
    height: auto;
    display: block;
}

.ebook-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ebook-item-tit {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    -webkit-line-clamp: 2;
    max-height: 48px;
    flex: none;
}

.ebook-item-tit:hover {
    color: #00A269;
}

.ebook-item-other {
    width: 100%;
    display: flex;
    margin-top: 5px;
    flex: none;
}

.ebook-item-txt {
    margin-top: 10px;
    -webkit-line-clamp: 2;
    max-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
    flex: none;
}

.ebook-item-price {
    font-size: 14px;
    font-weight: 600;
    color: #E44245;
    line-height: 20px;
    margin-top: 10px;
    flex: 1;
    display: flex;
    align-items: flex-end;
}

.ebook-item-other-txt {
    font-size: 12px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 14px;
    margin-right: 20px;
    flex: none;
}

.ebook-item-other-txt span {
    color: #767676;
    font-weight: 500;
    margin-left: 5px;
}

.page-list-right-container {
    margin-top: -20px;
}

.page-list-container {
    padding-bottom: 100px;
}

.right-question-container {
    background: #FFFFFF;
    border-radius: 2px;
    border: 4px solid #00A269;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 30px;
}

.right-question-tit {
    font-size: 20px;
    font-weight: 500;
    color: #3F3F3F;
    line-height: 30px;
    width: 100%;
    text-align: center;
}

.right-question-txt {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.right-question-input {
    width: 100%;
    height: 100px;
    background: #FFFFFF;
    border: 1px solid #C8CDCB;
    resize: none;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 10px 10px;
}

.right-question-submit {
    height: 40px;
    width: 100%;
    background: #00A269;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.right-question-submit:hover {
    background: #02AF72;
}

.right-question-submit:after {
    background-image: url("../../images/next.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    position: absolute;
    right: 20px;
}

.news-list-container {
    padding-bottom: 60px;
}

.news-list-container .news-item {
    margin-top: 30px;
}

.news-item-img {
    width: 100%;
    height: auto;
    display: block;
}

.news-item-img img {
    width: 100%;
    display: block;
}

.news-item-date {
    font-size: 14px;
    margin-top: 10px;
    color: #00A269;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
}

.news-item-lock-icon:after {
    width: 20px;
    height: 20px;
    background-image: url("../../images/lock.png");
    background-size: 20px 20px;
    content: "";
    display: block;
}

.news-item-tit {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 5px;
    -webkit-line-clamp: 2;
    max-height: 48px;
}

.news-item-tit:hover {
    color: #00A269;
}

.news-item-txt {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    -webkit-line-clamp: 2;
    max-height: 40px;
}

.news-item-tags {
    border-top: #E9E9E9 1px solid;
    margin-top: 10px;
    height: 32px;
    overflow: hidden;
}

.news-item-tags a {
    height: 22px;
    background: #F1F3F3;
    border-radius: 2px;
    line-height: 22px;
    padding: 0 8px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    font-size: 12px;
    font-weight: 400;
    color: #767676;
}

.news-item-tags a:hover {
    color: #3F3F3F;
}

.top-list-container {
    background: #FFFFFF;
    border: 10px solid #F1F3F3;
    padding: 30px;
    box-sizing: border-box;
}

.top-list-container h3 {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
    text-align: center;
}

.top-list-container ul {
    width: 100%;
}

.top-list-container ul li {
    padding: 20px 0;
    border-bottom: #E9E9E9 1px solid;
    position: relative;
    height: 72px;
}

.top-list-container ul li span {
    position: absolute;
    font-size: 60px;
    font-weight: bold;
    color: #02AF72;
    line-height: 72px;
    right: 0;
    z-index: 10;
    opacity: .2;
}

.top-list-container ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #3F3F3F;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 72px;
    overflow: hidden;
    position: absolute;
    z-index: 20;
    width: 100%;
    left: 0px;
    top: 20px;
}

.top-list-container ul li a:hover {
    text-decoration: underline;
}

.article-summary {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #767676;
    line-height: 20px;
    background-color: #F1F3F3;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
}

.author-container {
    width: 100%;
    margin-top: 60px;
}

.author-card {
    background-color: #FAFBFB;
    padding: 20px;
    box-sizing: border-box;
}

.author-follow {
    width: 110px;
    height: 28px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #00A269;
    line-height: 14px;
    flex: none;
}

.author-follow:before {
    background-image: url("../../images/plus.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    content: "";
    display: block;
}

.author-follow-ck {
    width: 110px;
    height: 28px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    flex: none;
    background: #00A269;
    color: #fff;
    border: 1px solid #00A269;
}

.author-follow-ck:before {
    display: none;
}

.author-follow:hover {
    border: 1px solid #00A269;
}

.author-avatar {
    width: 60px;
    height: 60px;
    display: block;
    flex: none;
    border-radius: 50%;
}

.author-name {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px
}

.author-department {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 500;
    color: #767676;
    line-height: 20px;
}

.author-card {
    display: flex;
}

.author-card > div {
    flex: 1;
    display: flex;
}

.author-card > div > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.author-description {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
    margin-top: 30px;
}

.author-description a {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
}

.author-description a:hover {
    text-decoration: underline;
}

.meeting-filter {
    margin-top: 30px;
}

.list-filter-date {
    width: 100%;
}

.meeting-filter-date-select-box {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.meeting-filter-date-tit {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    margin-right: 10px;
}

.meeting-filter-date-input-container {
    width: 230px;
    height: 40px;
    position: relative;
    margin-right: 20px;
}

.meeting-filter-date-input {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    padding: 0 32px 0 15px;
    box-sizing: border-box;
}

.meeting-filter-date-input-container:after {
    width: 16px;
    height: 16px;
    background-image: url("../../images/date_icon.png");
    background-size: 16px 16px;
    display: block;
    content: "";
    position: absolute;
    right: 12px;
    margin-top: -8px;
    top: 50%;
}

.meeting-list {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #E9E9E9;
}

.meeting-list li {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    border-bottom: #E9E9E9 1px solid;
    align-items: flex-start;
}

.meeting-list li:hover {
    background-color: #FAFBFB;
}

.meeting-item-date {
    font-size: 16px;
    font-weight: bold;
    color: #3F3F3F;
    line-height: 24px;
    display: flex;
    align-items: flex-end;
    flex: none;
}

.meeting-item-date b {
    font-size: 24px;
    font-weight: bold;
    color: #00A269;
    line-height: 36px;
    margin-left: 10px;
}

.meeting-item-content {
    flex: 1;
    margin: 0 60px;
}

.meeting-item-more {
    background-image: url("../../images/icon7.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border-radius: 50%;
    border: 1px solid #3F3F3F;
    width: 36px;
    height: 36px;
    flex: none;
    margin-top: 10px;
    transition: transform .3s ease-in;
    -webkit-transition: transform .3s ease-in;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.meeting-item-tit {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    -webkit-line-clamp: 2;
    max-height: 48px;
}

.meeting-item-tit:hover {
    color: #00A269;
}

.meeting-list li:hover .meeting-item-more {
    transition: transform .3s ease-in;
    -webkit-transition: transform .3s ease-in;
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}

.meeting-item-address {
    font-size: 14px;
    color: #767676;
    line-height: 20px;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
}

.meeting-item-address:before {
    background-image: url("../../images/address.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    margin-right: 8px;
    margin-top: 2px;
    flex: none;
}

.meeting-container {
    padding-bottom: 100px;
}

.meeting-online-header {
    width: 100%;
}

.meeting-online-tit {
    font-size: 24px;
    font-weight: 600;
    color: #00A269;
    line-height: 36px;
}

.meeting-online-txt {
    font-size: 16px;
    font-weight: 500;
    color: #767676;
    line-height: 24px;
    margin-top: 10px;
}

.meeting-online-list {
    display: block;
    width: 100%;
    padding-bottom: 30px;
}

.meeting-online-list li {
    width: 100%;
    background-color: #FAFBFB;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    margin-top: 30px;
}

.meeting-online-item-img {
    width: 380px;
    height: auto;
    display: block;
    flex: none;
    margin-right: 30px;
}

.meeting-online-item-img img {
    width: 100%;
    height: auto;
    display: block;
}

.meeting-online-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.meeting-online-item-tit {
    font-size: 20px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 30px;
    -webkit-line-clamp: 2;
    max-height: 60px;
    flex: none;
}

.meeting-online-item-tit:hover {
    color: #00A269;
}

.meeting-online-item-txt {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 16px;
    margin-top: 10px;
    -webkit-line-clamp: 3;
    max-height: 48px;
    /*flex: 1;*/
}

.meeting-online-item-link {
    width: 240px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #00A269;
    line-height: 24px;
    flex: none;
    position: relative;
}

.meeting-online-item-link:after {
    background-image: url("../../images/icon8.png");
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    content: "";
    display: block;
    position: absolute;
    right: 20px;
}

.meeting-online-item-btn {
    flex: 1;
    display: flex;
    align-items: flex-end;
}

.meeting-online-item-link:hover {
    border: 1px solid #00A269;
}

.webinar-img {
    width: 100%;
}

.webinar-img img {
    width: 100%;
    height: auto;
    display: block;
}

.webinar-date {
    font-size: 14px;
    color: #00A269;
    margin-top: 10px;
    line-height: 24px;
}

.webinar-txt {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 5px;
    -webkit-line-clamp: 3;
    height: 72px;
}

.webinar-txt:hover {
    color: #00A269;
}

.webinar-item {
    padding-bottom: 30px;
}

.webinar-speaker {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
    margin-top: 10px;
}

.webinar-item-bottom {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    border-top: #E9E9E9 1px solid;
    margin-top: 10px;
}

.webinar-item-price {
    font-size: 14px;
    font-weight: 600;
    color: #E44245;
    line-height: 20px;
}

.webinar-item-state {
    width: 92px;
    height: 22px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.webinar-item-state-y {
    background-color: #E9AC36;
}

.webinar-item-state-g {
    background-color: #00A269;
}

.webinar-item-state-end {
    background-color: #999999;
}

.webinar-list {
    padding-bottom: 30px;
}

.webinar-container {
    padding-bottom: 100px;
}

.author-company {
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
}

.author-tit {
    margin-bottom: 20px;
}

.meeting-author-container {
    margin-top: 0px;
}

.meeting-video-box {
    width: 100%;
    margin-top: 20px;
}

.meeting-video {
    width: 100%;
    height: 410px;
}

.meeting-banner {
    width: 100%;
    height: auto;
    display: block;
}

.meeting-detail-date {
    font-size: 16px;
    font-weight: bold;
    color: #00A269;
    line-height: 24px;
}

.article-page-right {
    margin-top: -20px;
}

.meeting-detail-btn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: #E9E9E9 1px solid;
}

.meeting-detail-type {
    flex: none;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    line-height: 20px;
    margin-right: 20px;
    flex: none;
}

.meeting-detail-type span {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    margin-left: 10px;
}

.meeting-detail-btn-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.meeting-detail-price {
    font-size: 20px;
    font-weight: bold;
    color: #E44245;
    line-height: 30px;
}

.meeting-detail-btn-box a {
    width: 220px;
    height: 40px;
    background: #00A269;
    border-radius: 2px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    box-sizing: border-box;
}

.meeting-detail-btn-box a:hover {
    background-color: #02AF72;
}

.meeting-detail-btn-box {
    display: flex;
}

.meeting-detail-btn-box a:before {
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    margin-right: 8px;
}

.meeting-detail-btn-box .meeting-detail-bar {
    padding: 0 12px;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    background-color: #e5f5f0;
    display: flex;
    align-items: center;
}

.meeting-detail-btn-box .meeting-detail-bar a {
    width: auto;
    height: 20px;
    background: none;
    border-radius: 0px;
    margin-left: 0px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #00A269;
    line-height: 20px;
    box-sizing: initial;
}

.meeting-detail-btn-box .meeting-detail-bar a:hover {
    text-decoration: underline;
}

.meeting-detail-btn-box .meeting-detail-bar a:before {
    display: none;
}

.meeting-detail-btn-icon1:before {
    background-image: url("../../images/icon22.png");
}

.meeting-detail-btn-icon2:before {
    background-image: url("../../images/icon23.png");
}

.search-page-container {
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 30px;
    box-sizing: border-box;
    padding-bottom: 100px;
}

.search-page-box {
    width: 100%;
    background-color: #F1F3F3;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
}

.search-page-input {
    height: 40px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    flex: 1;
    padding: 0 10px;
    box-sizing: border-box;
}

.search-page-submit {
    width: 100px;
    height: 40px;
    background: #00A269;
    border-radius: 2px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
}

.search-page-submit:hover {
    background: #02AF72;
}

.search-page-tag-container {
    width: 100%;
    display: flex;
    margin-top: 48px;
}

.search-page-tag-container a {
    background-color: #F1F3F3;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #767676;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    flex: 1;
    white-space: nowrap;
    padding: 0 10px;
}

.search-page-tag-container a:last-child {
    margin-right: 0px;
}

.search-page-tag-container a:hover {
    color: #02AF72;
}

.search-page-tag-container a.search-page-tag-ck {
    background-color: #02AF72;
    color: #fff;
}

.search-page-keywords {
    font-size: 20px;
    font-weight: 500;
    color: #3F3F3F;
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E9E9E9;
}

.search-page-list {
    width: 100%;
    padding-bottom: 30px;
}

.search-page-list li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
}

.search-page-item-tit {
    font-size: 16px;
    font-weight: 500;
    color: #00599A;
    line-height: 24px;
    -webkit-line-clamp: 2;
    max-height: 48px;
}

.search-page-item-tit .search-page-item-tit-type {
    font-size: 16px;
    font-weight: 500;
    color: #3F3F3F;
    line-height: 24px;
}

.search-page-item-tit em, .search-page-item-txt em {
    color: #00A269;
    font-style: normal;
}

.search-page-item-tit:hover {
    color: #00A269;
}

.search-page-item-txt {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 16px;
    margin-top: 10px;
    -webkit-line-clamp: 2;
    max-height: 32px;
}

.search-page-item-date {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 24px;
    margin-top: 10px;
}

.member-step-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FAFBFB;
    height: 84px;
}

.member-step-container > div {
    font-size: 16px;
    font-weight: 600;
    color: #767676;
    line-height: 24px;
    align-items: center;
    display: flex;
    margin-right: 20px;
}

.member-step-container > div span {
    font-size: 14px;
    font-weight: bold;
    color: #767676;
    margin-right: 5px;
    line-height: 20px;
}

.member-step-container > div:after {
    width: 40px;
    height: 1px;
    background: #E9E9E9;
    content: "";
    display: block;
    margin-left: 20px;
}

.member-step-container > div:last-child:after {
    display: none;
}

.step1 > div:nth-child(-n+1) {
    color: #3F3F3F;
}

.step1 > div:nth-child(-n+1) span {
    color: #00A269;
}

.step1 > div:nth-child(-n+1):after {
    background-color: #00A269;
}

.step2 > div:nth-child(-n+2) {
    color: #3F3F3F;
}

.step2 > div:nth-child(-n+2) span {
    color: #00A269;
}

.step2 > div:nth-child(-n+2):after {
    background-color: #00A269;
}

.step3 > div:nth-child(-n+3) {
    color: #3F3F3F;
}

.step3 > div:nth-child(-n+3) span {
    color: #00A269;
}

.step3 > div:nth-child(-n+3):after {
    background-color: #00A269;
}

.member-step-text {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    margin-top: 30px;
}

.member-form-box {
    border-top: 1px solid #C8CDCB;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 100px;
}

.member-form-item {
    width: 100%;
    display: flex;
}

.member-form-item-left, .member-form-item-right {
    border-right: 1px solid #C8CDCB;
    border-bottom: 1px solid #C8CDCB;
    border-left: 1px solid #C8CDCB;
    min-height: 80px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.member-form-item-right {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-left: none;
    position: relative;
}

.member-form-item-left {
    width: 300px;
    background-color: #FAFBFB;
    flex: none;
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
}

.member-form-item-left b {
    color: #E44245;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 5px;
}

.member-form-item-right {
    flex: 1;
}

.member-form-item-right-tit {
    font-size: 16px;
    font-weight: 500;
    color: #3F3F3F;
    line-height: 24px;
}

.member-form-item-right-tit .price-txt {
    color: #E44245;
}

.member-form-item-right-txt {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 14px;
    margin-top: 10px;
}

.member-form-item-input {
    width: 300px;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    background: #FFFFFF;
    line-height: 40px;
    padding: 0 12px;
    box-sizing: border-box;
}

select.member-form-item-input {
    appearance: none;
    -webkit-appearance: none;
    background: url(../../images/select_icon.png) no-repeat scroll calc(100% - 10px) center transparent;
    background-size: 12px 12px;
}

.w360 {
    width: 360px;
}

.w80 {
    width: 80px;
}

.w110 {
    width: 110px;
}

.w200 {
    width: 200px;
}

.member-form-item-err {
    display: none;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    color: #E44245;
    top: 0px;
}

.member-form-item-right-line {
    display: flex;
    align-items: center;
}

.member-form-item-right-line .member-form-item-input {
    margin-left: 10px;
    margin-right: 10px;
}

.member-form-item-right-line .member-form-item-input:first-child {
    margin-left: 0px;
}

.member-form-item-type {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    margin-top: 14px;
    line-height: 14px;
}

.member-form-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.member-form-submit {
    width: 240px;
    height: 48px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    position: relative;
    margin: 0 5px;
}

.member-form-disabled {
    width: 240px;
    height: 48px;
    background: #C8CDCB;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    position: relative;
    margin: 0 5px;
}

.member-form-submit:hover {
    background-color: #02AF72;
}

.member-form-submit:after {
    background-image: url("../../images/next.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    right: 20px;
}

.member-form-cancel {
    width: 120px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #767676;
    line-height: 20px;
    margin: 0 5px;
    box-sizing: border-box;
}

.member-form-cancel:hover {
    border: #00A269 1px solid;
    color: #00A269;
}

.input-err {
    border: #E44245 1px solid !important;
}

.member-finish-info {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #C8CDCB;
    margin-top: 30px;
}

.member-info-tit {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
    margin-top: 10px;
}

.member-info-txt {
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 24px;
    padding-top: 10px;
}

.member-info-txt p {
    margin-top: 10px;
    margin-bottom: 0px;
}

.member-info-txt a:hover {
    text-decoration: underline;
}

.member-info-btn-container {
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-info-btn {
    width: 240px;
    height: 48px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    position: relative;
    margin: 0 5px;
}

.member-info-btn:hover {
    background-color: #02AF72;
}

.member-info-btn:after {
    background-image: url("../../images/next.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    right: 20px;
}

.member-finish-container {
    padding-bottom: 100px;
}

.ft-title {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
    margin-top: 20px;
}

.ft-text {
}

.ft-text p {
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 20px;
}

.ft-text b {
    font-size: 16px;
    color: #3F3F3F;
    line-height: 24px;
}

.ft-text b span {
    color: #E44245;
}

.ft-text b:before {
    width: 6px;
    height: 6px;
    background: #3F3F3F;
    border-radius: 50%;
    margin-right: 10px;
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
}

.member-form-item-checkbox {
    min-height: 20px;
    min-width: 80px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.member-form-item-checkbox input[type='checkbox'] {
    opacity: 0;
    width: 0;
    height: 0;
}

.member-form-item-checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.member-form-item-checkbox label:before {
    width: 13px;
    height: 13px;
    border: #BFBFBF 1px solid;
    border-radius: 2px;
    content: "";
    display: block;
    margin-right: 8px;
}

.member-form-item-checkbox input[type='checkbox']:checked + label:before {
    background-color: #00A269;
    border: #00A269 1px solid;
    background-image: url("../../images/right.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center center;
}

.member-form-item-checkbox-box {
    display: flex;
    flex-wrap: wrap;
    width: 400px;
    margin-top: -10px;
}

.member-form-item-checkbox-box .member-form-item-input {
    margin-left: 10px;
}

.membership-top-bg {
    background-image: url("../../images/bg_membership.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 60px 30px 0 30px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.membership-top-txt-box {
    width: 630px;
    height: 380px;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 30px;
}

.membership-top-tit {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
}

.membership-top-txt {
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 20px;
}

.membership-top-btn {
    width: 240px;
    height: 48px;
    background: #D09659;
    box-shadow: 0px 2px 0px 0px #AD7B47;
    -webkit-box-shadow: 0px 2px 0px 0px #AD7B47;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 65px;
    position: relative;
}

.membership-top-btn:before {
    width: 70px;
    height: 1px;
    background: #D09659;
    content: '';
    display: block;
    position: absolute;
    left: -70px;
}

.membership-top-btn:after {
    background-image: url("../../images/icon11.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: block;
    content: "";
    right: 20px;
    position: absolute;
}

.membership-top-btn:hover {
    background: #DEA05F;
    box-shadow: 0px 2px 0px 0px #AD7B47;
    -webkit-box-shadow: 0px 2px 0px 0px #AD7B47;
}

.membership-bottom-box {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    background: #FFFCF9;
    margin-top: 60px;
}

.membership-bottom-title {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
}

.membership-bottom-text {
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 20px;
}

.membership-bottom-btn {
    width: auto;
    height: 48px;
    background: #D09659;
    box-shadow: 0px 2px 0px 0px #AD7B47;
    -webkit-box-shadow: 0px 2px 0px 0px #AD7B47;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 20px;
    padding-right: 45px;
    padding-left: 15px;
}

.membership-bottom-btn:after {
    background-image: url("../../images/icon11.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: block;
    content: "";
    right: 20px;
    position: absolute;
}

.membership-bottom-btn:hover {
    background: #DEA05F;
    box-shadow: 0px 2px 0px 0px #AD7B47;
    -webkit-box-shadow: 0px 2px 0px 0px #AD7B47;
}

.membership-table-tit {
    font-size: 20px;
    font-weight: bold;
    color: #3F3F3F;
    line-height: 50px;
    border-bottom: #E9E9E9 2px solid;
}

.membership-table-container {
    background-color: #FAFBFB;
    padding: 30px;
    box-sizing: border-box;
}

.membership-main-container {
    padding-bottom: 100px;
}

.membership-table {
    margin-top: 20px;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.membership-table td, .membership-table th {
    border: #DBDBDB 1px solid;
    text-align: center;
}

.membership-table thead th {
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    /*white-space: nowrap;*/
    min-width: 100px;
    height: 60px;
    background-color: #D09659;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
}

.membership-table thead th:first-child {
    background-color: #3F3F3F;
    width: 240px;
}

.membership-table tbody td {
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 24px;
    white-space: nowrap;
    height: 60px;
    box-sizing: border-box;
}

.membership-table tbody td:first-child {
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 20px;
}

.membership-table tbody td a {
    color: #036E70;
}

.membership-table tbody td > div {
    font-size: 14px;
    font-weight: 500;
    color: #3F3F3F;
    line-height: 20px;
    margin: 0 auto;
}

.membership-table tbody td img {
    width: 16px;
    height: 16px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.membership-table tbody td span {
    font-size: 16px;
    font-weight: 600;
    color: #E44245;
    line-height: 24px;
}

.membership-table tbody td a:hover {
    text-decoration: underline;
}

.membership-table tbody tr:nth-child(odd) {
    background: #fff;
}

.membership-table tbody tr:nth-child(even) {
    background: #FFFCF9;
}

.free-btn {
    width: 100px;
    height: 32px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF !important;
    line-height: 20px;
    margin: 0 auto;
}

.free-btn:hover {
    background: #02AF72;
    text-decoration: none !important;
}

.ft-btn {
    width: 100px;
    height: 32px;
    background: #D09659;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF !important;
    line-height: 20px;
}

.ft-btn:hover {
    background: #DEA05F;
    text-decoration: none !important;
}

.buy-btn {
    width: 100px;
    height: 32px;
    background: #E44245;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF !important;
    line-height: 20px;
}

.buy-btn:hover {
    background: #F04549;
    text-decoration: none !important;
}

.membership-table-box {
    width: 100%;
}

.member-terms-container {
    width: 100%;
    height: 535px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #C8CDCB;
    overflow-y: scroll;
    /*padding-left: 60px;*/
    /*padding-right: 60px;*/
    box-sizing: border-box;
}

.member-terms-btn {
    width: 240px;
    height: 48px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 30px auto 0 auto;
    line-height: 24px;
    position: relative;
}

.member-terms-btn:hover {
    background: #02AF72;
}

.member-terms-btn:after {
    background-image: url("../../images/next.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    position: absolute;
    right: 20px;
}

.member-terms-box {
    padding-bottom: 100px;
    width: 100%;
}

.search-word-container {
    width: 100%;
    margin-top: 16px;
}

.search-words {
    padding: 10px 0;
    box-sizing: border-box;
    width: 100%;
}

.search-words a {
    font-size: 14px;
    margin-top: 10px;
    margin-right: 20px;
    font-weight: 500;
    color: #00599A;
    line-height: 20px;
}

.search-words a:hover, .search-data a:hover {
    text-decoration: underline;
}

.search-data {
    padding: 10px 0;
    box-sizing: border-box;
    width: 100%;
}

.search-data a {
    font-size: 14px;
    margin-top: 10px;
    margin-right: 20px;
    font-weight: 500;
    color: #767676;
    line-height: 20px;
}

.search-list-more-btn {
    width: 240px;
    height: 48px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    position: relative;
    margin: 0 auto;
}

.search-list-more-btn:hover {
    background-color: #02AF72;
}

.search-list-more-btn:after {
    background-image: url("../../images/next.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    right: 20px;
}

.search-loading {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding-top: 50px;
}

.search-list-no-data {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    line-height: 24px;
    width: 100%;
    text-align: center;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.data-cannot-view-box {
    max-width: 630px;
    height: auto;
    margin: 30px auto 0 auto;
    background-color: #E5F5F0;
    border-radius: 4px;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.data-cannot-view-tit {
    font-size: 16px;
    font-weight: 500;
    color: #00A269;
    line-height: 28px;
    width: 100%;
}

.data-cannot-view-txt {
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    margin-top: 10px;
    background-color: #fff;
}

.data-cannot-view-btn {
    width: 220px;
    height: 40px;
    background: #D09659;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 20px 8px 0px 8px;
    line-height: 20px;
}

.data-cannot-view-btn:hover {
    background: #DEA05F;
}

.data-cannot-view-buy {
    width: 220px;
    height: 40px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    margin: 20px 8px 0px 8px;
}

.data-cannot-view-buy:before {
    background-image: url("../../images/icon23.png");
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    box-sizing: border-box;
    margin-right: 5px;
    content: "";
    display: block;
}

.data-cannot-view-buy:hover {
    background: #02AF72;
}

.cannot-view-box {
    background: #E5F5F0;
    border-radius: 4px;
    padding: 24px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #00A269;
    line-height: 28px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.cannot-view-login-btn {
    width: 240px;
    height: 48px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    box-sizing: border-box;
    margin-top: 12px;
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
}

.cannot-view-login-btn:after {
    background-image: url("../../images/next.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    right: 20px;
}

.cannot-view-login-btn:hover {
    background: #02AF72;
}

.cannot-view-signup-btn {
    width: 120px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #767676;
    line-height: 20px;
    margin-top: 12px;
    margin-right: 5px;
    margin-left: 5px;
}

.cannot-view-signup-btn:hover {
    color: #00A269;
    background-color: #fff;
    border: 1px solid #00A269;
}

.meeting-apply-tit {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 36px;
}

.meeting-apply-count-down {
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
    background: #E5F5F0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #00A269;
    line-height: 28px;
    margin-top: 20px;
}

.meeting-apply-count-down span {
    font-size: 16px;
    font-weight: 500;
    color: #00A269;
    line-height: 28px;
}

.meeting-apply-txt {
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 24px;
    padding: 20px 0;
}

.meeting-apply-txt p {
    margin-top: 20px;
}

.meeting-apply-txt p:before {
    width: 6px;
    height: 6px;
    background: #3F3F3F;
    border-radius: 50%;
    margin-right: 10px;
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
}

textarea.member-form-item-input {
    resize: none;
    height: 120px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #C8CDCB;
    width: 100%;
}

.member-form-item-input:disabled {
    background-color: #F1F3F3;
}

.meeting-apply-finish {
    background: #E5F5F0;
    padding: 30px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    margin-top: 20px;
    margin-bottom: 100px;
}

.meeting-apply-finish-img {
    width: 64px;
    height: 64px;
    display: block;
    flex: none;
}

.meeting-apply-finish-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.meeting-apply-finish-tit {
    font-size: 24px;
    font-weight: 600;
    color: #00A269;
    line-height: 30px;
}

.meeting-apply-finish-txt {
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    line-height: 24px;
    margin-top: 10px;
}

.meeting-apply-finish-btn {
    width: 160px;
    height: 40px;
    background: #00A269;
    border-radius: 2px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    color: #Fff;
    justify-content: center;
}

.meeting-apply-finish-btn:hover {
    background: #02AF72;
}

.terms-detail-box {
    padding: 20px 60px 100px 60px;
    box-sizing: border-box;
    width: 100%;
}

.terms-detail-tit {
    font-size: 20px;
    font-weight: bold;
    color: #3F3F3F;
    line-height: 30px;
    text-align: center;
}

.terms-detail-txt p {
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 20px;
}

.terms-detail-txt h3 {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 24px;
    margin-top: 20px;
}

.text-right {
    text-align: right;
}

.page-404-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0;
    box-sizing: border-box;
}

.page-404-img {
    width: 584px;
    height: auto;
    display: block;
}

.page-404-tit {
    font-size: 40px;
    font-weight: 600;
    color: #212121;
    line-height: 50px;
    margin-top: 30px;
}

.page-404-txt {
    font-size: 18px;
    margin-top: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 25px;
}

.page-404-jump {
    width: 150px;
    height: 40px;
    background: #00A269;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: 30px;
}

.page-404-jump:hover {
    background: #02AF72;
}

@media (max-width: 767px) {

    .meeting-detail-btn-box .meeting-detail-bar {
        display: block;
        padding: 10px 12px;
    }

    .meeting-detail-btn-box .meeting-detail-bar a {
        margin-top: 0px;
        height: auto;
        display: inline;
    }

    .page-404-img {
        width: 100%;
    }

    .terms-detail-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cannot-view-signup-btn {
        width: 100%;
    }

    .cannot-view-login-btn {
        width: 100%;
    }

    .data-cannot-view-box {
        width: 100%;
    }

    .member-terms-container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .membership-top-bg {
        flex-direction: column;
        justify-content: center;
        background-image: url("../../images/bg_h5_membership.png");
    }

    .membership-top-txt-box {
        width: auto;
        height: auto;
    }

    .membership-top-btn {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .membership-top-btn:before {
        display: none;
    }

    .membership-table-tit {
        line-height: normal;
        padding-bottom: 20px;
    }

    .membership-table-box {
        overflow-x: scroll;
    }

    .membership-table thead th {
        white-space: nowrap;
        width: 160px;
    }

    .member-form-item-checkbox-box {
        width: 100%;
    }

    .member-form-item {
        flex-direction: column;
    }

    .member-form-item-left {
        width: 100%;
    }

    .member-form-item-right {
        border-left: 1px solid #C8CDCB;;
    }

    .member-step-container > div:after {
        display: none;
    }

    .member-step-container {
        padding-right: 20px;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .member-step-container > div {
        align-items: flex-start;
        margin-right: 30px;
    }

    .member-step-container > div span {
        margin-top: 2px;
    }

    .member-step-container > div:last-child {
        margin-right: 0px;
    }

    .w360 {
        width: 100%;
    }

    .w200 {
        flex: none;
        width: 100px;
    }

    .w80, .w110 {
        flex: none;
        width: 60px;
    }

    .member-form-item-right-line {
        width: 100%;
        box-sizing: border-box;
    }

    .search-page-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .search-page-tag-container {
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .search-page-tag-container a {
        min-width: 100px;
        flex: none;
        margin-top: 10px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .meeting-detail-btn-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .meeting-detail-btn-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .meeting-detail-btn-box a {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }

    .meeting-video {
        height: auto;
    }

    .author-company {
        margin-top: 10px;
        box-sizing: border-box;
        padding-left: 80px;
    }

    .meeting-online-list li {
        flex-direction: column;
    }

    .meeting-online-list li .meeting-online-item-img {
        margin-right: 0px;
        flex: 1;
        margin-bottom: 15px;
        width: 100%;
    }

    .meeting-online-item-link {
        width: 100%;
        margin-top: 20px;
    }

    .meeting-filter-date-select-box {
        display: none;
    }

    .meeting-list li {
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .meeting-item-date {
        width: 100%;
    }

    .meeting-item-content {
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 15px;
    }

    .author-card {
        flex-direction: column;
    }

    .author-follow {
        margin-top: 10px;
        margin-left: 80px;
    }

    .article-other-page-list {
        margin-top: 0px;
    }

    .article-other-page {
        margin-top: 30px;
    }

    .article-container {
        width: 100%;
        display: flex;
        /*padding-bottom: 60px;*/
        flex-direction: column;
    }

    .article {
        flex: 1;
        overflow: hidden;
    }

    .article-page-left {
        /*flex: 1;*/
        width: 100%;
        padding-bottom: 30px;
    }

    .article-page-right {
        /*width: auto;*/
        width: 100%;
        /*flex: 1;*/
        margin-left: 0px;
        padding-bottom: 60px;
    }

    .pc-filter {
        display: none;
    }

    .ebook-list-container li {
        flex-direction: column;
    }

    .ebook-item-img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .page-list-left-container {
        padding-bottom: 50px;
    }

    .ebook-detail-img {
        height: 150px;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .ebook-detail-container {
        padding-top: 170px;
    }

    .ebook-detail-title {
        padding-left: 20px;
    }

    .ebook-detail-box {
        padding-left: 20px;
        flex-direction: column;
        margin-top: 15px;
    }

    .ebook-detail-btn-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px;
        width: auto;
    }

    .ebook-detail-btn-box a {
        width: 100%;
    }

    .ebook-detail-content {
        border-right: none;
        padding-bottom: 30px;
    }

    .page-content-container, .page-crumb, .page-title {
        padding-right: 20px;
        padding-left: 20px;
    }

    .tools-search-box {
        padding-right: 10px;
        padding-left: 10px;
    }

    .pedia-list-top a {
        min-width: 30%;
    }

    .pedia-right-container {
        display: none;
    }

    .article-tags {
        flex-wrap: wrap;
    }

    .article-tag-box {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
        flex: none;
    }

    .article-other-page-list .f-col-pc-4 {
        margin-top: 30px;
    }

    .db-filter-container {
        display: none;
    }

    .db-pages-item-left {
        display: none;
    }

    .db-pages-bottom-container {
        margin-bottom: 30px;
    }
}