@charset "UTF-8";
.header-nav .innerPages-header-nav-container .swiper-wrapper .swiper-slide-active a {
    color: #000000;
    font-size: 17px;
    font-weight: normal;
}

.header-nav .innerPages-header-nav-container .swiper-wrapper .swiper-slide a.active {
    color: #0067b8;
    font-weight: bolder;
}

.innerPages-banner-container {
    width: 100%;
    overflow: hidden;
}

.innerPages-banner-container img {
    width: 100%;
}

.article {
    background-color: #ffffff;
}

.article .title {
    color: #000000;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
}

.article .resource-read {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e2e7;
}

.article .small-title {
    color: #000000;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}

.aboutContent {
    background-color: #FAFAFC;
}

.aboutContent .title {
    font-weight: normal;
}

.aboutContent .title span {
    font-weight: normal;
    color: #8E8E93;
}

.programmeAbout .programmeAbout-header {
    background-color: #eeeef3;
    border-top: 1px solid #e1e2e7;
    color: #6d6d72;
    font-size: 13px;
    padding: 25px 5% 10px 5%;
}

.programmeAbout .programmeAbout-body .ul .li {
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    background-color: #ffffff;
    margin-top: 6px;
    padding: 15px 5%;
}

.programmeAbout .programmeAbout-body .ul .li a {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 16px;
}

.programmeAbout .programmeAbout-body .ul .li a .title {
    display: table-cell;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000000;
}

.programmeAbout .programmeAbout-body .ul .li a .arrow {
    display: table-cell;
    width: 15px;
    text-align: right;
}

.programmeAbout .programmeAbout-body .ul .li a .arrow span {
    color: #e1e2e7;
    font-size: 15px;
}

.programmeAbout .programmeAbout-body .ul .li:first-child {
    margin-top: 0;
}

.joinUsPages .typeModule {
    margin-top: 6px;
}

.joinUsPages .joinUsPages-channel .theme {
    background-color: #ffffff;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    margin-top: 6px;
    padding: 30px 5%;
}

.joinUsPages .joinUsPages-channel .theme .title {
    color: #000000;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.joinUsPages .joinUsPages-channel .theme .desc {
    border-top: 1px solid #e1e2e7;
    color: #000000;
    font-size: 15px;
    margin-top: 15px;
    padding-top: 15px;
    line-height: 23px;
    text-indent: 2rem;
}

.joinUsPages .joinUsPages-talentIdea .detailsPage .article {
    background-color: #ffffff;
    margin-top: 6px;
    padding: 30px 5%;
}

.joinUsPages .joinUsPages-talentIdea .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.joinUsPages .joinUsPages-talentIdea .detailsPage .comment {
    margin-top: 0;
}

.joinUsPages .joinUsPages-talentIdea .detailsPage .comment .comment-header {
    margin-top: 0;
}

.joinUsPages .commonProblem .detailsPage .list .item {
    background-color: #ffffff;
    margin-top: 6px;
    padding: 0 5%;
}

.joinUsPages .commonProblem .detailsPage .list .item a {
    padding: 10px 0;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.joinUsPages .commonProblem .detailsPage .list .item a i {
    color: #0067b8;
    font-size: 16px;
    vertical-align: top;
    display: table-cell;
    width: 20px;
    padding-top: 2px;
}

.joinUsPages .commonProblem .detailsPage .list .item a span {
    color: #000000;
    font-size: 15px;
    vertical-align: top;
    display: table-cell;
    width: auto;
}

.joinUsPages .commonProblem .detailsPage .list .item .answer {
    border-top: 1px solid #e1e2e7;
    padding: 10px 0;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 25px;
    text-indent: 2rem;
}

.joinUsPages .commonProblem .detailsPage .list .item .answer p {
    text-indent: 0;
}

.joinUsPages .onlineApplication .formDetailsPage .typeModule {
    margin-top: 6px;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable {
    background-color: #ffffff;
    padding: 30px 0;
    margin-top: 6px;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    width: 100%;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form {
    width: 90%;
    margin: 0 auto;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form h2 {
    background-color: #e1e2e7;
    padding: 10px 0;
    color: #000000;
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
    text-indent: 1rem;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.name,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.address,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.tel,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.concat,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.email,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.level,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.study,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.school,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.advantage,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.exprence,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.money,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.worked {
    margin: 10px 0;
    background-color: #F5F5F7;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.name input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.address input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.tel input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.concat input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.email input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.level input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.study input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.school input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.advantage input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.exprence input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.money input,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.worked input {
    border: none;
    outline: none;
    background-color: transparent;
    text-indent: 1rem;
    color: #8E8E93;
    font-size: 14px;
    padding: 10px 0;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.name textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.address textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.tel textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.concat textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.email textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.level textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.study textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.school textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.advantage textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.exprence textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.money textarea,
.joinUsPages .onlineApplication .formDetailsPage .formTable form div.worked textarea {
    border: none;
    outline: none;
    background-color: transparent;
    text-indent: 1rem;
    color: #8E8E93;
    font-size: 14px;
    padding: 10px 0;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.sex {
    margin: 10px 0;
    background-color: #F5F5F7;
    padding: 10px 0;
    font-size: 14px;
    text-indent: 1rem;
    color: #8E8E93;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.sex input {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.sex label {
    text-align: left;
    margin: 0;
    padding: 0;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.birthday {
    margin: 10px 0;
    background-color: #F5F5F7;
    text-indent: 1rem;
    font-size: 14px;
    color: #8E8E93;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.birthday input {
    border: none;
    outline: none;
    background-color: transparent;
    color: #8E8E93;
    padding: 10px 0;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.author {
    margin: 10px 0;
    background-color: #F5F5F7;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    text-indent: 1rem;
    color: #8E8E93;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.author p {
    width: 90%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #8E8E93;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.author div.action {
    width: 10%;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.author div.action img {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.author input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.code {
    margin: 10px 0;
    background-color: #F5F5F7;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.code input {
    width: 40%;
    text-indent: 1rem;
    color: #8E8E93;
    font-size: 14px;
    border: none;
    outline: none;
    background-color: transparent;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.code img {
    width: 20%;
    display: block;
    height: 35px;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.code a {
    width: 40%;
    display: block;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.code a p {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #8E8E93;
    font-size: 14px;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.buttons {
    margin: 20px 0 0 0;
    text-align: center;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.buttons button {
    display: inline-block;
    width: auto;
    padding: 4px 25px;
    font-size: 14px;
    border-radius: 15px;
    overflow: hidden;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.buttons button.reset {
    border: 1px solid #e1e2e7;
    background-color: #EFEFF4;
    color: #000000;
    margin-right: 20px;
}

.joinUsPages .onlineApplication .formDetailsPage .formTable form div.buttons button.submit {
    border: 1px solid #0067b8;
    color: #ffffff;
    background-color: #0067b8;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item {
    background-color: #ffffff;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    margin-top: 6px;
    padding: 15px 5%;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a .info {
    display: table-cell;
    width: auto;
    vertical-align: middle;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a .info .job-name {
    color: #000000;
    font-size: 17px;
    font-weight: bolder;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a .info .job-info {
    margin-top: 3px;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a .info .job-info span {
    font-size: 14px;
    color: #000000;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a .info .job-info span.releaseTime {
    color: #e1e2e7;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a .details {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
    color: #0067b8;
    font-size: 16px;
    text-align: right;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a .details span.right {
    display: inline-block;
    width: auto;
    font-size: 14px;
    transform: rotate(90deg);
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a.collapsed .details {
    color: #8E8E93;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .head a.collapsed .details span.right {
    transform: rotate(0deg);
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .body .content {
    border-bottom: 1px solid #e1e2e7;
    padding: 40px 5%;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .body .content h1.jh {
    font-weight: bold;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .body .content h1.jh:first-child {
    margin-top: 0;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .body .content div.jd {
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .body .content button {
    background-color: transparent;
    border: 1px solid #0067b8;
    outline: none;
    margin-top: 15px;
    padding: 4px 15px;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .body .content button a {
    color: #0067b8;
    font-size: 15px;
}

.joinUsPages .jobInformation .listDetailsPage .listDetails .item .body .content button a span {
    font-size: 15px;
}

.aboutPages .title-more {
    border-top: none;
}

.aboutPages .aboutPages-channel {
    margin-top: 0px;
}

.aboutPages .aboutPages-channel .aboutUs {
    margin-top: 0;
}

.aboutPages .developmentEvents .detailsPage .article {
    margin-top: 6px;
    padding: 30px 5%;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent {
    padding-bottom: 30px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl {
    width: 100%;
    padding-top: 30px;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #000000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi {
    margin: 0;
    padding: 0;
    width: 100%;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi .historyItem {
    width: 50%;
    display: inline-block;
    position: relative;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi .historyItem:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #000000;
    position: absolute;
    top: 15px;
    left: -6px;
    transform: translateY(-50%);
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi .historyItem:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #000000;
    position: absolute;
    top: 15px;
    left: 0;
    transform: translateY(-50%);
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi .historyItem h1.date {
    font-weight: bold;
    text-indent: 0;
    margin-top: 6px;
    font-size: 16px;
    color: #000000;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi .historyItem .desc {
    font-size: 16px;
    color: #000000;
    padding-top: 5px;
    line-height: 25px;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+1) {
    text-align: right;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+1) .historyItem h1.date {
    padding-left: 45px;
    text-align: left;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+1) .historyItem .desc {
    margin: 0;
    text-align: left;
    padding-left: 1rem;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+2) {
    text-align: left;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+2) .historyItem {
    margin-top: -30px;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+2) .historyItem:before {
    left: auto;
    right: -6px;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+2) .historyItem:after {
    left: auto;
    right: 0;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+2) .historyItem h1.date {
    padding-right: 45px;
    text-align: right;
}

.aboutPages .developmentEvents .detailsPage .article .historyContent .historyUl .historyLi:nth-of-type(2n+2) .historyItem .desc {
    padding-right: 1rem;
    text-align: left;
}

.aboutPages .developmentEvents .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.aboutPages .developmentEvents .detailsPage .comment {
    margin-top: 0;
}

.aboutPages .developmentEvents .detailsPage .comment .comment-header {
    margin-top: 0;
}

.aboutPages .companyProfile .detailsPage .article {
    background-color: #ffffff;
    padding: 30px 5%;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.aboutPages .companyProfile .detailsPage .article img {
    width: 100% !important;
}

.aboutPages .companyProfile .detailsPage .article .title {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
}

.aboutPages .companyProfile .detailsPage .comment {
    margin-top: 0;
}

.aboutPages .companyProfile .detailsPage .comment .comment-header {
    margin-top: 0;
}

.aboutPages .serviceTeam .columnPage .teamSerive {
    margin-top: 0;
}

.aboutPages .serviceTeam .detailsPage .article {
    background-color: #ffffff;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo {
    position: relative;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo img {
    width: 100%;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo .user-info {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.68);
    display: table;
    table-layout: fixed;
    padding: 15px 5%;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo .user-info .info {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    color: #ffffff;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo .user-info .info .name {
    font-size: 20px;
    font-weight: bolder;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo .user-info .info .job {
    font-size: 15px;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo .user-info .fabulous {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
    color: #ffffff;
    text-align: center;
    line-height: normal;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo .user-info .fabulous .content {
    border: 1px solid #ffffff;
    border-radius: 15px;
    overflow: hidden;
    display: inline-block;
    width: auto;
    padding: 5px 15px;
    line-height: normal;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo .user-info .fabulous .content span {
    font-size: 16px;
}

.aboutPages .serviceTeam .detailsPage .article .user-logo .user-info .fabulous .content span a {
    color: #FFFFFF;
}

.aboutPages .serviceTeam .detailsPage .article .user-desc {
    padding: 30px 5%;
}

.aboutPages .serviceTeam .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.aboutPages .serviceTeam .detailsPage .comment {
    margin-top: 0;
}

.aboutPages .serviceTeam .detailsPage .comment .comment-header {
    margin-top: 0;
}

.aboutPages .serviceTeam .detailsPage .teamSerive {
    margin-top: 0;
}

.aboutPages .serviceTeam .detailsPage .teamSerive .teamSerive-content .serviceTeam-list tr:first-child {
    margin-top: 0;
    border-top: none;
}

.aboutPages .scientificResearchInnovation .columnPage .RDInnovation {
    margin-top: 0;
}

.aboutPages .scientificResearchInnovation .detailsPage .article {
    margin-top: 6px;
    padding: 30px 5%;
}

.aboutPages .scientificResearchInnovation .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.aboutPages .scientificResearchInnovation .detailsPage .comment {
    margin-top: 0;
}

.aboutPages .scientificResearchInnovation .detailsPage .comment .comment-header {
    margin-top: 0;
}

.aboutPages .scientificResearchInnovation .detailsPage .RDInnovation {
    margin-top: 0;
}

.aboutPages .scientificResearchInnovation .detailsPage .RDInnovation .list tr:first-child {
    margin-top: 0;
}

.honorPages .channel .channel-desc {
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    background-color: #ffffff;
    padding: 20px 0 0 0;
    margin-top: 6px;
}

.honorPages .channel .channel-desc .img-cover {
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
    background-color: #E1E2E7;
}

.honorPages .channel .channel-desc .img-cover img {
    display: block;
    margin: 0 auto;
    width: 40%;
}

.honorPages .channel .channel-desc .img-cover img.bookshft {
    display: block;
    margin: -5px auto 0 auto;
    width: 70%;
}

.honorPages .channel .channel-desc .title-more {
    border-top: none;
    border-bottom: none;
}

.honorPages .channel .channel-desc .title-more .title span {
    font-weight: normal;
}

.honorPages .channel .channel-desc .title-more>a {
    display: none !important;
}

.honorPages .channel .channel-desc .title-more .title>a:first-child {
    display: none !important;
}

.honorPages .channel .publicationModule {
    margin-top: 0;
}

.honorPages .channel .publicationModule .img {
    padding: 0;
}

.honorPages .channel .publicationModule .img img {
    width: 100%;
}

.honorPages .channel .publicationModule .tab-content .grid tr td a .info .title-desc .title {
    font-weight: normal;
}

.honorPages .channel .publicationModule .tab-content .grid tr td a .view-zan .zan {
    text-align: left;
}

.honorPages .detailsPage .publicationModule {
    margin-top: 0;
}

.honorPages .detailsPage .publicationModule .tab-content .grid tr td a .info .title-desc .title {
    font-weight: normal;
}

.honorPages .detailsPage .publicationModule .tab-content .grid tr td a .view-zan .zan {
    text-align: left;
}

.investorRelations .columnPage-list {
    width: 90%;
    table-layout: fixed;
    margin: 0 auto;
    padding: 0;
}

.investorRelations .columnPage-list tr {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
    border-top: none;
    display: flex;
}

.investorRelations .columnPage-list tr td.info {
    width: 80%;
    padding-right: 15px;
}

.investorRelations .columnPage-list tr td.info .title a {
    color: #000000;
    font-size: 17px;
}

.investorRelations .columnPage-list tr td.info .desc {
    margin-top: 5px;
}

.investorRelations .columnPage-list tr td.info .desc a {
    font-size: 15px;
    color: #8E8E93;
}

.investorRelations .columnPage-list tr td.img {
    width: 20%;
    overflow: hidden;
    vertical-align: middle;
    text-align: right;
}

.investorRelations .columnPage-list tr td.img .pdf {
    padding: 10px 0;
}

.investorRelations .columnPage-list tr td.img .pdf span {
    color: #0067b8;
    font-size: 28px;
}

.investorRelations .channel .channel-desc {
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    background-color: #ffffff;
    padding: 20px 0 0 0;
    margin-top: 6px;
}

.investorRelations .channel .channel-desc .img-cover {
    width: 90%;
    margin: 0 auto;
}

.investorRelations .channel .channel-desc .img-cover img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.investorRelations .channel .channel-desc .title-more {
    border-top: none;
    border-bottom: none;
}

.investorRelations .channel .channel-desc .title-more .title span {
    font-weight: normal;
}

.investorRelations .channel .grid tr td .img {
    height: 80px;
}

.investorRelations .channel .grid tr td .img img {
    width: 100%;
    height: 100%;
}

.investorRelations .channel .grid tr td .info a.title-arrow-right .title {
    font-weight: normal;
}

.investorRelations .informationDisclosure .columnPage {
    background-color: #ffffff;
    padding-bottom: 30px;
}

.investorRelations .informationDisclosure .columnPage .img-cover {
    width: 100%;
}

.investorRelations .informationDisclosure .columnPage .img-cover img {
    width: 100%;
}

.investorRelations .informationDisclosure .detailsPage .article {
    background-color: #ffffff;
    padding: 30px 5%;
    margin-top: 6px;
}

.investorRelations .informationDisclosure .detailsPage .article .pdf {
    border-top: 1px solid #e1e2e7;
    margin-top: 15px;
    padding-top: 15px;
    text-align: center;
}

.investorRelations .informationDisclosure .detailsPage .article .pdf a {
    display: inline-block;
    width: auto;
    /* background-color: #EFEFF4; */
    padding: 5px 15px;
}

.investorRelations .informationDisclosure .detailsPage .article .pdf a span {
    color: #0067b8;
    font-size: 39px;
}

.investorRelations .informationDisclosure .detailsPage .article .pdf a p {
    margin: -5px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #000000;
}

.investorRelations .informationDisclosure .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.investorRelations .informationDisclosure .detailsPage .comment {
    margin-top: 0;
}

.investorRelations .informationDisclosure .detailsPage .comment .comment-header {
    margin-top: 0;
}

.investorRelations .stockInformation .detailsPage .img-cover {
    width: 100%;
}

.investorRelations .stockInformation .detailsPage .img-cover img {
    width: 100%;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc {
    background-color: #ffffff;
    padding: 0 5%;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .head {
    padding: 15px 0;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .head .title {
    display: inline-block;
    width: 48%;
    font-size: 17px;
    font-weight: bold;
    color: #000000;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .head .numCode {
    display: inline-block;
    width: 49%;
    text-align: right;
    font-size: 17px;
    color: #000000;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .numUpDown {
    color: #0067b8;
    padding: 15px 0;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .numUpDown .num {
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .numUpDown .icon {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    vertical-align: middle;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .numUpDown .icon span {
    display: inline-block;
    transform: rotate(-90deg);
    font-size: 28px;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .numUpDown .percent {
    display: inline-block;
    width: auto;
    font-size: 14px;
    vertical-align: middle;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .change {
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #e1e2e7;
    font-size: 15px;
    color: #000000;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .change .date {
    margin-top: 5px;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .content {
    padding: 15px 0 15px 0;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .content p {
    margin: 10px auto;
    text-align: left;
    font-size: 14px;
    color: #000000;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .content p span {
    display: inline-block;
    text-align: left;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .content p span:nth-of-type(1) {
    width: 26%;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .content p span:nth-of-type(2) {
    width: 35%;
}

.investorRelations .stockInformation .detailsPage .stockInformation-desc .content p span:nth-of-type(3) {
    width: 34%;
}

.investorRelations .stockInformation .detailsPage .tip {
    background-color: #ffffff;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    padding: 10px 5%;
    margin-top: 6px;
}

.investorRelations .stockInformation .detailsPage .tip .title {
    border-bottom: 1px solid #e1e2e7;
    padding-bottom: 5px;
}

.investorRelations .stockInformation .detailsPage .tip .title span {
    color: #8E8E93;
    font-size: 16px;
}

.investorRelations .stockInformation .detailsPage .tip .title span.icon {
    color: #0067b8;
    font-size: 15px;
}

.investorRelations .stockInformation .detailsPage .tip .content {
    padding-top: 5px;
    color: #4d4d4d;
    font-size: 15px;
    line-height: 25px;
    text-indent: 2rem;
}

.investorRelations .corporateGovernance .detailsPage {
    background-color: #ffffff;
    padding-bottom: 30px;
}

.investorRelations .corporateGovernance .detailsPage .img-cover {
    width: 100%;
}

.investorRelations .corporateGovernance .detailsPage .img-cover img {
    width: 100%;
}

.investorRelations .corporateGovernance .detailsPage .columnPage-list tr {
    clear: both;
}

.investorRelations .corporateGovernance .detailsPage .columnPage-list tr td.info {
    display: inline-block;
}

.investorRelations .corporateGovernance .detailsPage .columnPage-list tr .img {
    display: inline-block;
    float: right;
}

.investorRelations .annualReports .detailsPage {
    background-color: #ffffff;
    padding-bottom: 30px;
}

.investorRelations .annualReports .detailsPage .img-cover {
    width: 100%;
}

.investorRelations .annualReports .detailsPage .img-cover img {
    width: 100%;
}

.investorRelations .annualReports .detailsPage .columnPage-list tr {
    clear: both;
}

.investorRelations .annualReports .detailsPage .columnPage-list tr td.info {
    display: inline-block;
}

.investorRelations .annualReports .detailsPage .columnPage-list tr .img {
    display: inline-block;
    float: right;
}

.investorRelations .annualReports .detailsPage .typeModule .typeModule-body .triangle_border_up {
    margin-left: 50%;
}

.connection .channel .channel-desc {
    background-color: #ffffff;
    padding-top: 15px;
}

.connection .channel .channel-desc .img-cover {
    padding: 0 5%;
}

.connection .channel .channel-desc .img-cover img {
    width: 100%;
}

.connection .channel .channel-desc .title-more .title span {
    font-weight: normal;
}

.connection .channel .connection-list {
    margin-top: 6px;
    padding: 0 2%;
}

.connection .channel .connection-list .connection-grid tr {
    display: block;
}

.connection .channel .connection-list .connection-grid tr td {
    width: 50%;
    border: none;
    background-color: #ffffff;
    overflow: hidden;
}

.connection .channel .connection-list .connection-grid tr td .img {
    border-top: 1px solid #e1e2e7;
    padding-top: 10px;
}

.connection .channel .connection-list .connection-grid tr td .img img {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.connection .channel .connection-list .connection-grid tr td .info {
    border-bottom: 1px solid #e1e2e7;
}

.connection .channel .connection-list .connection-grid tr td .info a {
    display: table;
    table-layout: fixed;
    width: 90%;
    margin: 0 auto;
}

.connection .channel .connection-list .connection-grid tr td .info a .title {
    width: auto;
    display: table-cell;
    color: #000000;
    font-size: 16px;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.connection .channel .connection-list .connection-grid tr td .info a .arrow-right {
    width: 40px;
    display: table-cell;
    text-align: right;
}

.connection .channel .connection-list .connection-grid tr td .info a .arrow-right span.circle {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50% 50%;
    background-color: #E1E2E7;
}

.connection .channel .connection-list .connection-grid tr td.space {
    width: 0;
    border-left: 10px solid transparent;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
}

.connection .trafficGuide {
    margin-bottom: -15px;
}

.connection .trafficGuide .detailsPage .trafficGuide-cover {
    width: 100%;
}

.connection .trafficGuide .detailsPage .trafficGuide-cover img {
    width: 100%;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc {
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    background-color: #ffffff;
    padding-top: 15px;
    margin-top: 6px;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc .img-cover {
    background-color: #000000;
    width: 90%;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc .img-cover .cell {
    color: #6d6d72;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 50px 0;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc .img-cover .cell span.icon {
    font-size: 45px;
    line-height: normal;
    height: 100%;
    vertical-align: middle;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc .img-cover .cell span.text {
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 10px;
    vertical-align: middle;
    height: 100%;
    font-weight: bold;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc .title-more .title span {
    font-weight: normal;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc .way-desc {
    background-color: #EFEFF4;
    padding: 15px 5%;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc .way-desc div {
    color: #000000;
    margin-top: 5px;
    font-size: 15px;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc .way-desc div:first-child {
    margin-top: 0;
}

.connection .trafficGuide .detailsPage .trafficGuide-list .trafficGuide-desc:first-child {
    margin-top: 0 !important;
}

.connection .trafficGuide .detailsPage .code {
    background-color: #E1E2E7;
    text-align: center;
    padding: 30px 0;
}

.connection .trafficGuide .detailsPage .code .img-cover {
    display: inline-block;
    width: 20%;
    margin-right: 5%;
}

.connection .trafficGuide .detailsPage .code .img-cover img {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.connection .trafficGuide .detailsPage .code .img-cover span.text {
    color: #8E8E93;
    font-size: 14px;
}

.connection .connectionUs .detailsPage .img-cover {
    width: 100%;
}

.connection .connectionUs .detailsPage .img-cover img {
    width: 100%;
}

.connection .connectionUs .detailsPage .panel-group {
    margin: 0;
    padding: 0;
}

.connection .connectionUs .detailsPage .panel-group .panel {
    border-radius: 0;
    border: 0;
    margin-top: 6px;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading {
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    border-radius: 0;
    padding: 15px 5%;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a .name {
    display: table-cell;
    width: 50%;
    color: #0067b8;
    font-size: 16px;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a .action {
    display: table-cell;
    width: 50%;
    text-align: right;
    color: #8E8E93;
    font-size: 15px;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a .action .down {
    display: inline-block;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a .action .right {
    display: none;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a .action .icon {
    font-size: 14px;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a.collapsed .name {
    color: #000000;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a.collapsed .action .down {
    display: none;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-heading a.collapsed .action .right {
    display: inline-block;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-collapse .panel-body {
    border-top: none;
    border-bottom: 1px solid #e1e2e7;
    padding: 30px 5%;
}

.connection .connectionUs .detailsPage .panel-group .panel .panel-collapse .panel-body p {
    font-size: 14px;
    color: #000000;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
}

.connection .connectionUs .detailsPage .panel-group .panel:first-child {
    margin-top: 0;
}

.connection .visitReservation .detailsPage .img-cover {
    width: 100%;
}

.connection .visitReservation .detailsPage .img-cover img {
    width: 100%;
}

.connection .visitReservation .detailsPage .appointment {
    background-color: #ffffff;
    padding: 30px 5%;
}

.connection .visitReservation .detailsPage .appointment .appointment-title {
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: bolder;
}

.connection .visitReservation .detailsPage .appointment .appointment-time {
    text-align: center;
    color: #8E8E93;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.connection .visitReservation .detailsPage .appointment input,
.connection .visitReservation .detailsPage .appointment textarea {
    background-color: transparent;
    outline: none;
    border: none;
    padding: 6px 0;
    font-size: 15px;
    color: #000000;
}

.connection .visitReservation .detailsPage .appointment div.title {
    background-color: #fff0f0;
    margin: 0 auto 15px auto;
    padding: 6px 0;
    width: 100%;
    font-weight: bolder;
    text-align: center;
    font-size: 16px;
}

.connection .visitReservation .detailsPage .appointment div.input {
    background-color: #f4f4f6;
    width: 100%;
    margin: 0 auto 15px auto;
    padding: 0;
    color: #000000;
    border: 1px solid #c9c8cd;
    text-indent: 15px;
}

.connection .visitReservation .detailsPage .appointment div.input input {
    width: 100%;
}

.connection .visitReservation .detailsPage .appointment div.must-input {
    background-color: #f4f4f6;
    width: 100%;
    margin: 0 auto 15px auto;
    padding: 0;
    color: #000000;
    border: 1px solid #c9c8cd;
    text-indent: 0;
}

.connection .visitReservation .detailsPage .appointment div.must-input span.must {
    display: inline-block;
    width: 15px;
    color: #0067b8;
    font-size: 16px;
    vertical-align: middle;
}

.connection .visitReservation .detailsPage .appointment div.must-input input {
    width: 90%;
}

.connection .visitReservation .detailsPage .appointment div.peopleNum {
    background-color: #f4f4f6;
    width: 100%;
    margin: 0 auto 15px auto;
    padding: 0;
    border: 1px solid #c9c8cd;
    text-indent: 0;
    font-size: 15px;
}

.connection .visitReservation .detailsPage .appointment div.peopleNum span.must {
    display: inline-block;
    width: 15px;
    color: #0067b8;
    font-size: 16px;
    vertical-align: middle;
}

.connection .visitReservation .detailsPage .appointment div.peopleNum label {
    display: inline-block;
    width: 20px;
    color: #8E8E93;
}

.connection .visitReservation .detailsPage .appointment div.peopleNum span.icon {
    display: inline-block;
    width: 10px;
    color: #8E8E93;
}

.connection .visitReservation .detailsPage .appointment div.peopleNum input {
    width: 30%;
    text-align: right;
}

.connection .visitReservation .detailsPage .appointment div.must-radio {
    background-color: #f4f4f6;
    width: 100%;
    margin: 0 auto 15px auto;
    color: #000000;
    border: 1px solid #c9c8cd;
    text-indent: 0;
    padding: 3px 0 0 0;
}

.connection .visitReservation .detailsPage .appointment div.must-radio span.must {
    display: inline-block;
    width: 15px;
    color: #0067b8;
    font-size: 16px;
    vertical-align: middle;
}

.connection .visitReservation .detailsPage .appointment div.must-radio label {
    display: inline-block;
    width: auto;
    color: #8E8E93;
    vertical-align: middle;
    font-weight: normal;
}

.connection .visitReservation .detailsPage .appointment div.textarea {
    background-color: #f4f4f6;
    width: 100%;
    margin: 0 auto 15px auto;
    color: #000000;
    border: 1px solid #c9c8cd;
    text-indent: 0;
    padding-left: 15px;
}

.connection .visitReservation .detailsPage .appointment div.verifycode {
    text-align: left;
}

.connection .visitReservation .detailsPage .appointment div.verifycode div.must-input {
    width: 50%;
    display: inline-block;
}

.connection .visitReservation .detailsPage .appointment div.verifycode div.must-input input {
    width: 70%;
    display: inline-block;
}

.connection .visitReservation .detailsPage .appointment div.verifycode a {
    color: #000000;
    font-size: 14px;
}

.connection .visitReservation .detailsPage .appointment div.buttons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 15px 0;
}

.connection .visitReservation .detailsPage .appointment div.buttons button {
    width: auto;
    padding: 5px 25px;
    border-radius: 10px;
}

.connection .visitReservation .detailsPage .appointment div.buttons button.reset {
    background-color: #EFEFF4;
    color: #000000;
    border: 1px solid #c9c8cd;
}

.connection .visitReservation .detailsPage .appointment div.buttons button.submit {
    border: 1px solid #0067b8;
    background-color: #0067b8;
    color: #ffffff;
}

.newMediaCenter .newMediaCenter-search {
    background-color: #ffffff;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    padding: 10px 5%;
}

.newMediaCenter .newMediaCenter-search div.form {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.newMediaCenter .newMediaCenter-search div.form div.input {
    width: auto;
    display: table-cell;
    vertical-align: middle;
}

.newMediaCenter .newMediaCenter-search div.form div.input input {
    width: 100%;
    background-color: #EFEFF4;
    border: 1px solid #dfdfe2;
    outline: none;
    font-size: 15px;
    color: #c6c6cb;
    padding: 5px 15px 5px 15px;
    border-radius: 15px;
    overflow: hidden;
}

.newMediaCenter .newMediaCenter-search div.form div.button {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
    text-align: center;
}

.newMediaCenter .newMediaCenter-search div.form div.button button {
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
    background-color: transparent;
}

.newMediaCenter .newMediaCenter-search div.form div.button button span {
    font-size: 25px;
    color: #c6c6cb;
}

.newMediaCenter .clientPage-header {
    background-color: #f5f5f7;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px 5%;
    position: relative;
}

.newMediaCenter .clientPage-header .logo {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
}

.newMediaCenter .clientPage-header .logo .img-cover {
    width: 60px;
    padding-bottom: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.newMediaCenter .clientPage-header .logo .img-cover img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.newMediaCenter .clientPage-header .info {
    display: table-cell;
    width: auto;
    padding-left: 10px;
    vertical-align: middle;
}

.newMediaCenter .clientPage-header .info .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 17px;
    color: #000000;
    font-weight: bold;
}

.newMediaCenter .clientPage-header .info .desc {
    font-size: 14px;
    color: #8E8E93;
    margin-top: 1px;
}

.newMediaCenter .clientPage-header .back {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 35px;
    height: 35px;
}

.newMediaCenter .clientPage-header .back .svg {
    width: 100%;
    height: 100%;
}

.newMediaCenter .channelPage-share {
    background-color: #EFEFF4;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 5%;
}

.newMediaCenter .channelPage-share .title {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    text-align: center;
}

.newMediaCenter .channelPage-share .title button {
    outline: none;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #0067b8;
    background-color: #0067b8;
    color: #ffffff;
    padding: 5px 20px;
    font-size: 15px;
}

.newMediaCenter .channelPage-share .share {
    width: 50px;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.newMediaCenter .channelPage-share .share a span {
    color: #e1e2e7;
    font-size: 15px;
}

.newMediaCenter .channelPage-share .share a span.icon {
    font-size: 14px;
}

.newMediaCenter .channelPage-desc {
    padding: 25px 5%;
    background-color: #ffffff;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .channelPage-desc .title {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.newMediaCenter .channelPage-desc .desc {
    margin-top: 15px;
    text-indent: 2rem;
    color: #000000;
    font-size: 15px;
    line-height: 23px;
}

.newMediaCenter .channelPage-disclaimer {
    background-color: #EFEFF4;
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .channelPage-disclaimer .header {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 5%;
}

.newMediaCenter .channelPage-disclaimer .header .title {
    display: table-cell;
    width: auto;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.newMediaCenter .channelPage-disclaimer .header .arrow {
    display: table-cell;
    width: 60px;
}

.newMediaCenter .channelPage-disclaimer .header .arrow span {
    color: #0067b8;
    font-size: 13px;
}

.newMediaCenter .channelPage-disclaimer .header .arrow span.icon {
    font-size: 14px;
}

.newMediaCenter .channelPage-disclaimer .header .arrow span.right {
    display: none;
}

.newMediaCenter .channelPage-disclaimer .header .arrow span.down {
    display: inline-block;
}

.newMediaCenter .channelPage-disclaimer .body {
    display: block;
    border-top: 1px solid #e1e2e7;
    padding: 15px 5%;
    color: #8E8E93;
    font-size: 15px;
    line-height: 23px;
    text-indent: 2rem;
    background-color: #FFFFFF;
}

.newMediaCenter .channelPage-disclaimer .collapsed .arrow span.right {
    display: inline-block;
}

.newMediaCenter .channelPage-disclaimer .collapsed .arrow span.down {
    display: none;
}

.newMediaCenter .newMediaCenter-channel .list .item,
.newMediaCenter .clientPage .list .item {
    background-color: #ffffff;
    margin-top: 15px;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    padding-top: 15px;
}

.newMediaCenter .newMediaCenter-channel .list .item .update,
.newMediaCenter .clientPage .list .item .update {
    background-color: #ffffff;
    display: table;
    table-layout: fixed;
    padding: 15px 5%;
    width: 100%;
}

.newMediaCenter .newMediaCenter-channel .list .item .update .title,
.newMediaCenter .clientPage .list .item .update .title {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    text-align: center;
}

.newMediaCenter .newMediaCenter-channel .list .item .update .title span,
.newMediaCenter .clientPage .list .item .update .title span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #0067b8;
    border-radius: 5px;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
}

.newMediaCenter .newMediaCenter-channel .list .item .update .desc,
.newMediaCenter .clientPage .list .item .update .desc {
    display: table-cell;
    width: auto;
    padding-left: 10px;
}

.newMediaCenter .newMediaCenter-channel .list .item .update .desc .desc-title,
.newMediaCenter .clientPage .list .item .update .desc .desc-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #000000;
    font-size: 16px;
}

.newMediaCenter .newMediaCenter-channel .list .item .update .desc .res-read,
.newMediaCenter .clientPage .list .item .update .desc .res-read {
    overflow: inherit;
}

.newMediaCenter .newMediaCenter-channel .list .item .update .desc .res-read span,
.newMediaCenter .clientPage .list .item .update .desc .res-read span {
    font-size: 14px;
    color: #8E8E93;
}

.newMediaCenter .newMediaCenter-channel .list .item .swiper-pagination,
.newMediaCenter .clientPage .list .item .swiper-pagination {
    bottom: 100px;
}

.newMediaCenter .newMediaCenter-channel .list .pictures .pictures-banner,
.newMediaCenter .clientPage .list .pictures .pictures-banner {
    width: 100%;
    overflow: hidden;
}

.newMediaCenter .newMediaCenter-channel .list .pictures .pictures-banner img,
.newMediaCenter .clientPage .list .pictures .pictures-banner img {
    width: 100%;
}

.newMediaCenter .newMediaCenter-channel .list .pictures .pictures-banner .cover-img,
.newMediaCenter .clientPage .list .pictures .pictures-banner .cover-img {
    width: 90%;
    margin: 0 auto;
}

.newMediaCenter .newMediaCenter-channel .list .videos .video-content,
.newMediaCenter .clientPage .list .videos .video-content {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.newMediaCenter .newMediaCenter-channel .list .videos .video-content .video-cover,
.newMediaCenter .clientPage .list .videos .video-content .video-cover {
    background-color: rgba(0, 0, 0, 0.68);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.5s;
    opacity: 1;
}

.newMediaCenter .newMediaCenter-channel .list .videos .video-content .video-cover span,
.newMediaCenter .clientPage .list .videos .video-content .video-cover span {
    color: #ffffff;
    font-size: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    margin-top: -0.7em;
    margin-left: -0.7em;
}

.newMediaCenter .newMediaCenter-channel .list .videos .video-content .video-cover span.icon-ihome-84 {
    display: none;
}

.newMediaCenter .newMediaCenter-channel .list .videos .video-content .play,
.newMediaCenter .clientPage .list .videos .video-content .play {
    opacity: 0;
}

.newMediaCenter .newMediaCenter-channel .list .publications,
.newMediaCenter .clientPage .list .publications {
    background-color: #c6c6cb;
    padding-top: 30px;
}

.newMediaCenter .newMediaCenter-channel .list .publications .publications-banner,
.newMediaCenter .clientPage .list .publications .publications-banner {
    width: 100%;
    overflow: hidden;
}

.newMediaCenter .newMediaCenter-channel .list .publications .publications-banner .swiper-slide img,
.newMediaCenter .clientPage .list .publications .publications-banner .swiper-slide img {
    width: 30%;
    margin: 0 auto;
    display: block;
}

.newMediaCenter .newMediaCenter-channel .list .publications .publications-banner .swiper-slide img.bookshft,
.newMediaCenter .clientPage .list .publications .publications-banner .swiper-slide img.bookshft {
    width: 40%;
    margin: 0 auto;
}

.newMediaCenter .newMediaCenter-channel .list .publications .publications-banner .swiper-slide .cover-img,
.newMediaCenter .clientPage .list .publications .publications-banner .swiper-slide .cover-img {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.newMediaCenter .newMediaCenter-channel .list .vrTubes .vrTubes-banner,
.newMediaCenter .clientPage .list .vrTubes .vrTubes-banner {
    width: 100%;
    overflow: hidden;
}

.newMediaCenter .newMediaCenter-channel .list .vrTubes .vrTubes-banner img,
.newMediaCenter .clientPage .list .vrTubes .vrTubes-banner img {
    width: 100%;
}

.newMediaCenter .newMediaCenter-channel .clientPage-bottom,
.newMediaCenter .photograph .clientPage-bottom,
.newMediaCenter .clientPage .clientPage-bottom {
    background-color: #eeeef3;
    color: #8E8E93;
    text-align: center;
    padding: 10px 0 20px 0;
    font-size: 14px;
    display: none;
}

.newMediaCenter .VRPavilion {
    margin-top: 0;
}

.newMediaCenter .VRPavilion .columnPage .tab-pane .grid {
    margin-top: 0;
}

.newMediaCenter .VRPavilion .columnPage .tab-pane .grid td a .info .title-desc .title {
    font-weight: normal;
}

.newMediaCenter .VRPavilion .columnPage .tab-pane .grid tr:first-child td {
    border-top: none;
}

.newMediaCenter .VRPavilion .channel .VRPavilion-banner {
    width: 100%;
    overflow: hidden;
}

.newMediaCenter .VRPavilion .channel .VRPavilion-banner .VRPavilion-banner-container {
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .VRPavilion .channel .VRPavilion-banner .VRPavilion-banner-container img {
    width: 100%;
}

.newMediaCenter .VRPavilion .channel .VRPavilion-banner .VRPavilion-banner-container .article {
    border: none;
    padding: 10px 5%;
}

.newMediaCenter .VRPavilion .channel .VRPavilion-banner .VRPavilion-banner-container .article .title {
    text-align: left;
    font-size: 16px;
}

.newMediaCenter .VRPavilion .channel .VRPavilion-banner .VRPavilion-banner-container .article .resource-read {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    margin-top: 5px;
}

.newMediaCenter .VRPavilion .channel .VRPavilion-banner .VRPavilion-banner-container .article .resource-read span {
    font-size: 14px;
    text-align: left;
}

.newMediaCenter .VRPavilion .channel .VRPavilion-banner .VRPavilion-banner-container .article .resource-read .resource {
    margin: 0;
    text-align: left;
    padding: 0;
    text-indent: 0;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details img {
    width: 100%;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info {
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .header {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 5%;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .header .title {
    display: table-cell;
    width: auto;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .header .arrow {
    display: table-cell;
    width: 60px;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .header .arrow span {
    color: #0067b8;
    font-size: 15px;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .header .arrow span.icon {
    font-size: 14px;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .header .arrow span.right {
    display: none;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .header .arrow span.down {
    display: inline-block;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .body {
    display: block;
    border-top: 1px solid #e1e2e7;
    padding: 15px 5%;
    color: #8E8E93;
    font-size: 15px;
    line-height: 23px;
    text-indent: 2rem;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .collapsed .arrow span.right {
    display: inline-block;
}

.newMediaCenter .VRPavilion .detailsPage .VRPavilion-details .details-info .collapsed .arrow span.down {
    display: none;
}

.newMediaCenter .VRPavilion .detailsPage .read-fabulous-comment {
    margin-top: 0;
    border-top: none;
}

.newMediaCenter .VRPavilion .detailsPage .comment {
    margin-top: 0;
}

.newMediaCenter .VRPavilion .detailsPage .comment .comment-header {
    margin-top: 0;
}

.newMediaCenter .publicationPage .columnPage .grid .img {
    padding: 20px 0 20px 0;
    background-color: #E1E2E7;
}

.newMediaCenter .publicationPage .columnPage .grid .img img {
    margin: 0 auto;
    width: 60%;
    display: block;
}

.newMediaCenter .publicationPage .columnPage .grid .img img.bookshft {
    width: 92%;
    margin: -4px auto 0 auto;
    display: block;
}

.newMediaCenter .publicationPage .columnPage .grid .info .title-desc .title {
    font-weight: normal;
}

.newMediaCenter .publicationPage .columnPage .grid .info .view-zan .zan {
    text-align: left;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner {
    width: 100%;
    overflow: hidden;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container {
    border-bottom: 1px solid #e1e2e7;
    position: relative;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .swiper-pagination {
    bottom: 70px;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .img-cover {
    padding: 20px 0 20px 0;
    background-color: #E1E2E7;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .img-cover img {
    margin: 0 auto;
    width: 40%;
    display: block;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .img-cover img.bookshft {
    width: 60%;
    margin: -4px auto 0 auto;
    display: block;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .article {
    border: none;
    padding: 10px 5%;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .article .title {
    text-align: left;
    font-size: 16px;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .article .resource-read {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    margin-top: 5px;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .article .resource-read span {
    font-size: 14px;
    text-align: left;
}

.newMediaCenter .publicationPage .channel .publicationPage-banner .publicationPage-banner-container .article .resource-read .resource {
    margin: 0;
    text-align: left;
    padding: 0;
    text-indent: 0;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .img-cover {
    padding: 20px 0 20px 0;
    background-color: #E1E2E7;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .img-cover img {
    margin: 0 auto;
    width: 40%;
    display: block;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .img-cover img.bookshft {
    width: 60%;
    margin: -4px auto 0 auto;
    display: block;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info {
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .header {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 5%;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .header .title {
    display: table-cell;
    width: auto;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .header .arrow {
    display: table-cell;
    width: 60px;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .header .arrow span {
    color: #0067b8;
    font-size: 15px;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .header .arrow span.icon {
    font-size: 14px;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .header .arrow span.right {
    display: none;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .header .arrow span.down {
    display: inline-block;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .body {
    display: block;
    border-top: 1px solid #e1e2e7;
    padding: 15px 5%;
    color: #8E8E93;
    font-size: 15px;
    line-height: 23px;
    text-indent: 2rem;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .collapsed .arrow span.right {
    display: inline-block;
}

.newMediaCenter .publicationPage .detailsPage .publicationPage-details .details-info .collapsed .arrow span.down {
    display: none;
}

.newMediaCenter .publicationPage .detailsPage .read-fabulous-comment {
    margin-top: 0;
    border-top: none;
}

.newMediaCenter .publicationPage .detailsPage .comment {
    margin-top: 0;
}

.newMediaCenter .publicationPage .detailsPage .comment .comment-header {
    margin-top: 0;
}

.newMediaCenter .customerPictures .channel .customerPictures-details {
    background-color: #ffffff;
}

.newMediaCenter .customerPictures .channel .customerPictures-details img {
    width: 100%;
}

.newMediaCenter .customerPictures .channel .customerPictures-details .title {
    font-size: 16px;
    color: #000000;
    padding: 10px 5% 5px 5%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newMediaCenter .customerPictures .channel .customerPictures-details .resource-read {
    border: none;
    padding: 0 5% 10px 5%;
    text-align: left;
}

.newMediaCenter .customerPictures .channel .customerPictures-details .resource-read span {
    font-size: 14px;
    text-align: left;
}

.newMediaCenter .customerPictures .channel .customerPictures-details .resource-read .resource {
    margin: 0;
    text-align: left;
    padding: 0;
    text-indent: 0;
}

.newMediaCenter .customerPictures-code,
.newMediaCenter .customerPictures .channel .customerPictures-code {
    background-color: #ffffff;
    padding: 20px 5%;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .customerPictures-code .code,
.newMediaCenter .customerPictures .channel .customerPictures-code .code {
    width: 40%;
    display: table-cell;
    vertical-align: top;
}

.newMediaCenter .customerPictures-code .code img,
.newMediaCenter .customerPictures .channel .customerPictures-code .code img {
    width: 90%;
}

.newMediaCenter .customerPictures-code .info,
.newMediaCenter .customerPictures .channel .customerPictures-code .info {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    padding-left: 10px;
}

.newMediaCenter .customerPictures-code .info .title,
.newMediaCenter .customerPictures .channel .customerPictures-code .info .title {
    font-size: 14px;
    color: #000000;
}

.newMediaCenter .customerPictures-code .info .line,
.newMediaCenter .customerPictures .channel .customerPictures-code .info .line {
    width: 80px;
    height: 4px;
    margin-top: 5px;
    background-color: #000000;
}

.newMediaCenter .customerPictures-code .code,
.newMediaCenter .customerPictures .channel .customerPictures-code .info .code-tip {
    font-size: 14px;
    color: #000000;
    margin-top: 10px;
}

.newMediaCenter .customerPictures-code .info .big-title,
.newMediaCenter .customerPictures .channel .customerPictures-code .info .big-title {
    font-size: 20px;
    color: #000000;
    margin-top: 5px;
    font-weight: bolder;
}

.newMediaCenter .clientPage-bottom,
.newMediaCenter .customerPictures .channel .clientPage-bottom {
    background-color: #eeeef3;
    color: #8E8E93;
    text-align: center;
    padding: 10px 0 20px 0;
    font-size: 14px;
}

.newMediaCenter .palyVideo .columnPage .grid tr td .video-content {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.newMediaCenter .palyVideo .columnPage .grid tr td .info {
    width: 90%;
    margin: 0 auto;
}

.newMediaCenter .palyVideo .columnPage .grid tr td .video-content .vjs-big-play-button {
    height: 1em;
    width: 1em;
    border-radius: 50%;
    line-height: 0.9em;
    margin: 0;
    font-size: 2rem;
    top: 30%;
    left: 40%;
    display: none;
}

.newMediaCenter .palyVideo .columnPage .grid tr td .video-content .video-cover {
    background-color: rgba(0, 0, 0, 0.68);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.5s;
    opacity: 1;
}

.newMediaCenter .palyVideo .columnPage .grid tr td .video-content .video-cover span {
    color: #ffffff;
    font-size: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    margin-top: -0.7em;
    margin-left: -0.7em;
}

.newMediaCenter .palyVideo .columnPage .grid tr td .video-content .play {
    opacity: 0;
}

.newMediaCenter .palyVideo .columnPage .grid tr td .info .title-desc .title {
    font-weight: normal;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner {
    width: 100%;
    overflow: hidden;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container {
    border-bottom: 1px solid #e1e2e7;
    position: relative;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .swiper-pagination {
    bottom: 90px;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .img-cover {
    background-color: #E1E2E7;
    position: relative;
    padding: 15px 0;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .img-cover img {
    margin: 0 auto;
    width: 50%;
    display: block;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .img-cover img.bookshft {
    margin: 0 auto;
    width: 45%;
    display: block;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .img-cover .video-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .img-cover .video-cover .cell {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .img-cover .video-cover .cell span {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    color: #ffffff;
    font-size: 30px;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .img-cover {
    padding: 3;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .img-cover img {
    width: 35%;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .article {
    border: none;
    padding: 10px 5%;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .article .title {
    text-align: left;
    font-size: 16px;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .article .resource-read {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    margin-top: 5px;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .article .resource-read span {
    font-size: 13px;
    text-align: left;
}

.newMediaCenter .palyVideo .channel .palyVideo-banner .palyVideo-banner-container .article .resource-read .resource {
    margin: 0;
    text-align: left;
    padding: 0;
    text-indent: 0;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .video-content {
    position: relative;
    width: 100%;
    margin: 0;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .video-content .video-cover {
    background-color: rgba(0, 0, 0, 0.68);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.5s;
    opacity: 1;
    display: none;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .video-content .video-cover span {
    color: #ffffff;
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    margin-top: -0.7em;
    margin-left: -0.7em;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .video-content .play {
    opacity: 0;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info {
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .header {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 5%;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .header .title {
    display: table-cell;
    width: auto;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .header .arrow {
    display: table-cell;
    width: 60px;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .header .arrow span {
    color: #0067b8;
    font-size: 15px;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .header .arrow span.icon {
    font-size: 14px;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .header .arrow span.right {
    display: none;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .header .arrow span.down {
    display: inline-block;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .body {
    display: block;
    border-top: 1px solid #e1e2e7;
    padding: 15px 5%;
    color: #8E8E93;
    font-size: 15px;
    line-height: 23px;
    text-indent: 2rem;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .collapsed .arrow span.right {
    display: inline-block;
}

.newMediaCenter .palyVideo .detailsPage .palyVideo-details .details-info .collapsed .arrow span.down {
    display: none;
}

.newMediaCenter .palyVideo .detailsPage .companyInformation {
    background-color: #ffffff;
    margin-top: 6px;
    padding: 30px 5%;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .palyVideo .detailsPage .companyInformation .p {
    margin-top: 5px;
    font-size: 14px;
    color: #000000;
}

.newMediaCenter .palyVideo .detailsPage .read-fabulous-comment {
    margin-top: 0;
    border-top: none;
}

.newMediaCenter .palyVideo .detailsPage .comment .comment-header {
    margin-top: 0;
}

.newMediaCenter .photograph .columnPage .tab-pane .grid td a .info .title-desc .title {
    font-weight: normal;
}

.newMediaCenter .photograph .channel .photograph-banner {
    width: 100%;
    overflow: hidden;
}

.newMediaCenter .photograph .channel .photograph-banner .photograph-banner-container {
    border-bottom: 1px solid #e1e2e7;
}

.newMediaCenter .photograph .channel .photograph-banner .photograph-banner-container img {
    width: 100%;
}

.newMediaCenter .photograph .channel .photograph-banner .photograph-banner-container .article {
    border: none;
    padding: 10px 5%;
}

.newMediaCenter .photograph .channel .photograph-banner .photograph-banner-container .article .title {
    text-align: left;
    font-size: 16px;
}

.newMediaCenter .photograph .channel .photograph-banner .photograph-banner-container .article .resource-read {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    margin-top: 5px;
}

.newMediaCenter .photograph .channel .photograph-banner .photograph-banner-container .article .resource-read span {
    font-size: 13px;
    text-align: left;
}

.newMediaCenter .photograph .channel .photograph-banner .photograph-banner-container .article .resource-read .resource {
    margin: 0;
    text-align: left;
    padding: 0;
    text-indent: 0;
}

.newMediaCenter .photograph .detailsPage .article {
    background-color: #ffffff;
    padding: 30px 5%;
}

.newMediaCenter .photograph .detailsPage .read-fabulous-comment {
    margin-top: 0;
    border-top: none;
}

.newMediaCenter .photograph .detailsPage .comment {
    margin-top: 0;
}

.newMediaCenter .photograph .detailsPage .comment .comment-header {
    margin-top: 0;
}

.servicesAndSupport .big-img {
    width: 100%;
}

.servicesAndSupport .big-img img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.servicesAndSupport .channel .picture {
    margin-top: 6px;
    background-color: #ffffff;
    padding: 15px 5%;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.servicesAndSupport .channel .picture .img {
    width: 100%;
}

.servicesAndSupport .channel .picture .img img {
    width: 100%;
}

.servicesAndSupport .channel .picture .info {
    padding: 10px 0 0 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.servicesAndSupport .channel .picture .info .title {
    display: table-cell;
    width: auto;
    color: #000000;
    font-size: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.servicesAndSupport .channel .picture .info .more {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
    text-align: right;
}

.servicesAndSupport .channel .picture .info .more a {
    display: inline-block;
    vertical-align: middle;
}

.servicesAndSupport .channel .picture .info .more a span.circle {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50% 50%;
    background-color: #E1E2E7;
}

.servicesAndSupport .channel .picture .info .more a span.right {
    display: inline-block;
    color: #E1E2E7;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.servicesAndSupport .channel .grid tr td .info a .title {
    font-weight: normal;
}

.servicesAndSupport .qualityServiceCommitment .img-title {
    background-color: #ffffff;
    border-bottom: 1px solid #e1e2e7;
}

.servicesAndSupport .qualityServiceCommitment .img-title img {
    width: 100%;
}

.servicesAndSupport .qualityServiceCommitment .img-title .content {
    padding: 15px 5%;
}

.servicesAndSupport .qualityServiceCommitment .img-title .content .h1 {
    font-size: 20px;
    color: #000000;
    font-weight: bolder;
    margin: 0;
    padding: 0;
}

.servicesAndSupport .qualityServiceCommitment .img-title .content .p {
    margin-top: 10px;
    font-size: 15px;
    color: #000000;
}

.servicesAndSupport .qualityServiceCommitment .desc {
    margin-top: 6px;
    padding: 15px 5%;
    border-top: 1px solid #e1e2e7;
    background-color: #ffffff;
}

.servicesAndSupport .qualityServiceCommitment .read-fabulous-comment {
    margin-top: 0;
}

.servicesAndSupport .qualityServiceCommitment .comment .comment-header {
    margin-top: 0;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .img-cover {
    width: 100%;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .img-cover img {
    width: 100%;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .typeModule .typeModule-body .triangle_border_up {
    margin-left: 50%;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .list .item {
    background-color: #ffffff;
    margin-top: 6px;
    padding: 0 5%;
    border-bottom: 1px solid #e1e2e7;
    border-top: 1px solid #e1e2e7;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .list .item a {
    padding: 10px 0;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .list .item a i {
    color: #0067b8;
    font-size: 16px;
    vertical-align: top;
    display: table-cell;
    width: 20px;
    padding-top: 2px;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .list .item a span {
    color: #000000;
    font-size: 15px;
    vertical-align: top;
    display: table-cell;
    width: auto;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .list .item .answer {
    border-top: 1px solid #e1e2e7;
    padding: 10px 0;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 25px;
    text-indent: 2rem;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .list .item .answer p {
    text-indent: 0 !important;
}

.servicesAndSupport .commonProblemFAQ .detailsPage .list .item .answer p img {
    margin-top: 10px;
}

.servicesAndSupport .fileDownload .detailsPage .img-cover {
    width: 100%;
}

.servicesAndSupport .fileDownload .detailsPage .img-cover img {
    width: 100%;
}

.servicesAndSupport .fileDownload .detailsPage .typeModule .typeModule-body .triangle_border_up {
    margin-left: 50%;
}

.servicesAndSupport .fileDownload .detailsPage .list .item {
    background-color: #ffffff;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    margin-top: 6px;
    padding: 15px 5%;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a .info {
    display: table-cell;
    width: auto;
    vertical-align: middle;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a .info .job-name {
    color: #000000;
    font-size: 17px;
    font-weight: bolder;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a .info .job-info {
    margin-top: 3px;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a .info .job-info span {
    font-size: 14px;
    color: #e1e2e7;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a .details {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
    color: #0067b8;
    font-size: 16px;
    text-align: right;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a .details span.right {
    display: inline-block;
    width: auto;
    font-size: 14px;
    transform: rotate(90deg);
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a.collapsed .details {
    color: #8E8E93;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .head a.collapsed .details span.right {
    transform: rotate(0deg);
}

.servicesAndSupport .fileDownload .detailsPage .list .item .body .content {
    border-bottom: 1px solid #e1e2e7;
    padding: 40px 5%;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .body .content h1.jh {
    font-weight: bold;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .body .content h1.jh:first-child {
    margin-top: 0;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .body .content div.jd {
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .body .content button {
    background-color: transparent;
    border: 1px solid #0067b8;
    outline: none;
    margin-top: 15px;
    padding: 4px 15px;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .body .content button a {
    color: #0067b8;
    font-size: 15px;
}

.servicesAndSupport .fileDownload .detailsPage .list .item .body .content button a span {
    font-size: 15px;
}

.servicesAndSupport .maintenanceTroubleshooting {
    background-color: #ffffff;
    padding: 30px 5%;
    margin-top: 6px;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.servicesAndSupport .maintenanceTroubleshooting .title {
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: bolder;
}

.servicesAndSupport .maintenanceTroubleshooting .time {
    text-align: center;
    color: #8E8E93;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.servicesAndSupport .maintenanceTroubleshooting .btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 15px 0;
}

.servicesAndSupport .maintenanceTroubleshooting .btn button {
    width: auto;
    padding: 5px 25px;
    border-radius: 10px;
}

.servicesAndSupport .maintenanceTroubleshooting .btn button.reset {
    background-color: #EFEFF4;
    color: #000000;
    border: 1px solid #c9c8cd;
}

.servicesAndSupport .maintenanceTroubleshooting .btn button.submit {
    border: 1px solid #0067b8;
    background-color: #0067b8;
    color: #ffffff;
}

.servicesAndSupport .maintenanceTroubleshooting .input {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
}

.servicesAndSupport .maintenanceTroubleshooting .input .input-title {
    display: table-cell;
    width: 100px;
}

.servicesAndSupport .maintenanceTroubleshooting .input .input-title .must-input {
    display: inline-block;
    width: 10px;
    color: #0067b8;
    font-size: 14px;
}

.servicesAndSupport .maintenanceTroubleshooting .input .input-title .name {
    font-size: 15px;
    color: #000000;
}

.servicesAndSupport .maintenanceTroubleshooting .input .input-content {
    display: table-cell;
    width: auto;
}

.servicesAndSupport .maintenanceTroubleshooting .input .input-content input,
.servicesAndSupport .maintenanceTroubleshooting .input .input-content textarea {
    width: 100%;
    background-color: #f4f4f6;
    outline: none;
    border: 1px solid #e1e2e7;
    padding: 4px 5px;
    font-size: 15px;
    color: #000000;
}

.servicesAndSupport .maintenanceTroubleshooting .input .input-content .code-tip {
    margin-top: 10px;
}

.servicesAndSupport .maintenanceTroubleshooting .input .input-content .code-tip img {
    width: 80px;
    height: 25px;
}

.servicesAndSupport .maintenanceTroubleshooting .input .input-content .code-tip .change {
    color: #8c8c8c;
    font-size: 15px;
}

.servicesAndSupport .complaintsSuggestions .img-title {
    background-color: #ffffff;
    border-bottom: 1px solid #e1e2e7;
}

.servicesAndSupport .complaintsSuggestions .img-title img {
    width: 100%;
}

.servicesAndSupport .complaintsSuggestions .img-title .content {
    padding: 15px 5%;
}

.servicesAndSupport .complaintsSuggestions .img-title .content .h1 {
    font-size: 20px;
    color: #000000;
    margin: 0;
    padding: 0;
    text-align: center;
}

.servicesAndSupport .complaintsSuggestions .img-title .content .p {
    margin-top: 10px;
    font-size: 15px;
    color: #000000;
    line-height: 23px;
    text-indent: 2rem;
}

.servicesAndSupport .complaintsSuggestions .suggestions {
    background-color: #ffffff;
    padding: 30px 5%;
    margin-top: 6px;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group label.control-label {
    font-size: 1rem;
    font-weight: normal;
    color: #4c4c4c;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group label.control-label span {
    color: #0067b8;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group .form-radio {
    margin-top: 0.5rem;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group .form-radio label.radio-inline {
    display: block;
    margin: 0;
    font-size: 1rem;
    font-weight: normal;
    color: #4c4c4c;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group .form-radio label.radio-inline:first-child {
    margin-bottom: 0.5rem;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group input.form-control,
.servicesAndSupport .complaintsSuggestions .suggestions .form-group textarea.form-control,
.servicesAndSupport .complaintsSuggestions .suggestions .form-group select.form-control {
    font-size: 1rem;
    font-weight: normal;
    color: #4c4c4c;
    outline: none;
    border: 1px solid #e1e2e7;
    background-color: #f4f4f6;
    border-radius: 0;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group select.form-control {
    line-height: 20px;
    height: auto;
    padding: 3px 12px 9px 12px;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group .inputCode input.form-control {
    width: 40%;
    display: inline-block;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group .inputCode img {
    display: inline-block;
    width: 80px;
    height: 35px;
}

.servicesAndSupport .complaintsSuggestions .suggestions .form-group .inputCode a {
    color: #848484;
    font-size: 0.8rem;
}

.servicesAndSupport .complaintsSuggestions .suggestions .btn {
    text-align: center;
    display: block;
    width: 100%;
}

.servicesAndSupport .complaintsSuggestions .suggestions .btn button {
    background-color: #0067b8;
    color: #ffffff;
    border-radius: 1.5rem;
    padding: 0.5rem 3rem;
    overflow: hidden;
    border: none;
    outline: none;
    display: inline-block;
    font-size: 1rem;
}

.servicesAndSupport .jointVenture .detailsPage .img-cover {
    width: 100%;
}

.servicesAndSupport .jointVenture .detailsPage .img-cover img {
    width: 100%;
}

.servicesAndSupport .jointVenture .detailsPage .typeModule .typeModule-body .triangle_border_up {
    margin-left: 50%;
}

.servicesAndSupport .jointVenture .detailsPage .article {
    margin-top: 6px;
    padding: 30px 5%;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-img {
    width: 100%;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-img img {
    width: 100%;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-search {
    background-color: #ffffff;
    border-bottom: 1px solid #e1e2e7;
    padding-bottom: 20px;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-search .title-more {
    border: none;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-search .body .input {
    background-color: #e0e1e6;
    width: 90%;
    margin: 0 auto;
    padding: 5px 10px;
    border-radius: 10px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-search .body .input button {
    background-color: transparent;
    border: none;
    outline: none;
    display: table-cell;
    width: 20px;
    text-align: center;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-search .body .input button span {
    color: #8e8e8e;
    font-size: 15px;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-search .body .input input {
    background-color: transparent;
    border: none;
    outline: none;
    color: #8e8e8e;
    font-size: 15px;
    display: table-cell;
    width: 80%;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-type .title-more {
    background-color: #eeeef3;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-type .body .nav-tabs {
    border-top: none;
    border-bottom: 1px solid #e1e2e7;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-type .body .nav-tabs li {
    width: 50%;
    border: none;
    background-color: #e0e1e6;
    margin-bottom: 0;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-type .body .nav-tabs li a {
    border-radius: 0;
    border: none;
    text-align: center;
    font-size: 15px;
    color: #8d8d92;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-type .body .nav-tabs li.active {
    background-color: #ffffff;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-type .body .nav-tabs li.active a {
    color: #000000;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-type .body .tab-content .typeModule .typeModule-header {
    background-color: #ffffff;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList {
    background-color: #ffffff;
    border-bottom: 1px solid #e1e2e7;
    border-top: 1px solid #e1e2e7;
    margin-top: 15px;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .header {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 5%;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .header .title {
    display: table-cell;
    width: auto;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .header .arrow {
    display: table-cell;
    width: 60px;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .header .arrow span {
    color: #e1e2e7;
    font-size: 15px;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .header .arrow span.icon {
    font-size: 14px;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .header .arrow span.right {
    display: none;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .header .arrow span.down {
    display: inline-block;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .body {
    display: block;
    border-top: 1px solid #e1e2e7;
    padding: 15px 5%;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .body a {
    color: #8E8E93;
    font-size: 15px;
    line-height: 23px;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .collapsed .arrow span.right {
    display: inline-block;
}

.servicesAndSupport .serviceNetwork .serviceNetwork-authorizedList .collapsed .arrow span.down {
    display: none;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .header {
    background-color: #eeeef3;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 5% 5px 5%;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .header .address {
    width: 40%;
    display: table-cell;
    vertical-align: top;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .header .address span.icon {
    color: #0067b8;
    font-size: 28px;
    vertical-align: middle;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .header .address span.line {
    background-color: #000000;
    width: 1px;
    height: 40px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 5px;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .header .address span.name {
    vertical-align: middle;
    color: #2b2b2b;
    font-weight: bolder;
    font-size: 16px;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .header .tip {
    width: 60%;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    color: #6d6d72;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .body .ul .li {
    background-color: #ffffff;
    margin-top: 6px;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    padding: 20px 5%;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .body .ul .li .h1 {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: bolder;
    margin: 0;
    padding: 0;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .body .ul .li .p {
    color: #4c4c4c;
    font-size: 15px;
    margin-top: 5px;
}

.servicesAndSupport .serviceNetwork .retrievalResultsPage .body .ul .li:first-child {
    margin-top: 0;
}

.journalism .journalism-list .ul .li {
    background-color: #ffffff;
    padding: 15px 5%;
    margin-top: 6px;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
}

.journalism .journalism-list .ul .li .img img {
    width: 100%;
}

.journalism .journalism-list .ul .li .info {
    margin-top: 15px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.journalism .journalism-list .ul .li .info .date {
    width: 25%;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.journalism .journalism-list .ul .li .info .date .date-content {
    background-color: #0067b8;
    padding: 10px 0px;
    border-radius: 5px;
}

.journalism .journalism-list .ul .li .info .date .date-content .day {
    color: #ffffff;
    font-size: 17px;
    font-weight: bolder;
    line-height: 23px;
}

.journalism .journalism-list .ul .li .info .date .date-content .ym {
    color: #ffffff;
    font-size: 15px;
    margin-top: -2px;
}

.journalism .journalism-list .ul .li .info .content {
    display: table-cell;
    width: 75%;
    padding-left: 10px;
}

.journalism .journalism-list .ul .li .info .content .title {
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.journalism .journalism-list .ul .li .info .content .resource-read {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    margin-top: 0;
}

.journalism .journalism-list .ul .li .info .content .resource-read span {
    font-size: 14px;
    text-align: left;
}

.journalism .detailsPage .article {
    background-color: #ffffff;
    margin-top: 6px;
    padding: 30px 5%;
}

.journalism .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.journalism .detailsPage .comment .comment-header {
    margin-top: 0;
}

.journalism .detailsPage .journalism-list .ul .li:first-child {
    margin-top: 0;
    border-top: none;
}

.documentation .channel .caseModule-grid .grid tr td .info .title-desc .title,
.documentation .documentation-menuOpen .caseModule-grid .grid tr td .info .title-desc .title {
    font-weight: normal;
}

.documentation .detailsPage .article {
    background-color: #ffffff;
    margin-top: 6px;
    padding: 30px 5%;
}

.documentation .detailsPage .article .small-title {
    margin-top: 0;
}

.documentation .detailsPage .article .title {
    margin-top: 10px;
}

.documentation .detailsPage .article .small-title {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 24px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
}

.documentation .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.documentation .detailsPage .comment .comment-header {
    margin-top: 0;
}

.documentation .detailsPage .journalism-list .ul .li:first-child {
    margin-top: 0;
    border-top: none;
}

.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide {
    padding-right: 15px;
    margin: 5px 0 0 0;
}

.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide a {
    text-align: center;
    display: inline-block;
    width: auto;
}

.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide a .svg-border {
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide a .svg-border img.svg,
.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide a .svg-border svg {
    width: 100%;
    height: 100%;
    fill: #000000;
}

.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide a span.name {
    color: #000000;
    font-size: 15px;
    font-weight: normal;
}

.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide a.active svg,
.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide a.active .svg {
    fill: #0067b8 !important;
}

.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide-active a span.name {
    color: #000000;
    font-weight: normal;
}

.solutionWay .header-nav .header-nav-container .swiper-wrapper .swiper-slide a.active span {
    color: #0067b8 !important;
}

.solutionWay .channel .grid tr td .info .title-desc .title {
    font-weight: normal;
}

.solutionWay .detailsPage .article {
    background-color: #ffffff;
    margin-top: 6px;
    padding: 30px 5%;
}

.solutionWay .detailsPage .article .small-title {
    margin-top: 0;
}

.solutionWay .detailsPage .article .title {
    margin-top: 10px;
}

.solutionWay .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.solutionWay .detailsPage .comment .comment-header {
    margin-top: 0;
}

.solutionWay .detailsPage .journalism-list .ul .li:first-child {
    margin-top: 0;
    border-top: none;
}

.solutionWay .detailsPage .programmeAbout .programmeAbout-body .grid {
    margin-top: 0;
}

.solutionWay .detailsPage .programmeAbout .programmeAbout-body .grid tr td .info .title-desc .title {
    font-weight: normal;
}

.productModel .productModel-listDesc {
    margin-top: 6px;
}

.productModel .productModel-listDesc .productModel-picture {
    background-color: #ffffff;
    padding: 0 5%;
    border-top: 1px solid #e1e2e7;
}

.productModel .productModel-listDesc .productModel-picture .info {
    padding: 15px 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.productModel .productModel-listDesc .productModel-picture .info .title {
    display: table-cell;
    width: auto;
    color: #000000;
    font-size: 17px;
    font-weight: bolder;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.productModel .productModel-listDesc .productModel-picture .info a {
    display: table-cell;
    width: 60px;
    font-size: 15px;
    color: #8E8E93;
    text-align: right;
    vertical-align: middle;
}

.productModel .productModel-listDesc .productModel-picture .info a span {
    font-size: 14px;
}

.productModel .productModel-listDesc .productModel-picture .img {
    width: 100%;
}

.productModel .productModel-listDesc .productModel-picture .img img {
    width: 100%;
}

.productModel .productModel-listDesc .productModel-picture .productModel-desc {
    padding: 15px 0;
    color: #000000;
    font-size: 16px;
    line-height: 2;
    text-indent: 2rem;
}

.productModel .productModel-listDesc .productModel-grid {
    margin-top: 0;
}

.productModel .productModel-listDesc .title-more:nth-of-type(1) {
    border-top: none;
}

.productModel .productModel-listDesc .title-more:nth-of-type(2) {
    border-top: none;
}

.productModel .productModel-listDesc .title-more:nth-of-type(4) {
    border-top: none;
}

.productModel .productModel-listDesc .title-more:nth-of-type(5) {
    border-top: none;
}

.productModel .productModel-listDesc .title-more:nth-of-type(6) {
    border-top: none;
}

.productModel .classificationPage_one .productModel-listDesc,
.productModel .classificationPage_two .productModel-listDesc,
.productModel .classificationPage_third .productModel-listDesc {
    margin-top: 15px;
    border-top: none;
    border-bottom: 1px solid #e1e2e7;
}

.productModel .classificationPage_one .productModel-listDesc .title-more,
.productModel .classificationPage_two .productModel-listDesc .title-more,
.productModel .classificationPage_third .productModel-listDesc .title-more {
    background-color: #f4f4f6;
}

.productModel .classificationPage_one .productModel-listDesc .title-more .more a span,
.productModel .classificationPage_two .productModel-listDesc .title-more .more a span,
.productModel .classificationPage_third .productModel-listDesc .title-more .more a span {
    color: #e1e2e7;
}

.productModel .classificationPage_one .productModel-listDesc .grid,
.productModel .classificationPage_two .productModel-listDesc .grid,
.productModel .classificationPage_third .productModel-listDesc .grid {
    background-color: transparent;
}

.productModel .classificationPage_one .productModel-listDesc .grid tr td,
.productModel .classificationPage_two .productModel-listDesc .grid tr td,
.productModel .classificationPage_third .productModel-listDesc .grid tr td {
    background-color: #ffffff;
}

.productModel .classificationPage_one .productModel-listDesc .grid tr td .info .title-desc .title,
.productModel .classificationPage_two .productModel-listDesc .grid tr td .info .title-desc .title,
.productModel .classificationPage_third .productModel-listDesc .grid tr td .info .title-desc .title {
    font-weight: normal;
}

.productModel .classificationPage_one .productModel-listDesc .grid tr:first-child td,
.productModel .classificationPage_two .productModel-listDesc .grid tr:first-child td,
.productModel .classificationPage_third .productModel-listDesc .grid tr:first-child td {
    border-top: none;
}

.productModel .classificationPage_one .productModel-listDesc .grid tr:last-child td,
.productModel .classificationPage_two .productModel-listDesc .grid tr:last-child td,
.productModel .classificationPage_third .productModel-listDesc .grid tr:last-child td {
    border-bottom: none;
}

.productModel .classificationPage_one .productModel-listDesc:first-child,
.productModel .classificationPage_two .productModel-listDesc:first-child,
.productModel .classificationPage_third .productModel-listDesc:first-child {
    margin-top: 0;
}

.productModel .detailsPage .article {
    padding: 0;
    margin-top: 0;
    background-color: transparent;
    word-break: break-all;
}

.productModel .detailsPage .article a {
    color: #000000;
}

.productModel .detailsPage .read-fabulous-comment {
    margin-top: 0;
}

.productModel .detailsPage .comment .comment-header {
    margin-top: 0;
}

.productModel .detailsPage .programmeAbout .programmeAbout-body .grid {
    margin-top: 0;
}

.productModel .detailsPage .programmeAbout .programmeAbout-body .grid tr td .info .title-desc .title {
    font-weight: normal;
}

.searchInWebDetails .searchTop .page-header .form form {
    background-color: #E1E2E7;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 1px 0;
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.searchInWebDetails .searchTop .page-header .form form button {
    background-color: transparent;
    display: table-cell;
    border: none;
    outline: none;
    color: #8E8E93;
    font-size: 15px;
    width: 60px;
}

.searchInWebDetails .searchTop .page-header .form form input {
    padding: 5px 0;
    color: #8E8E93;
    font-size: 15px;
    display: table-cell;
    border: none;
    outline: none;
    background-color: transparent;
    width: auto;
}

.searchInWebDetails .searchTop .page-header .searchReaultTip {
    font-size: 14px;
    color: #8E8E93;
    margin-top: 10px;
}

.searchInWebDetails .searchList .li {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #e1e2e7;
    border-bottom: 1px solid #e1e2e7;
    margin-top: 6px;
    padding: 15px 5%;
    background-color: #ffffff;
}

.searchInWebDetails .searchList .li .lilogo {
    display: table-cell;
    width: 38%;
    vertical-align: top;
}

.searchInWebDetails .searchList .li .lilogo a img {
    width: 100%;
}

.searchInWebDetails .searchList .li .searchDesc {
    display: table-cell;
    width: 62%;
    vertical-align: top;
    padding-left: 10px;
}

.searchInWebDetails .searchList .li .searchDesc a .title {
    font-size: 17px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.searchInWebDetails .searchList .li .searchDesc a .desc {
    color: #000000;
    font-size: 16px;
    margin-top: 5px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.searchInWebDetails .searchList .li .searchDesc a .time {
    font-size: 15px;
    color: #8E8E93;
    margin-top: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.searchInWebDetails .moreView {
    margin-top: 15px;
    text-align: center;
}

.searchInWebDetails .moreView a span {
    font-size: 15px;
    color: #8E8E93;
}

.searchInWebDetails .typeModuleResult {
    margin-top: 15px;
}

.searchInWebDetails .typeModuleResult .result {
    background-color: #ffffff;
    padding: 0 5% 15px 5%;
    border-bottom: 1px solid #e1e2e7;
}

.searchInWebDetails .typeModuleResult .result .item {
    display: inline-block;
    width: auto;
    margin-top: 15px;
    padding: 0 15px;
}

.searchInWebDetails .typeModuleResult .result .item a {
    font-size: 15px;
    color: #8E8E93;
}

.header-nav .header-nav-container .swiper-wrapper .active a {
    color: #0067b8;
}