html {
    margin: 0;
    padding: 0;
}

html body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #ffffff;
    overflow: auto !important;
}

html body ul,
html body ol,
html body li {
    list-style: none;
    margin: 0;
    padding: 0;
}

html body p,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
    margin: 0;
    padding: 0;
    color: #000000;
}

html body input,
html body button {
    outline: none;
}

html body a {
    text-decoration: none;
}

html body a:link {
    text-decoration: none;
}

html body a:visited {
    text-decoration: none;
}

html body a:hover {
    text-decoration: none;
}

html body a:active {
    text-decoration: none;
}

html body .ellipsis-one {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

html body .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

html body .justify-content-center {
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

html body .justify-content-space-between {
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

html body .justify-content-flex-end {
    -webkit-box-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

html body .justify-content-start {
    -webkit-box-pack: start;
    -moz-justify-content: start;
    justify-content: start;
}

html body .align-items-center {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

html body .align-items-start {
    -webkit-box-align: start;
    -moz-align-items: start;
    align-items: start;
}

html body .align-items-flex-end {
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

html body .align-items-baseline {
    -webkit-box-align: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

html body .align-items-stretch {
    -webkit-box-align: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

html body .flex-direction-column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

html body .flex-direction-column-reverse {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

html body .flex-direction-row {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

html body .flex-wrap-wrap {
    flex-wrap: wrap;
}

html body .flex-direction-row-reverse {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

html body .flex-grow {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

html body .flex-order {
    -webkit-box-ordinal-group: 1;
    -moz-order: 1;
    -webkit-order: 1;
    order: 1;
}

html body .fixed {
    position: fixed;
}

html body .text-align-left {
    text-align: left;
}

html body .text-align-center {
    text-align: center;
}

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

html body .cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.38);
    display: none;
    z-index: 100;
}

html body .line {
    background-color: #000000;
    width: 50px;
    height: 5px;
    margin: 15px 0 0 0;
}

html .clear {
    clear: both;
}

html svg.st0 {
    opacity: 0.3;
}

html svg.st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
}

html svg.st2 {
    fill: #ffffff;
}

html svg {
    fill: #ffffff;
}

html div.date {
    margin: 0;
    width: 86px;
    height: 46px;
    border-style: solid;
    border-color: #0067b8;
    border-width: 2px !important;
    padding-right: 12px;
}

html div.date p.day {
    margin: 0;
    padding: 0;
    color: #0067b8;
    font-size: 16px;
    text-align: right;
    line-height: normal;
    font-weight: bold;
}

html div.date p.year {
    margin: 0 0 0 0;
    padding: 0;
    color: #0067b8;
    font-size: 12px;
    text-align: right;
    line-height: normal;
}

html p.zan {
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: right;
    font-size: 14px;
    width: 23%;
}

html p.zan span {
    display: inline-block;
    width: auto;
}

html p.zan span.icon {
    margin-left: 10px;
}

html p.zan span.icon:first-child {
    margin-left: 0;
}

* {
    font-family: "微软雅黑 R";
    margin: 0;
    padding: 0;
}

.space-line {
    height: 5px;
    width: 100%;
}

.viewer-btn {
    position: fixed;
    top: 50%;
    color: #FFFFFF;
}

.viewer-prev1 {
    left: 10%;
}

.viewer-next1 {
    right: 10%;
}

.about-model-fixed {
    position: fixed !important;
    right: 0;
    top: 73px;
    z-index: 100;
}

.about-model-absolute {
    position: absolute !important;
    right: 0;
    border-bottom: 0;
    z-index: 100;
}

#keFu {
    width: 32px;
    height: 125px;
    border: 1px solid #dfe1e3;
    background: #FFFFFF;
    border-radius: 5px;
    position: fixed;
    right: 10px;
    top: 300px;
    z-index: 100000000;
    overflow: hidden;
}

#keFu img {
    margin: 0 auto;
    display: block;
    vertical-align: top;
}

#keFu .ol-font {
    font-size: 12px;
    color: #666666;
    width: 12px;
    margin: 10px auto 0 auto;
}

#keFu button {
    width: 100%;
    height: 25px;
    border: none;
    background: #FFFFFF;
    cursor: pointer;
    outline: none;
}

#keFuShow {
    width: 131px;
    position: fixed;
    top: 114px;
    right: -141px;
    background: #f8f8f9;
    border-radius: 5px;
    padding-bottom: 23px;
    z-index: 1000000020;
}

#keFuShow>img {
    margin: 22px auto 15px auto;
    display: block;
    vertical-align: top;
}

#keFuShow .qq-box {
    width: 118px;
    height: 28px;
    margin-left: 7px;
    padding-left: 25px;
    background-image: url(../images/qq-logo.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 3px 5px;
    border: 1px solid #cbcfd1;
    border-radius: 5px;
    margin-top: 7px;
}

#keFuShow .qq-box .qq-addr {
    width: 100%;
    height: 100%;
    text-align: center;
    border-left: 1px solid #cacacc;
    font-size: 15px;
    color: #595757;
    line-height: 26px;
    cursor: pointer;
}

#keFuShow .qq-box .qq-addr a {
    text-decoration: none;
    color: inherit;
}

#keFuShow .qq-box:hover .qq-addr {
    background-color: #0067b8;
}

#keFuShow .qq-box:hover .qq-addr a {
    color: #ffffff;
}

#keFuShow .btn-hide {
    width: 49px;
    height: 26px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    background: #f8f8f8;
    float: left;
    margin-left: 5px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}

#keFuShow .large-ewm {
    position: absolute;
    bottom: 0;
    right: 136px;
    vertical-align: top;
    display: none;
}

#keFuShow .qq-ewm {
    width: 27px;
    height: 27px;
    float: left;
    margin-left: 10px;
    background: url(../images/link-ewm.jpg);
    cursor: pointer;
    margin-top: 20px;
}

#keFuShow .focus-us {
    width: 27px;
    height: 27px;
    float: left;
    margin-left: 7px;
    font-size: 12px;
    color: #666666;
    line-height: 13.5px;
    margin-top: 20px;
    cursor: pointer;
}

.playVideo0-dimensions {
    width: 100%;
}

.vjs-big-play-button {
    display: none !important;
}

.swiper-pagination {
    bottom: 185px;
}

.swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #C7C7CC;
    background-color: transparent;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #C7C7CC;
}

.showMoreImage-container {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 100000000;
    background-color: rgba(0, 0, 0, 0.68);
}

.showMoreImage-container .showMoreImage-closed {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.showMoreImage-container .showMoreImage-swiper-container {
    position: absolute;
    width: 68%;
    overflow: hidden;
    left: 16%;
    top: 20%;
    z-index: 1000;
}

.showMoreImage-container .showMoreImage-swiper-container .swiper-slide {
    width: 100%;
    overflow: hidden;
    max-height: 80%;
    position: relative;
}

.showMoreImage-container .showMoreImage-swiper-container .swiper-slide img {
    width: 100%;
}

.showMoreImage-container .showMoreImage-swiper-container .swiper-slide .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    background-color: rgba(0, 0, 0, 0.68);
}

.showMoreImage-container .showMoreImage-swiper-container .swiper-slide .title span {
    color: #ffffff;
    font-size: 14px;
}

.showMoreImage-container .showMoreImage-swiper-container .swiper-button-prev,
.showMoreImage-container .showMoreImage-swiper-container .swiper-button-next {
    background-image: none;
    background-color: #2b2b2b;
    width: 40px;
    height: 40px;
    color: #787878;
    text-align: center;
    font-size: 14pt;
    line-height: 40px;
}

.viewer-container {
    z-index: 1000200 !important;
}

.viewer-container .viewer-toolbar {
    display: none !important;
}

.container .newMediaCenter-banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.container .newMediaCenter-banner .swiper-swiper-slide {
    width: 100%;
}

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

.container .newMediaCenter-banner .info {
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
}

.container .newMediaCenter-banner .info h1 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bolder;
    color: #ffffff;
    text-indent: 11%;
    width: 100%;
}

.container .newMediaCenter-banner .info p {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    text-indent: 11%;
    width: 100%;
}

.container .newMediaCenter-banner .back {
    position: absolute;
    width: auto;
    right: 60px;
    top: 40%;
}

.container .newMediaCenter-banner .back .svg {
    fill: #676a73;
    width: 30px;
    height: 30px;
}

.container .newMediaCenter-quick {
    background-color: #e5e6e8;
    display: table-cell;
    width: 20%;
    border-left: 15px solid #FFFFFF;
    padding: 30px 30px;
    vertical-align: top;
}

.container .newMediaCenter-quick .code-info {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #a5a5a5;
    padding-bottom: 15px;
}

.container .newMediaCenter-quick .code-info .code {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding: 5px;
    background-color: #ffffff;
}

.container .newMediaCenter-quick .code-info .code img {
    width: 100%;
}

.container .newMediaCenter-quick .code-info .info {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    padding-left: 15px;
}

.container .newMediaCenter-quick .code-info .info .text {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 15px;
    color: #000000;
    line-height: normal;
}

.container .newMediaCenter-quick .code-info .info .line {
    margin: 8px 0;
    padding: 0;
    height: 3px;
}

.container .newMediaCenter-quick .code-info .info .tip {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    line-height: normal;
}

.container .newMediaCenter-quick .code-info .info .title {
    margin: 3px 0 0 0;
    padding: 0;
    font-weight: bolder;
    font-size: 16px;
    color: #000000;
    line-height: normal;
}

.container .newMediaCenter-quick .desc {
    margin: 15px 0 0 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #a5a5a5;
}

.container .newMediaCenter-quick .desc h1.title {
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 16px;
    color: #000000;
    line-height: normal;
}

.container .newMediaCenter-quick .desc h2.subtitle {
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 15px;
    color: #000000;
    line-height: normal;
}

.container .newMediaCenter-quick .desc .desc-info {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    /*text-indent: 2rem;*/
}

.container .newMediaCenter-quick .web {
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
    line-height: normal;
    font-weight: normal;
}

.container .newMediaCenter-quick .web span {
    font-weight: bolder;
}

.container .newMediaCenter-quick .tel {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
    line-height: normal;
    font-weight: normal;
}

.container .newMediaCenter-quick .tel span {
    font-weight: bolder;
}

.container .newMediaCenter-quick form .title {
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
    line-height: normal;
    font-weight: bolder;
}

.container .newMediaCenter-quick form .input {
    margin-top: 10px;
}

.container .newMediaCenter-quick form .input input {
    width: 78%;
    height: 35px;
    border: 1px solid #969696;
    color: #000000;
    outline: none;
    font-size: 15px;
    padding-left: 10px;
    background-color: #ffffff;
}

.container .newMediaCenter-quick form .input button {
    background-color: #0067b8;
    color: #FFFFFF;
    text-align: center;
    width: 18%;
    height: 35px;
    outline: none;
    border: 1px solid #969696;
    vertical-align: top;
    font-size: 15px;
}

.container .newMediaCenter-quick .ask {
    padding-bottom: 20px;
    border-bottom: 1px solid #a5a5a5;
}

.container .newMediaCenter-quick .ask .title {
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
    line-height: normal;
    font-weight: bolder;
}

.container .newMediaCenter-quick .ask .ask-info {
    margin: 15px 0 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 15px;
    color: #000000;
    line-height: 23px;
}

.container .newMediaCenter-quick .ask .ask-info a {
    color: #000000;
}

.container .newMediaCenter-quick .need {
    text-align: center;
}

.container .newMediaCenter-quick .need a {
    background-color: #8f8f8f;
    color: #FFFFFF;
    font-size: 15px;
    display: inline-block;
    margin: 20px auto 0 auto;
    padding: 5px 15px;
    border-radius: 15px;
}

.container .categoryPage-menu {
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #f7f8f9;
    height: 55px;
    position: relative;
}

.container .categoryPage-menu .title {
    font-weight: bolder;
    display: table-cell;
    width: 8%;
    vertical-align: middle;
    overflow: hidden;
    z-index: 1000;
}

.container .categoryPage-menu .title h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #000000;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    border-right: 1px solid #0067b8;
}

.container .categoryPage-menu .qiye {
    border-right: none;
    position: absolute;
    top: -100%;
    z-index: 1000;
}

.container .categoryPage-menu .list {
    width: 52%;
    display: table-cell;
    vertical-align: middle;
}

.container .categoryPage-menu .list .menu-list .item {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.container .categoryPage-menu .list .menu-list .item a {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}

.container .categoryPage-menu .list .menu-list .item:hover a {
    color: #0067b8 !important;
}

.container .categoryPage-menu .list .menu-list .active {
    border-color: #0067b8;
}

.container .categoryPage-menu .list .menu-list .active a {
    font-size: 16px;
    color: #0067b8;
    font-weight: bolder;
    border: none;
}

.container .categoryPage-menu .openDrop {
    display: table-cell;
    width: 20%;
    text-align: right;
    vertical-align: middle;
    overflow: hidden;
}

.container .categoryPage-menu .openDrop a {
    display: inline-block;
    width: auto;
    border-radius: 15px;
    color: #000000;
    font-size: 15px;
    border: 1px solid #c7c7c7;
    padding: 3px 15px;
    margin-right: 5%;
}

.container .categoryPage-menu .openDrop a span {
    font-size: 14px;
    display: inline-block;
}

.container .categoryPage-menu .openDrop a .down {
    display: inline-block;
}

.container .categoryPage-menu .openDrop a .up {
    display: none;
}

.container .categoryPage-menu .active a {
    border: 1px solid #0067b8;
    color: #0067b8;
}

.container .categoryPage-menu .active a .down {
    display: none;
}

.container .categoryPage-menu .active a .up {
    display: inline-block;
}

.container .categoryPage-menu .search {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.container .categoryPage-menu .search form {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.container .categoryPage-menu .search form input {
    border-radius: 15px;
    font-size: 14px;
    border: 1px solid #bdbdbe;
    color: #bdbdbe;
    padding-left: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
    width: 80%;
}

.container .categoryPage-menu .search form button {
    border: none;
    background-color: transparent;
    outline: none;
    margin-left: 5px;
    display: inline-block;
    width: auto;
}

.container .categoryPage-menu .search form button span {
    font-size: 18px;
    color: #c0c1c1;
}

.container .categoryPage-menu .search form button:hover span {
    color: #0067b8;
}

.container .categoryPage-menu .publication {
    position: absolute;
    left: 0;
    top: 68px;
    width: 80.05%;
    z-index: 100;
    display: none;
}

.container .categoryPage-menu .publication .seeByType-container {
    display: block;
    background-color: #f7f8f9;
    height: 55px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content {
    height: 100%;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item {
    height: 100%;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item h1 {
    display: none;
    color: #FFFFFF;
    border-color: #ffffff;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item .item-list {
    height: 100%;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul {
    height: 100%;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li {
    padding: 0 15px;
    height: auto;
    line-height: normal;
    position: relative;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "";
    width: 2px;
    height: 18px;
    background-color: #000000;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li a {
    color: #000000;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li:hover a {
    color: #0067b8;
}

.container .categoryPage-menu .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li:first-child:before {
    width: 0;
}

.container .picture-detailsPage-menu {
    width: 100%;
    background-color: #000000;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer {
    display: table;
    table-layout: fixed;
    margin: 0 auto 15px auto;
    max-width: 1440px;
    width: 100%;
    height: 55px;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer p.v-line {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    line-height: normal;
    width: 30px;
    text-align: left;
    text-indent: -10px;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer p.v-line span {
    color: #0067b8;
    font-size: 40px;
    font-weight: bolder;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .title {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    line-height: normal;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .title .h1 {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 0;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .resource {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    display: none;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .resource .p {
    font-size: 13pt;
    font-weight: normal;
    line-height: normal;
    color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 0;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .zan {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 360px;
    vertical-align: middle;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .zan span {
    color: #FFFFFF;
    font-size: 15px;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .zan span.icon {
    display: inline-block;
    margin-left: 15px;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 190px;
    text-align: right;
    vertical-align: middle;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre a {
    display: inline-block;
    padding: 5px 10px;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre a span {
    color: #FFFFFF;
    font-size: 15px;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre a.pre {
    background-color: #5b5b5b;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre a.pre:hover {
    background-color: #0067b8;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre a.catalog {
    background-color: #5b5b5b;
    margin-left: 15px;
    margin-right: 15px;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre a.catalog:hover {
    background-color: #0067b8;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre a.next {
    background-color: #5b5b5b;
}

.container .picture-detailsPage-menu .picture-detailsPage-menu-outer .next-pre a.next:hover {
    background-color: #0067b8;
}

.container .categoryPage-details-menu .openDrop {
    text-align: left;
}

.container .categoryPage-details-menu .openDrop a {
    margin-left: 5%;
}

.container .enterprisePages-menu .title {
    position: relative;
}

.container .enterprisePages-menu .title img {
    position: absolute;
    border: 2px solid #f7f8f9;
    border-radius: 5px;
    width: 80%;
    bottom: 0;
    left: 10%;
    z-index: 100;
}

.container .supplementChannelPage .supplementChannelPage-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .imgChannel-banner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .imgChannel-banner .imgChannel-banner-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .imgChannel-banner .imgChannel-banner-container .swiper-slide {
    position: relative;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .imgChannel-banner .imgChannel-banner-container .swiper-slide img {
    width: 100%;
    transform: scale(1, 1);
    transition-duration: 0.5s;
    /*height: 100%;*/
    /*min-height: 300px;*/
    overflow: hidden;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .imgChannel-banner .imgChannel-banner-container .swiper-slide:hover img {
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .imgChannel-banner .imgChannel-banner-container .swiper-button-next {
    background-image: none;
    background-color: #28264a0d;
    width: 40px;
    height: 40px;
    color: #787878;
    text-align: center;
    font-size: 14pt;
    line-height: 40px;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .imgChannel-banner .imgChannel-banner-container .swiper-button-prev {
    background-image: none;
    background-color: #28264a0d;
    width: 40px;
    height: 40px;
    color: #787878;
    text-align: center;
    font-size: 14pt;
    line-height: 40px;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .video-content {
    position: relative;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .video-content .video {
    width: 100%;
    position: relative;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .video-content .video .videoContent {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .video-content .video .videoContent a img {
    object-fit: fill;
    width: 100%;
    /*height: 375px;*/
    overflow: hidden;
    transform: scale(1, 1);
    transition-duration: 0.5s;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .video-content .video .videoContent:hover a img {
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .video-content .video .videoContent a .bg {
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1s;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .video-content .video .videoContent a .bg .iconfont {
    opacity: 1;
    transition: opacity 1s;
    color: #ffffff;
    font-size: 50px;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .publications-Container {
    background-color: #8f8f8f;
    width: 100%;
    padding: 50px 0;
    height: 100%;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .publications-Container .publications-img {
    width: 40%;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .publications-Container .publications-img img {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .publications-Container .publications-img img.bookshft {
    width: 70%;
    display: block;
    margin: 0 auto 0 auto;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .iframe-Container {
    position: relative;
    height: 350px;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .iframe-Container iframe {
    width: 100%;
    height: 350px;
    min-height: 300px;
    border: none;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .info {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .info .info-content {
    width: 94%;
    margin: 0;
    height: 70%;
    border-left: 5px solid #0067b8;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .info .info-content .title {
    padding-left: 30px;
    width: 65%;
    cursor: pointer;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .info .info-content .title h1 {
    color: #ffffff;
    margin: 0;
    padding: 0 15px 0 0;
    font-size: 18px;
    font-weight: bolder;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .info .info-content .title h2 {
    color: #ffffff;
    margin: 6px 0 0 0;
    padding: 0;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .info .info-content p.zan {
    color: #ffffff;
    margin: 0;
    padding: 0;
    width: 180px;
    text-align: right;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .info .info-content p.zan span {
    color: #FFFFFF !important;
}

.container .supplementChannelPage .supplementChannelPage-item .imgContainer .info .info-content p.zan span.icon {
    margin-left: -20px;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer {
    display: table-cell;
    width: 50%;
    background-color: #e5e6e8;
    vertical-align: top;
    padding: 30px 40px;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .h1 {
    margin: 3px 0 0 0;
    padding: 0;
    font-weight: bolder;
    font-size: 20px;
    color: #000000;
    line-height: normal;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .desc {
    margin: 15px 0 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 15px;
    color: #000000;
    line-height: 23px;
    height: 46px;
    overflow: hidden;
    text-indent: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 40px;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .web-info {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .web-info .into a {
    width: 40%;
    display: inline-block;
    background-color: #0067b8;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    border-radius: 15px;
    overflow: hidden;
    padding: 5px 0;
    margin-top: -5px;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .web-info .into a:hover {
    color: #ffffff !important;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .web-info .webSrc {
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
    line-height: normal;
    font-weight: normal;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .web-info .webSrc span {
    font-weight: bolder;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .web-info .tel {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
    line-height: normal;
    font-weight: normal;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .web-info .tel span {
    font-weight: bolder;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .code-info {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    text-align: right;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .code-info .code {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    background-color: #ffffff;
    padding: 5px;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .code-info .code img {
    width: 100%;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .code-info .info {
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 0 10% 0 15px;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .code-info .info .text {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 15px;
    color: #000000;
    line-height: normal;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .code-info .info .line {
    margin: 5px 0;
    padding: 0;
    height: 3px;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .code-info .info .tip {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    line-height: normal;
}

.container .supplementChannelPage .supplementChannelPage-item .infoContainer .bottom .code-info .info .title {
    margin: 0;
    padding: 0;
    font-weight: bolder;
    font-size: 16px;
    color: #000000;
    line-height: normal;
}

.container .supplementChannelPage .publicationsChannel .imgContainer {
    background-color: #8f8f8f;
}

.container .supplementChannelPage .tip {
    background-color: #e5e6e8;
    margin-top: 15px;
    padding: 30px 0;
}

.container .supplementChannelPage .tip .title {
    text-align: center;
    margin: 3px 0 0 0;
    padding: 0;
    font-weight: bolder;
    font-size: 16px;
    color: #000000;
    line-height: normal;
}

.container .supplementChannelPage .tip .desc,
.container .supplementChannelPage .tip a {
    margin: 15px auto 0 auto;
    padding: 0;
    font-weight: normal;
    font-size: 15px;
    color: #000000;
    line-height: 23px;
    width: 61%;
    text-align: center;
}

.container .newMediaCenter .publications .categoryPage {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.container .newMediaCenter .publications .categoryPage .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .publications .categoryPage .content .categoryPage-banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.container .newMediaCenter .publications .categoryPage .content .categoryPage-banner .swiper-wrapper .swiper-slide .publication .publication-content ul {
    margin-top: 15px;
    -webkit-box-pack: start;
    -moz-justify-content: start;
    justify-content: start;
}

.container .newMediaCenter .publications .categoryPage .content .categoryPage-banner .swiper-wrapper .swiper-slide .publication .publication-content ul li {
    width: 24.35%;
    margin-left: 1%;
}

.container .newMediaCenter .publications .categoryPage .content .categoryPage-banner .swiper-wrapper .swiper-slide .publication .publication-content ul li:first-child {
    margin-left: 0;
}

.container .newMediaCenter .publications .categoryPage .content .categoryPage-banner .swiper-wrapper .swiper-slide .publication .publication-content ul:first-child {
    margin-top: 0;
}

.container .newMediaCenter .publications .categoryPage .content .categoryPage-banner .swiper-button-next {
    background-image: none;
    background-color: #2b2b2b;
    width: 40px;
    height: 40px;
    color: #787878;
    text-align: center;
    font-size: 14pt;
    line-height: 40px;
    display: none;
}

.container .newMediaCenter .publications .categoryPage .content .categoryPage-banner .swiper-button-prev {
    background-image: none;
    background-color: #2b2b2b;
    width: 40px;
    height: 40px;
    color: #787878;
    text-align: center;
    font-size: 14pt;
    line-height: 40px;
    display: none;
}

.container .newMediaCenter .publications .details {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
}

.container .newMediaCenter .publications .details .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .publications .details .content .details-content {
    height: 670px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.68);
}

.container .newMediaCenter .publications .details .content .details-content iframe {
    width: 100%;
    height: 100%;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .shareActionComment {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .shareActionComment .next-pre {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 40px;
    width: 50%;
    text-align: left;
    vertical-align: middle;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .shareActionComment .next-pre a {
    display: inline-block;
    padding: 5px 10px;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .shareActionComment .next-pre a span {
    color: #FFFFFF;
    font-size: 15px;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .shareActionComment .next-pre a.pre {
    background-color: #5b5b5b;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .shareActionComment .next-pre a.catalog {
    background-color: #5b5b5b;
    margin-left: 15px;
    margin-right: 15px;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .shareActionComment .next-pre a.next {
    background-color: #5b5b5b;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .shareActionComment .shareAction {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: right;
    vertical-align: middle;
}

.container .newMediaCenter .publications .details .content .detailsPage-comment .comment {
    border-top: 10px solid #ffffff;
}

.container .newMediaCenter .publications .searchPage .search-tip {
    color: #8f8f8f;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
}

.container .newMediaCenter .publications .searchPage .content ul li {
    float: left;
    width: 32%;
    margin-left: 2%;
    margin-top: 15px;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content .img-cover {
    width: 40%;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    background-color: #8f8f8f;
    text-align: center;
    padding: 40px 0 20px 0;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content .img-cover img {
    width: 60%;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content .img-cover img.booksheft {
    width: 80%;
    margin-top: -15px;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content .img-info {
    width: 50%;
    display: table-cell;
    overflow: hidden;
    vertical-align: top;
    background-color: #f7f8f9;
    padding: 40px 15px 20px 15px;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content .img-info h1 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 15px;
    color: #000000;
    font-weight: bolder;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content .img-info p {
    margin: 3px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #000000;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content .img-info .toSee {
    text-align: center;
    margin: 15px 0 0 0;
}

.container .newMediaCenter .publications .searchPage .content ul li .li-content .img-info .toSee a {
    background-color: #8f8f8f;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 15px;
}

.container .newMediaCenter .publications .searchPage .content ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.container .newMediaCenter .picture .channelPage {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.container .newMediaCenter .picture .channelPage .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .picture .channelPage .content .photographic {
    width: 100%;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content {
    width: 100%;
    overflow: inherit;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide img {
    width: 100%;
    height: auto;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content .photographic-banner {
    width: 100%;
    overflow: hidden;
    border: none;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content .photographic-list {
    width: 100%;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content .photographic-list ul {
    width: 100%;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content .photographic-list ul li {
    width: calc((100% - 30px) / 3);
    margin-left: 15px;
    margin-top: 15px;
    float: left;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bigIamge {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content .photographic-list ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.container .newMediaCenter .picture .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info {
    height: auto;
}

.container .newMediaCenter .picture .content .photographic .photographic-content .photographic-list ul li .photographic-info h1 {
    padding: 10px 15px 5px 15px;
    line-height: normal;
}

.container .newMediaCenter .picture .content .photographic .photographic-content .photographic-list ul li .photographic-info .count {
    width: 90%;
    padding: 0 15px 10px 15px;
    position: static;
    margin: 0 auto;
}

.container .newMediaCenter .picture .categoryPage {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.container .newMediaCenter .picture .categoryPage .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .picture .categoryPage .content .photographic {
    width: 100%;
    height: 100%;
}

.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content {
    width: 100%;
    overflow: initial;
    height: 100%;
}

.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list {
    width: 100%;
    height: 100%;
}

.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list ul li {
    width: calc((100% - 30px) / 3);
    margin-left: 15px;
    margin-top: 15px;
}

.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list ul li .photographic-info {
    height: auto;
}

.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bigIamge {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
}

.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list ul li:nth-of-type(1),
.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list ul li:nth-of-type(2),
.container .newMediaCenter .picture .categoryPage .content .photographic .photographic-content .photographic-list ul li:nth-of-type(3) {
    margin-top: 0;
}

.container .newMediaCenter .picture .details .content .article {
    /*background-color: #f7f8f9;*/
    padding-bottom: 30px;
    background-color: #FFFFFF;
    max-width: 1440px;
    margin: 0 auto;
}

.container .newMediaCenter .picture .details .content .article .article_description {
    font-size: 15px;
    color: #000000;
    line-height: 23px;
    margin: 15px auto;
    font-weight: normal;
    text-indent: 2rem;
    /*width: 95%;*/
}

.container .newMediaCenter .picture .details .content .detailsPage-comment {
    border-top: 10px solid #ffffff;
    padding-left: 10%;
    padding-right: 10%;
}

.container .newMediaCenter .picture .details .content .detailsPage-comment .comment {
    border-top: 10px solid #ffffff;
}

.container .newMediaCenter .enterprisePages .channelPage {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.container .newMediaCenter .enterprisePages .channelPage .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-justify-content: start;
    justify-content: start;
    flex-wrap: wrap;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li {
    width: calc((100% - 45px) / 4);
    border: 1px solid #eff0f0;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf {
    background-color: #8f8f8f;
    position: relative;
    width: 100%;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book img {
    width: 52%;
    display: block;
    margin: 0 auto;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book img.book-block {
    width: 72%;
    display: block;
    margin: 0 auto;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transition: opacity 1s;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book-cover .book-cover-content {
    text-align: center;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book-cover .book-cover-content div.qrcode {
    display: inline-block;
    padding: 5px;
    background-color: #ffffff;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book-cover .book-cover-content p.title {
    text-align: center;
    margin: 10px 0;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book-cover .book-cover-content p.title a {
    color: #ffffff;
    font-size: 14px;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book-cover .book-cover-content p.toRead {
    text-align: center;
    margin: 0 auto;
    width: auto;
    background-color: #0067b8;
    padding: 3px 10px;
    border-radius: 15px;
    display: inline-block;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book-cover .book-cover-content p.toRead a {
    color: #ffffff;
    font-size: 14px;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf .book-cover .book-cover-content p.toRead a:hover {
    color: #FFFFFF !important;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookshelf:hover .book-cover {
    opacity: 1;
    transition: opacity 1s;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookInfo {
    height: 65px;
    background-color: #f7f8f9;
    width: 100%;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookInfo h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #000000;
    font-weight: bolder;
    line-height: 65px;
    height: 65px;
    text-align: center;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookInfo .bookInfo-hover {
    height: 65px;
    background-color: #0067b8;
    display: none;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookInfo .bookInfo-hover a {
    height: 65px;
    width: 90%;
    margin: 0 auto;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookInfo .bookInfo-hover a p {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 16px;
    width: calc(100% - 100px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookInfo .bookInfo-hover a button {
    margin: 0;
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #ffffff;
    outline: none;
    background-color: transparent;
    width: 100px;
    vertical-align: middle;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookInfo:hover .bookInfo-hover {
    display: block;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li .bookInfo:hover h1 {
    display: none;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li:nth-of-type(4n+1) {
    margin-left: 0;
}

.container .newMediaCenter .enterprisePages .channelPage .content ul li:nth-of-type(1),
.container .newMediaCenter .enterprisePages .channelPage .content ul li:nth-of-type(2),
.container .newMediaCenter .enterprisePages .channelPage .content ul li:nth-of-type(3),
.container .newMediaCenter .enterprisePages .channelPage .content ul li:nth-of-type(4) {
    margin-top: 0;
}

.container .newMediaCenter .enterprisePages .details {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.container .newMediaCenter .enterprisePages .details .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .enterprisePages .details .content .details-content {
    height: 800px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.68);
}

.container .newMediaCenter .enterprisePages .details .content .details-content iframe {
    width: 100%;
    height: 100%;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .shareActionComment {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .shareActionComment .next-pre {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 40px;
    width: 50%;
    text-align: left;
    vertical-align: middle;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .shareActionComment .next-pre a {
    display: inline-block;
    padding: 5px 10px;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .shareActionComment .next-pre a span {
    color: #FFFFFF;
    font-size: 15px;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .shareActionComment .next-pre a.pre {
    background-color: #5b5b5b;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .shareActionComment .next-pre a.catalog {
    background-color: #5b5b5b;
    margin-left: 15px;
    margin-right: 15px;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .shareActionComment .next-pre a.next {
    background-color: #5b5b5b;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .shareActionComment .shareAction {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: right;
    vertical-align: middle;
}

.container .newMediaCenter .enterprisePages .details .content .detailsPage-comment .comment {
    border-top: 10px solid #ffffff;
}

.container .newMediaCenter .enterprisePages .details .content .shareActionComment {
    margin-top: -32px;
}

.container .newMediaCenter .enterprisePages .details .content .next-pre {
    position: relative;
    top: 15px;
    padding-left: 40px;
}

.container .newMediaCenter .enterprisePages .details .content .next-pre .pre {
    background-color: #5b5b5b;
    color: #FFFFFF;
    font-size: 15px;
    display: inline-block;
    padding: 5px 10px;
}

.container .newMediaCenter .enterprisePages .details .content .next-pre .pre:hover,
.container .newMediaCenter .enterprisePages .details .content .next-pre .pre:hover span {
    background-color: #0067b8;
    color: #FFFFFF;
}

.container .newMediaCenter .enterprisePages .details .content .next-pre .catalog {
    background-color: #5b5b5b;
    margin-left: 15px;
    margin-right: 15px;
    color: #FFFFFF;
    font-size: 15px;
    display: inline-block;
    padding: 5px 10px;
}

.container .newMediaCenter .enterprisePages .details .content .next-pre .catalog:hover,
.container .newMediaCenter .enterprisePages .details .content .next-pre .catalog:hover span {
    background-color: #0067b8;
    color: #FFFFFF;
}

.container .newMediaCenter .enterprisePages .details .content .next-pre .next {
    background-color: #5b5b5b;
    color: #FFFFFF;
    font-size: 15px;
    display: inline-block;
    padding: 5px 10px;
}

.container .newMediaCenter .enterprisePages .details .content .next-pre .next:hover,
.container .newMediaCenter .enterprisePages .details .content .next-pre .next:hover span {
    background-color: #0067b8;
    color: #FFFFFF;
}

.container .newMediaCenter .vrPavilion .channelPage {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.container .newMediaCenter .vrPavilion .channelPage .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic {
    width: 100%;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner {
    border: none;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content {
    width: 100%;
    overflow: inherit;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner {
    width: 100%;
    overflow: hidden;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner .swiper-button-next,
.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner .swiper-button-prev {
    display: none;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner .bg {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.68);
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    transition: opacity 1s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner .bg p {
    text-align: center;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner .bg span {
    color: #FFFFFF;
    font-size: 50px;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner .info {
    z-index: 1000;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner a:hover .bg {
    opacity: 0;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-banner img {
    width: 100%;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list {
    width: 100%;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul {
    width: 100%;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li {
    width: calc((100% - 30px) / 3);
    margin-left: 15px;
    margin-top: 15px;
    float: left;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info {
    height: auto;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li img {
    width: 100%;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .vr-img {
    position: relative;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .vr-img .bg {
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .vr-img .bg span {
    display: none;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img {
    position: relative;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bg {
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bg span {
    color: #ffffff;
    font-size: 50px;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bg .zan {
    opacity: 1;
    margin: 0;
    padding: 0;
    text-align: center;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bg .zan span {
    display: none;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bg .zan span.icon-ihome-72 {
    display: inline-block;
    opacity: 1;
    transition: opacity 1s;
    color: #ffffff;
    font-size: 50px;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img:hover .bg {
    opacity: 0;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info h1 {
    line-height: normal;
    padding: 10px 15px 0 15px;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info .count {
    padding: 5px 15px 10px 15px;
    width: 90%;
    position: static;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info .count .resource {
    display: inline-block;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info .count .zan {
    display: inline-block;
    width: 150px;
    text-align: right;
}

.container .newMediaCenter .vrPavilion .channelPage .content .photographic .photographic-content .photographic-list ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.container .newMediaCenter .vrPavilion .details {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.container .newMediaCenter .vrPavilion .details .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
    position: relative;
}

.container .newMediaCenter .vrPavilion .details .content .details-content {
    height: 820px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.68);
    position: relative;
}

.container .newMediaCenter .vrPavilion .details .content .article-button {
    position: absolute;
    bottom: -13px;
    width: auto;
    display: inline-block;
    height: 60px;
    left: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    ;
}

.container .newMediaCenter .vrPavilion .details .content .details-content .container .newMediaCenter .vrPavilion .details .content .article-button {
    position: absolute;
    bottom: -13px;
    width: auto;
    display: inline-block;
    height: 60px;
    left: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    ;
}

.container .newMediaCenter .vrPavilion .details .content .article-button .catalog span {
    display: inline-block;
    padding: 5px 10px;
    color: #FFFFFF;
    background-color: #5b5b5b;
    margin: 0 15px;
}

.container .newMediaCenter .vrPavilion .details .content .article-button .catalog:hover span,
.container .newMediaCenter .vrPavilion .details .content .article-button .article-next:hover span,
.container .newMediaCenter .vrPavilion .details .content .article-button .article-prev:hover span {
    background: #0067b8;
    color: #FFFFFF;
}

.container .newMediaCenter .vrPavilion .details .content .details-content .bg {
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1s;
}

.container .newMediaCenter .vrPavilion .details .content .details-content .bg span {
    opacity: 1;
    transition: opacity 1s;
    color: #ffffff;
    font-size: 50px;
}

.container .newMediaCenter .vrPavilion .details .content .details-content:hover .bg {
    display: none;
}

.container .newMediaCenter .vrPavilion .details .content .details-content iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .shareActionComment {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .shareActionComment .next-pre {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 40px;
    width: 50%;
    text-align: left;
    vertical-align: middle;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .shareActionComment .next-pre a {
    display: inline-block;
    padding: 5px 10px;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .shareActionComment .next-pre a span {
    color: #FFFFFF;
    font-size: 15px;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .shareActionComment .next-pre a.pre {
    background-color: #5b5b5b;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .shareActionComment .next-pre a.catalog {
    background-color: #5b5b5b;
    margin-left: 15px;
    margin-right: 15px;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .shareActionComment .next-pre a.next {
    background-color: #5b5b5b;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .shareActionComment .shareAction {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: right;
    vertical-align: middle;
}

.container .newMediaCenter .vrPavilion .details .content .detailsPage-comment .comment {
    border-top: 10px solid #ffffff;
}

.container .newMediaCenter .vrPavilion .details .newMediaCenter-quick .need {
    text-align: center;
}

.container .newMediaCenter .vrPavilion .details .newMediaCenter-quick .need a {
    background-color: transparent;
    color: #0067b8;
    border: 1px solid #0067b8;
}

.container .newMediaCenter .videoModule-details-menu {
    margin-top: 80px;
}

.container .newMediaCenter .videoModule .channelPage {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.container .newMediaCenter .videoModule .channelPage .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic {
    width: 100%;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content {
    width: 100%;
    overflow: inherit;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner {
    width: 100%;
    overflow: hidden;
    border: none;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-wrapper .swiper-slide img {
    width: 100%;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-wrapper .swiper-slide .bg {
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1s;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-wrapper .swiper-slide .bg .iconfont {
    opacity: 1;
    transition: opacity 1s;
    color: #ffffff;
    font-size: 50px;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-wrapper .swiper-slide .img-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.62);
    z-index: 90;
    opacity: 1;
    transition: all 1s;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-wrapper .swiper-slide .img-cover span {
    font-size: 40px;
    color: #ffffff;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-wrapper .swiper-slide .info {
    z-index: 100;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-wrapper .swiper-slide:hover .img-cover {
    opacity: 0;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-wrapper .swiper-slide:hover .bg {
    opacity: 0;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list {
    width: 100%;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul {
    width: 100%;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li {
    width: calc((100% - 30px) / 3);
    margin-left: 15px;
    margin-top: 15px;
    float: left;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info {
    height: auto;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img {
    position: relative;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bg {
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1s;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img .bg .iconfont {
    opacity: 1;
    transition: opacity 1s;
    color: #ffffff;
    font-size: 50px;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-img:hover .bg {
    opacity: 0;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info h1 {
    line-height: normal;
    padding: 10px 15px 0 15px;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info .count {
    padding: 5px 15px 10px 15px;
    width: 90%;
    position: static;
}

.container .newMediaCenter .content .photographic .photographic-content .photographic-list ul li .photographic-info .count .resource {
    width: calc(100% - 150px);
    margin: 0;
    padding: 0 10px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #8E8E93;
    font-size: 14px;
    display: inline-block;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li .photographic-info .count .zan {
    color: #8E8E93;
    font-size: 14px;
    /*text-align: left;*/
    text-align: right;
    display: inline-block;
    width: 150px;
}

.container .newMediaCenter .videoModule .channelPage .content .photographic .photographic-content .photographic-list ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.container .newMediaCenter .videoModule .details {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
}

.container .newMediaCenter .videoModule .details .content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

.container .newMediaCenter .videoModule .details .content .details-content {
    width: 100%;
}

.container .newMediaCenter .videoModule .details .content .details-content .article {
    width: 100%;
    position: relative;
}

.container .newMediaCenter .videoModule .details .content .details-content .article img {
    width: 100%;
}

.container .newMediaCenter .videoModule .details .content .details-content .article .img-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.62);
    z-index: 90;
    opacity: 1;
    transition: all 1s;
}

.container .newMediaCenter .videoModule .details .content .details-content .article .img-cover span {
    font-size: 40px;
    color: #ffffff;
}

.container .newMediaCenter .videoModule .details .content .details-content .article:hover .img-cover {
    opacity: 0;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .shareActionComment {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .shareActionComment .next-pre {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 40px;
    width: 50%;
    text-align: left;
    vertical-align: middle;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .shareActionComment .next-pre a {
    display: inline-block;
    padding: 5px 10px;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .shareActionComment .next-pre a span {
    color: #FFFFFF;
    font-size: 15px;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .shareActionComment .next-pre a.pre {
    background-color: #5b5b5b;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .shareActionComment .next-pre a.catalog {
    background-color: #5b5b5b;
    margin-left: 15px;
    margin-right: 15px;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .shareActionComment .next-pre a.next {
    background-color: #5b5b5b;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .shareActionComment .shareAction {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: right;
    vertical-align: middle;
}

.container .newMediaCenter .videoModule .details .content .detailsPage-comment .comment {
    border-top: 10px solid #ffffff;
    display: block;
}