*{
  font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif !important;
}
.orange {
  color: #efa22e !important;
}
.blue {
  color: #0071b9 !important;
}
.scale {
  display: block;
  overflow: hidden;
}
.scale img {
  -webkit-transform: -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s;
  -webkit-transform-origin: center;
}
.scale img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
html {
  min-width: 1200px;
  margin: 0 auto;
  background: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  color: #333;
  font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
}
a {
  text-decoration: none;
  outline: none;
  color: #333;
}
em {
  font-style: normal;
}
img {
  border: 0;
  object-fit:cover;
}
input,
button,
textarea {
  outline: none;
  border: none;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  border: 1px solid #eeeeee !important;
}
input::-webkit-input-placeholder {
  color: #bbb;
}
input::-moz-placeholder {
  color: #bbb;
}
input:-ms-input-placeholder {
  color: #bbb;
}
button {
  cursor: pointer;
  line-height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
blockquote{margin-left: 40px;margin-right: 40px;}
.clear {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.clearfix {
  zoom: 1;
}
.wid1200 {
  width: 1200px;
  margin: 0 auto;
}
.header-bar {
  height: 30px;
  background-color: #efa22e;
}
.ablout-date {
  float: right;
  line-height: 30px;
  font-weight: 600;
  margin-right: 13px;
}
.wid1100 {
  width: 1100px;
  margin: 0 auto;
}
.wid1140 {
  width: 1140px;
  margin: 0 auto;
}
.c6 {
  color: #666666!important;
}
.c9 {
  color: #999999!important;
}
.cf {
  color: #FFFFFF!important;
}
.white-bg {
  background: #FFFFFF!important;
}
.gray-bg {
  background: #F4F4F4!important;
}
.gray-bg1 {
  background: #EFEFEF!important;
}
.gray-bg2 {
  background: #58595B!important;
}
.ellipsis {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis-4 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ellipsis-5 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mtf20 {
  margin-top: -20px !important;
}
.mt60 {
  margin-top: 120px;
}
.pt0 {
  padding-top: 0!important;
}
.pt10 {
  padding-top: 10px;
}
.pt40 {
  padding-top: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pb60 {
  padding-bottom: 60px;
}
.position-relative {
  position: relative;
}
.height {
  height: 170px !important;
}
.header {
  height: 130px;
}
/*.headerMarginB {*/
/*  margin-top: 65px;*/
/*}*/
/*.headerMarginC {*/
/*  margin-top: 75px;*/
/*}*/
.header .logo {
  display: block;
  float: left;
  width: 210px;
  height: 90px;
}
.header .search {
  float: left;
  width: 300px;
  height: 40px;
  border: 1px solid #eeeeee;
  margin: 25px 10px;
}
.header .search .search-inp {
  display: block;
  float: left;
  width: 256px;
  height: 38px;
  padding: 0 10px;
}
.header .search .search-btn {
  display: block;
  float: left;
  width: 42px;
  height: 40px;
  background: url(https://static.orangenews.hk/static/orange/img/search.png) center center no-repeat;
}
.header .top {
  position: relative;
}
.header .search-suggest {
  position: absolute;
  width: 100vw;
  height: auto;
  background: #FFFFFF;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99;
  display: none;
}
.search-suggest-contain {
  width: 460px;
  margin: 0 auto;
}
.search-suggest-contain ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  max-height: 80px;
  overflow: hidden;
}
.search-suggest-contain ul li {
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 7px 10px;
  border: none;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  cursor: pointer;
}
.search-suggest-contain ul li:hover {
  background-color: #efa22e;
  color: #FFFFFF;
}
.search-suggest-contain ul li:nth-child(1) {
  background-color: #fee6e7;
  position: relative;
}
.search-suggest-contain ul li:nth-child(1):hover {
  background-color: #fa595f;
  color: #FFFFFF;
}
.search-suggest-contain ul li:nth-child(2), .search-suggest-contain ul li:nth-child(3) {
  background-color: #fef6d9;
  position: relative;
}
.search-suggest-contain ul li:nth-child(2):hover, .search-suggest-contain ul li:nth-child(3):hover {
  background-color: #f9c300;
  color: #FFFFFF;
}
.search-suggest-contain ul li:nth-child(1):before, .search-suggest-contain ul li:nth-child(2):before, .search-suggest-contain ul li:nth-child(3):before {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  border-radius: 4px;
  color: #FFFFFF;
  background-color: #ff9e2c;
  content: '熱';
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  transform: translate(-8px, -8px) scale(.5);
}
.search-suggest-contain ul li:nth-child(1):before {
  content: '爆';
  background-color: #d5040c;
}

.wap-search {
  width: 100vw;
  min-height: 90vh;
  padding-top: 5vh;
  background: rgba(0, 0, 0, .2);
  position: relative;
  top: 0;
  left: 0;
  display: none;
}
.close-wap-search {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.wap-search .search-box {
  margin: 1rem auto;
  width: 80vw;
}
.wap-search .search-box input {
  border: 1px solid #efa22e;
  border-radius: 5px;
  line-height: 30px;
  width: 60vw;
  padding: 0 5px;
}
.wap-search .search-box button {
  background: #efa22e;
  color: #fff;
  line-height: 30px;
  padding: 0 1rem;
}
.wap-search .hot-search,.wap-search .hot-news {
  width: 95vw;
  margin: 2rem auto;
}
.wap-search .hot-search .tit {
  font-weight: bold;
  margin-bottom: 1rem;
}
.wap-search .hot-search .hot-list {
  display: flex;
  flex-wrap: wrap;
}
.wap-search .hot-search .hot-list li {
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 7px 10px;
  border: none;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  cursor: pointer;
}
.wap-search .hot-search .hot-list li:nth-child(1):before,.wap-search .hot-search .hot-list li:nth-child(2):before, .wap-search .hot-search .hot-list li:nth-child(3):before {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  border-radius: 4px;
  color: #FFFFFF;
  background-color: #ff9e2c;
  content: '熱';
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  transform: translate(-8px, -8px) scale(.5);
}
.wap-search .hot-search .hot-list li:nth-child(1) {
  background-color: #fee6e7;
  position: relative;
}
.wap-search .hot-search .hot-list li:nth-child(1):before {
  content: '爆';
  background-color: #d5040c;
}
.wap-search .hot-search .hot-list li:nth-child(2), .wap-search .hot-search .hot-list li:nth-child(3) {
  position: relative;
  background-color: #fef6d9;
}
.wap-search .hot-news .tit {
  font-weight: bold;
}
.wap-search .hot-news .hot-list-title {
  margin-bottom: 1rem;
}
.wap-search .hot-news .tit p , .wap-search .hot-search .tit {
  font-size: 18px;
  color: #000;
}
.wap-search .hot-news .hot-news-list li {
  margin: 0 auto;
}
.wap-search .hot-news .hot-news-list li a {
  display: grid;
  grid-template-columns: 20% auto;
  grid-gap: 2%;
}
.wap-search .hot-news .hot-news-list li a .scale img {
  width: 100%;
}
.wap-search .hot-news .hot-news-list li a .ellipsis-3 {
  line-height: 16px;
}

.header .top-right {
  padding: 24px 0;
  position: relative;
}
.header .top-right .item {
  float: left;
  position: relative;
}
.header .top-right-mobile {
  display: none;
}
.header .top-right .item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 30px;
  background: #e4e4e4;
  margin-top: -15px;
}
.header .top-right .item:first-child:after {
  display: none;
}
.header .top-right .item a {
  display: block;
  float: left;
}
.header .top-right .item a.WeChat {
  width: 40px;
  height: 42px;
  background: url(https://static.orangenews.hk/static/orange/img/top-link.png) 0 0 no-repeat;
}
.header .top-right .item a.weibo {
  width: 40px;
  height: 42px;
  background: url(https://static.orangenews.hk/static/orange/img/top-link.png) -49px 0 no-repeat;
  margin-left: 10px;
}
.header .top-right .item a.f {
  width: 40px;
  height: 42px;
  background: url(https://static.orangenews.hk/static/orange/img/top-link.png) -99px 0 no-repeat;
  margin-left: 10px;
}
.header .top-right .item a.video {
  width: 47px;
  height: 42px;
  background: url(https://static.orangenews.hk/static/orange/img/top-link.png) -150px 0 no-repeat;
  margin-left: 10px;
}
.header .top-right .item a.serve {
  width: 95px;
  height: 42px;
  padding-left: 8px;
  line-height: 42px;
}
.header .top-right .item a.serve i {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 42px;
  background: url(https://static.orangenews.hk/static/orange/img/top-link.png) -201px 0 no-repeat;
}
.header .top-right .item a.fact {
  width: 95px;
  height: 42px;
  padding-left: 8px;
  line-height: 42px;
}
.header .top-right .item a.fact i {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 42px;
  background: url(https://static.orangenews.hk/static/orange/img/top-link.png) -298px 0 no-repeat;
}
.header .top-right .item a.login {
  width: auto;
  height: 42px;
  padding-left: 8px;
  line-height: 42px;
}
.header .top-right .item a.login img {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 0 8px 2px;
  border-radius:50%;
}
.header .top-right .item a.login i {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 42px;
  background: url(https://static.orangenews.hk/static/orange/img/top-link.png) -398px 0 no-repeat;
}
.header .top-right .level {
  position: absolute;
  right: 0;
  top: 90px;
  z-index: 9999;
  display: none;
  width: 300px;
  height: 300px;
  background: #fff;
  box-shadow: 0 0 10px #eee;
}
.header .top-right .level a {
  display: block;
  padding-left: 30px;
  height: 50px;
  line-height: 50px;
}
.header .top-right .level a:hover {
  background: #EFEFEF;
}

.navbar-position>.wid1200 {
  width: 1280px;
}

/* 骨架屏 */
#skeleton {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
}
.skeleton-header {
  height: 20vh;
  width: 80vw;
  margin: 0 auto;
}
.skeleton-header p {
  background-color: #f3f3f3;
  width: 300px;
  height: 30px;
  margin-left: 30px;
  margin-bottom: 10px;
}
.skeleton-header p:first-child {
  margin-top: 20px;
}
.skeleton-header p:nth-child(2) {
  width: 500px;
}
.skeleton-header p:nth-child(3) {
  margin-left: 80px;
}
.skeleton-content {
  display: flex;
  height: 60vh;
  width: 80vw;
  margin: 0 auto;
}
.skeleton-content div:first-child {
  width: 60vw;
  margin-right: 5vw;
  background-color: #f3f3f3;
}
.skeleton-content div:last-child {
  width: 15vw;
  background-color: #f3f3f3;
}

.loading-bottom {
  width: 100vw;
  padding: 50px;
}
.loading-bottom img {
  width: 70px;
  height: 70px;
  margin-left: 50%;
  position: relative;
  animation: loadingBottomRotate infinite 2s linear;
}
@keyframes loadingBottomRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.navbar {
  position: relative;
  height: 40px;
  background: #58595B;
}
.navbar .nav {
  display: block;
  overflow: hidden;
  /*position: relative;*/
}
.channel-out {
  position: fixed;
  top: 131px;
  /*top: 171px;*/
  left: 0;
  width: 100vw;
  display: none;
  height: auto;
  z-index: 99;
}
.channel-out:hover {
  display: block !important;
}
.channel-out-active {
  display: block !important;
}
.channel-hover {
  margin: 0 auto;
  width: 1218px;
  z-index: 99;
  padding: 10px;
  padding-bottom: 25px;
  /*border-top: 1px solid #f3f3f3;*/
  height: 240px;
  background-color: #efa22e;
  box-shadow: 0px 10px 15px rgb(0 0 0 / 7%);
}
.channel-hover div {
  width: 770px;
  border-bottom: 1px solid #e1e1e1;
  margin-left: 370px;
}
.channel-hover div:first-child {
  float: left;
  width: 330px;
  margin: 0;
  border: none;
}
.channel-hover div:first-child img {
  width: 320px;
  height: 210px;
}
.channel-hover div:first-child a {
  position: relative;
}
.channel-hover div:first-child p {
  background-color: rgba(239, 162, 46,0.6);
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
  padding-bottom: 20px !important;
  line-height: 20px;
  position: absolute;
  bottom: 14px;
  left: 0;
}
.channel-hover div p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.channel-out-list {
  height: auto;
  line-height: 12px;
  padding: 15px;
  border-top: 1px dashed #fff;
}

.navbar li {
  float: left;
  padding-right: 2px;
  height: 40px;
}
.navbar li a {
  display: block;
  font-size: 16px;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
}
.navbar li .navbar-second-2 a {
  padding: 0!important;
  font-size: 14px!important;
}
.navbar li.elect a {
  position: relative;
  font-size: 16px;
}
.navbar li.elect a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #efa22e;
}
/* 关闭header显示二级频道  只通过悬浮显示 */
/*.navbar li.elect .navbar-second-2 {*/
/*  display: block;*/
/*}*/
.navbar li:hover a {
  font-size: 16px;
  background:#efa22e;
  color:#fff;
}
.navbar li:hover > .navbar-second-2 li a {
  background:transparent;
  color:#fff;
}
.navbar-second-2 {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 9;
  width: 100%;
  height: auto;
  background: #efa22e;
}
.navbar-second-2 li {
  float: left;
  margin-right: 35px;
  padding-right: 0;
  height: 40px;
}
.navbar-second-2 li a {
  display: block;
  line-height: 40px;
  color: #fff;
}
.navbar-second-2 h2 {
  width: 1200px;
  margin: 0 auto;
  color: #fff;
  line-height: 35px;
  font-weight: bold;
}
.navbar-second-2 li:hover a {
  color:#333 !important;
}
.navbar-second-2 li.current a {
  color: #333;
}


.about-us {
  padding: 10px;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  display: flex;
}
.about-us span {
  margin-right: 15px;
  line-height: 30px;
}
.issue {
  display: flex;
  width: 100%;
  line-height: 30px;
  padding: 5px;
  position: absolute;
  bottom: 0;
}
.issue-title {
  color: #efa22e;
  font-weight: bold;
  margin-right: 15px;
}
.issue a p {
  margin-right: 10px;
}
.footer {
  height: 80px;
  background: #efa22e;
}
.footer a {
  color: #fff;
  line-height: 80px;
  padding-right: 20px;
}
.container {
  width: 100%;
  display: block;
  overflow: hidden;
}
.container video{
  width: 100%;
  height: 100%;
}
.content-01 {
  padding-top: 20px;
  padding-bottom:20px;
}
.swiper1 {
  width: 870px;
  height: 488px;
}
.swiper1 img {
  width: 870px;
  height: 488px;
}
.swiper1 p {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 40px;
  font-size: 28px;
  line-height: 45px;
  color: #f2f2f2;
  z-index: 99;
}
.swiper2 {
  width: 870px;
  height: 160px;
  margin-top: 20px!important;
}
.swiper2 img {
  width: 286px;
  height: 160px;
}
.other-link {
  width: 300px;
}
.other-link .box {
  width: 100%;
  height: 36px;
  background: #efefef;
  padding: 0 10px;
  position:relative;
}
.other-link .box span {
  line-height: 36px;
}
.other-link .box img {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  margin-left: 10px;
  width: 24px;
  height: 24px;
}
.other-link .link {
  display: block;
  width: 300px;
  margin-top: 17px;
}
.other-link .link img {
  width: 300px;
  height: 100px;
}
.other-link .link:last-child img {
  height: 250px;
}
.news {
  width: 790px;
}
.news ul li {
  width: 380px;
  height: 320px;
  border: 1px solid #f9f9f9;
  float: left;
  background: #f9f9f9;
  margin-right: 30px;
  margin-bottom: 30px;
}
.news ul li:nth-child(2n) {
  margin-right: 0;
}
.news ul li img {
  width: 380px;
  height: 213px;
  margin: -1px;
}
.news ul li p {
  padding: 0 15px;
  font-size: 18px;
  line-height: 26px;
  height: 52px;
  margin: 8px 0;
}
.news ul li span {
  display: block;
  padding: 0 15px;
  color: #999;
  margin-top: 0;
}
.news ul li .link-img {
  display: block;
  width: 300px;
  height: 250px;
  margin: 35px auto;
}
.border-none {
  border: none!important;
  background: #efefef;
}
.news .tit,
.article .tit,
.life .tit,
.cj-tit,
.recommend .tit {
  font-size: 22px;
  color: #efa22e;
  margin-bottom: 12px;
  line-height: 36px;
}
.news .tit a,
.article .tit a,
.life .tit a,
.cj-tit a,
.recommend .tit a {
  font-size: 14px;
  color: #999;
}
.news .tit a:hover,
.article .tit a:hover,
.life .tit a:hover,
.cj-tit a:hover,
.recommend .tit a:hover {
  color: #efa22e;
}
.article {
  width: 380px;
}
.article ul li {
  width: 380px;
  padding: 19px 0;
  border-bottom: 1px solid #eee;
}
.article ul li .scale {
  display: inline-block;
  vertical-align: top;
}
.article ul li img {
  width: 175px;
  height: 98px;
}
.article ul li p {
  width: 200px;
  height: 98px;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}
.article ul li:first-child {
  padding-top: 0;
}
.article ul li:last-child {
  border-bottom: none;
}
.content-02 {
  height:inherit !important;
  background: #efa22e;
  padding-top:20px !important;
  padding-bottom:20px;
}
.content-06 {
  height: 360px;
  background: #EFEFEF;
  padding-top: 30px;
}
.content-02 .tit {
  width: 1200px;
  margin: 0 auto 30px;
  position: relative;
}
.content-02 .tit span {
  display: block;
  width: 140px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #FAE9CD;
  background: url(https://static.orangenews.hk/static/orange/img/video.png) 18px center no-repeat;
  padding-left: 58px;
  line-height: 45px;
  font-size: 26px;
  color: #fff;
}
.content-02 .tit:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 44.2%;
  height: 1px;
  background: #FAE9CD;
}
.content-02 .tit:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 44.2%;
  height: 1px;
  background: #FAE9CD;
}
.content-06 .tit {
  width: 1200px;
  margin: 0 auto 30px;
  position: relative;
}
.content-06 .tit span {
  display: block;
  width: 110px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #efa22e;
  text-align: center;
  line-height: 45px;
  font-size: 26px;
  color: #efa22e;
}
.content-06 .tit:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 45.5%;
  height: 1px;
  background: #efa22e;
}
.content-06 .tit:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 45.5%;
  height: 1px;
  background: #efa22e;
}
.di-item {
  width: 345px;
  background: rgba(255, 255, 255, 0.1);
}
/*.di-item .scale {*/
/*  width: 345px;*/
/*  height: 194px;*/
/*}*/

.di-item .scale .video-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -80px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat;
  background-size: 60px 60px;
}
.position-relative .scale .video-icon {
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -80px !important;
  margin-left: -30px !important;
  width: 60px !important;
  height: 60px !important;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat !important;
  background-size: 60px 60px !important;
}
.di-item img {
  width: 345px;
  height: 194px;
}
.di-item p {
  font-size: 18px;
  margin-top: 10px;
  line-height: 24px;
  padding: 0 10px;
  height: 48px;
}
.di-item span {
  color: #333;
  display: block;
  margin-top: 10px;
  padding: 0 10px 10px;
}
.di-list {
  width: 1240px;
  margin: 0 auto;
  position: relative;
  padding-top: 20px;
}
.di-list .swiper3,
.di-list .swiper4,
.di-list .swiper7,
.di-list .swiper8 {
  width: 1100px;
}
.di-list .swiper7 {
  margin-bottom: 20px;
}
.swiper7 .scale {
  width: 170px;
  height: 250px;
}
.swiper7 img {
  width: 246px;
  height: 374px;
}
.swiper-zhaunlan img {
  width: 246px;
  height: 374px;
}
.swiper8 .scale {
  width: 170px;
  height: 250px;
  margin: 25px 0;
}
.swiper8 img {
  width: 100%;
  height: 308px;
  padding: 0 5px 10px 5px;
}
.swiper-button-prev.prev03,
.swiper-button-prev.prev04,
.swiper-button-prev.prev07,
.swiper-button-prev.prev08,
.swiper-button-prev_03.prev_03{
  background-image: url(https://static.orangenews.hk/static/orange/img/left-01.png) !important;
  left: 0;
  right: auto;
}
.swiper-button-next.next03,
.swiper-button-next.next04,
.swiper-button-next.next07,
.swiper-button-next.next08,
.swiper-button-next_03.next_03{
  background-image: url(https://static.orangenews.hk/static/orange/img/right-01.png) !important;
  right: 0;
  left: auto;
}
.swiper-button-prev.prev-l {
  background-image: url(https://static.orangenews.hk/static/orange/img/left02.png) !important;
  left: 0;
  right: auto;
}
.swiper-button-next.next-r {
  background-image: url(https://static.orangenews.hk/static/orange/img/right02.png) !important;
  right: 0;
  left: auto;
}
.swiper-button-prev.prev03,
.swiper-button-prev.prev04,
.swiper-button-next.next03,
.swiper-button-next.next04,
.swiper-button-prev.prev07,
.swiper-button-next.next07,
.swiper-button-prev.prev08,
.swiper-button-next.next08,
.swiper-button-next_03.next_03,
.swiper-button-prev_03.prev_03 {
  position: absolute;
  top: 82px;
  width: 51px;
  height: 51px;
  z-index: 10;
  cursor: pointer;
  background-size: 51px 51px;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 0;
  outline: none;
}
.swiper-button-next_03.next_03,
.swiper-button-prev_03.prev_03 {
  top: 45%;
}
.swiper-button-prev_03.prev_03 {
  left: -60px;
}
.swiper-button-next_03.next_03 {
  right: -60px;
}
.swiper-button-prev.prev04,
.swiper-button-next.next04 {
  top: 45%;
}
.swiper-button-prev.prev07,
.swiper-button-next.next07 {
  top: 45%;
}
.swiper-button-prev.prev08,
.swiper-button-next.next08 {
  top: 45%;
}
.content-03 {
  padding: 60px 0;
}
.content-03 img {
  display: block;
  /*width: 722px;
  height: 92px;*/
  margin: 0 auto;
}
.content-04,
.content-08 {
  width: 100%;
}
.content-04 .ewm-img,
.content-08 .ewm-img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.comments-list {
  display: block;
  overflow: hidden;
}
.comments-list dd {
  width: 380px;
  height: 150px;
  background: #333;
  margin-bottom: 23px;
  overflow: hidden;
}
.comments-list dd a {
  width: 380px;
  height: 150px;
  padding: 0 28px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.comments-list dd:nth-child(2n) {
  background: #666;
}
.comments-list dd p {
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  max-height: 60px;
}
.comments-list dd .line {
  display: block;
  margin: 5px auto;
  width: 317px;
  height: 15px;
  background: url(https://static.orangenews.hk/static/orange/img/line.png) no-repeat;
}
.comments-list dd em {
  font-size: 16px;
  color: #efa22e;
  line-height: 30px;
}
.life ul.first li {
  width: 585px;
  height: 465px;
  border: 1px solid #efa22e;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.life ul.first li:nth-child(2n) {
  margin-right: 0;
}
.life ul.first li .scale {
  width: 583px;
  height: 328px;
}
.life ul.first li img {
  width: 584px;
  height: 328px;
  margin: -1px;
}
.life ul.first li .life-img {
  width: 584px;
  height: 328px;
  display: block;
  overflow: hidden;
  position: relative;
}
.life ul.first li .life-img img {
  width: 584px;
  height: 328px;
}
.life ul.first li .life-img .video-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat;
  background-size: 60px 60px;
}
.life ul.first li p {
  padding: 10px 15px;
  font-size: 22px;
  line-height: 35px;
  height: 90px;
}
.life ul.first li span {
  display: block;
  padding: 0 15px;
  color: #666;
}
.life ul.second li {
  width: 380px;
  height: 320px;
  background: #f9f9f9;
  border: 1px solid #f9f9f9;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.eye-news-bc-fff ul.second li {
  margin: 0;
}
.life ul.second li:nth-child(3n) {
  margin-right: 0;
}
.life ul.second li img {
  width: 380px;
  height: 213px;
  margin: -1px;
}
.life ul.second li .life-img {
  width: 380px;
  height: 213px;
  display: block;
  overflow: hidden;
  position: relative;
}
.life ul.second li .life-img img {
  width: 380px;
  height: 213px;
}
.life ul.second li .life-img .video-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat;
  background-size: 60px 60px;
}
.life ul.second li p {
  padding: 0 15px;
  font-size: 18px;
  line-height: 26px;
  height: 52px;
  margin: 8px 0;
}
.life ul.second li span {
  display: block;
  padding: 0 15px;
  color: #999;
}
.gongzai-item {
  width: 165px;
  height: 195px;
}
.gongzai-item .scale {
  width: 165px;
  height: 165px;
  border-radius: 165px;
}
.gongzai-item img {
  width: 165px;
  height: 165px;
  border-radius: 165px;
}
.gongzai-item span {
  display: block;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}
.izl-rmenu {
  position: fixed;
  right: 15px;
  bottom: 30px;
  width: 40px;
  z-index: 999;
}
.izl-rmenu .btn {
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
}
.izl-rmenu .btn:hover {
  opacity: 1;
}
.izl-rmenu .btn-top {
  background: url(https://static.orangenews.hk/static/orange/img/up_01.png) center center no-repeat #85715360;
  display: none;
}
.izl-rmenu .btn-top .backtop {
  display: none;
  width: 28px;
  height: 28px;
  padding: 6px;
  line-height: 14px;
  color: #fff;
}
.list-link {
  width: 380px;
  height: 320px;
  padding: 30px 10px 0 10px;
  border: 1px solid #efa22e;
}
.list-link .item {
  display: block;
  float: left;
  width: 33.33%;
  margin-bottom: 30px;
}
.list-link .item .scale {
  display: block;
  margin: 0 auto;
  width: 71px;
  height: 71px;
  border-radius: 71px;
}
.list-link .item img {
  width: 71px;
  height: 71px;
  border-radius: 71px;
}
.list-link .item span {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.link-div {
  width: 340px;
  background: #fff;
  margin-bottom: 30px;
}
.link-div img {
  width: 340px;
  height: 190px;
}
.link-div p {
  padding: 0 15px;
  margin: 8px 0;
  font-size: 18px;
  line-height: 26px;
}
.link-div span {
  display: block;
  padding: 0 15px 15px;
  color: #999;
}
.special {
  padding: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.special img {
  width: 70px;
  -webkit-transform: rotate(360deg);
  animation: rotationLoading 3s linear infinite;
  -moz-animation: rotationLoading 3s linear infinite;
  -webkit-animation: rotationLoading 3s linear infinite;
  -o-animation: rotationLoading 3s linear infinite;
}

@keyframes rotationLoading {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
.banner {
  width: 100%;
}
.banner img {
  width: 100%;
  height: 358px;
}
.special-list {
  margin-top: 20px;
  padding-top: 22.5px;
  padding-left: 22.5px;
  background: #F2F2F2;
}
.special-list li {
  float: left;
  width: 370px;
  height: 208px;
  position: relative;
  overflow: hidden;
  margin-right: 22.5px;
  margin-bottom: 22.5px;
}
.special-list li img {
  width: 370px;
  height: 208px;
}
.special-list li span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  line-height: 45px;
  color: #fff;
  padding: 0 15px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  z-index: 9;
}
.toy-list {
  display: block;
  overflow: hidden;
  margin-right: -72px;
}
.toy-list li {
  float: left;
  width: 246px;
  height: 100%;
  margin-right: 72px;
  margin-bottom: 20px;
}
.toy-list li .tit {
  padding-bottom: 15px;
  border-bottom: 1px solid #efa22e;
}
.toy-list li .tit a {
  font-size: 20px;
  line-height: 26px;
  color: #efa22e;
  display: block;
  background: url(https://static.orangenews.hk/static/orange/img/link-r.png) right center no-repeat;
}
.toy-list li .scale {
  display: block;
  width: 250px;
  height: auto;
  margin-top: 10px;
  margin-bottom: 5px;
}
.toy-list li img {
  width: 246px;
  height: 100%;
}
.toy-list li .item {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  border-bottom: 1px solid #efa22e;
}
.toy-list li .item:last-child {
  border-bottom: none;
}
.nextpage {
  display: block;
  width: 100%;
  height: 50px;
  background: #efa22e;
  border-radius: 4px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 40px;
}
.nextpage:hover {
  background: #ed9716;
}
.nextpage-2 p:first-child {
  color: #9c9c9c;
  font-weight: 400;
  font-size: 13px;
}
.nextpage-2 p {
  text-align: center;
}
.center {
  padding: 30px 0;
}
.center-left {
  width: 300px;
  height: 488px;
  display: block;
  overflow: hidden;
  background: #fff;
}
.personal-details {
  padding: 30px;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
}
.personal-details img {
  width: 101px;
  height: 101px;
  border-radius: 101px;
}
.personal-details .name {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 20px;
}
.personal-details a {
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #0071b9;
}
.center-nav {
  display: block;
  overflow: hidden;
}
.center-nav li {
  padding: 20px 30px 0;
}
.center-nav li a {
  display: block;
  font-size: 16px;
}
.center-nav li.on a {
  color: #efa22e;
}
.center-nav li:hover a {
  color: #efa22e;
}
.center-right {
  width: 870px;
}
.center-right .tit {
  display: block;
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #efa22e;
  line-height: 30px;
}
.center-right .tit a {
  font-size: 14px;
  color: #666;
}
.center-right .tit a:hover {
  color: #efa22e;
}
.center-coll-list {
  margin-top: 30px;
  margin-right: -23px;
}
.center-coll-list li {
  width: 275px;
  height: 260px;
  border: 1px solid #efa22e;
  float: left;
  margin-right: 22.5px;
  margin-bottom: 30px;
  background: #fff;
  position: relative;
}
.center-coll-list li img {
  width: 275px;
  height: 154px;
  margin: -1px;
}
.center-coll-list li p {
  padding: 0 15px;
  font-size: 18px;
  line-height: 26px;
  height: 52px;
  margin: 7px 0 10px;
}
.center-coll-list li span {
  display: block;
  padding: 0 15px;
  color: #999;
}
.center-coll-list li .link-img {
  display: block;
  width: 300px;
  height: 250px;
  margin: 35px auto;
}
.center-coll-list li i {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 13px;
  width: 18px;
  height: 18px;
  z-index: 9;
  background: url(https://static.orangenews.hk/static/orange/img/delete.png) no-repeat;
  background-size: 18px;
  cursor: pointer;
}
.center-disclose-list {
  margin-top: 30px;
}
.center-disclose-list li {
  padding: 22px;
  background: #fff;
  margin-bottom: 15px;
}
.center-disclose-list li img {
  width: 200px;
  height: 112px;
}
.center-disclose-list li .text {
  width: 626px;
  height: 112px;
  float: left;
  padding-left: 22px;
  position: relative;
}
.center-disclose-list li .text p {
  font-size: 16px;
  line-height: 26px;
  height: 52px;
}
.center-disclose-list li .text p a:hover {
  color: #efa22e;
}
.center-disclose-list li .text .time {
  position: absolute;
  left: 22px;
  bottom: 0;
  color: #999;
}
.center-disclose-list li .text .shenhe {
  position: absolute;
  right: 60px;
  bottom: 0;
  color: #999;
  line-height: 20px;
}
.center-disclose-list li .text .weishenhe {
  position: absolute;
  right: 0px;
  bottom: 0;
  color: #999;
  line-height: 20px;
}
.center-set {
  padding: 0 30px 100px;
  background: #fff;
  margin-top: 30px;
}
.center-set .set {
  padding: 30px 0;
  border-bottom: 1px solid #eeeeee;
}
.center-set .set h3 {
  font-size: 18px;
  margin-bottom: 20px;
}
.center-set .set .info span {
  float: left;
}
.center-set .set .info p {
  padding-left: 90px;
}
.center-set .set .info em {
  margin-left: 30px;
  color: #efa22e;
  cursor: pointer;
}
.center-set .set .item {
  margin-bottom: 20px;
}
.center-set .set .item label {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
}
.center-set .set .item .set-inp {
  width: 240px;
  height: 30px;
  border: 1px solid #eeeeee;
  padding: 0 10px;
}
.center-set .set .set-btn {
  position: absolute;
  right: 0;
  bottom: 50px;
  width: 70px;
  height: 30px;
  border-radius: 4px;
  background: #efa22e;
  color: #fff;
}
#popup,
#popup1 {
  display: none;
}
.popup {
  padding: 10px 35px;
}
.popup .item {
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.popup .popup-inp {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
.popup .getcode,
.popup .getcode1 {
  position: absolute;
  right: 0;
  bottom: 20px;
  display: block;
  width: 96px;
  height: 30px;
  background: #efa22e;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
}
.popup .reSent,
.popup .reSent1 {
  position: absolute;
  right: 0;
  bottom: 20px;
  display: block;
  width: 96px;
  height: 30px;
  background: #efa22e;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  display: none;
}
.popup .popup-btn {
  margin-top: 30px;
  display: block;
  width: 100%;
  height: 38px;
  border-radius: 5px;
  background: #efa22e;
  font-size: 16px;
  color: #fff;
}
.popup .code {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 82px;
  height: 31px;
  cursor: pointer;
}
.popup .code img {
  width: 82px;
  height: 31px;
}
.zl-inp {
  width: 240px;
  height: 30px;
  border: 1px solid #eeeeee;
  padding: 0 10px;
}
.ziliao span {
  line-height: 30px;
  padding-left: 10px;
  color: #999;
}
.gender label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.gender-radio[type=radio] {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  background: url(https://static.orangenews.hk/static/orange/img/radio.png) no-repeat;
  cursor: pointer;
  margin-right: 30px;
}
.gender-radio[type=radio]:checked {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  background: url(https://static.orangenews.hk/static/orange/img/radio-checked.png) no-repeat;
  cursor: pointer;
  margin-right: 30px;
}
.confirm-btn {
  display: block;
  margin-top: 30px;
  width: 70px;
  height: 30px;
  border-radius: 4px;
  background: #efa22e;
  color: #fff;
}
.area-inp {
  width: 240px;
  height: 30px;
  border: 1px solid #eeeeee;
  padding: 0 50px 0 10px;
  background: url(https://static.orangenews.hk/static/orange/img/up.png) 210px center no-repeat;
  cursor: pointer;
}
.area-list {
  display: none;
  position: absolute;
  top: 110px;
  left: 0;
  width: 240px;
  height: 210px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #eeeeee;
}
.area-list dl {
  display: block;
  overflow: hidden;
}
.area-list dl dt {
  padding: 0 20px;
  height: 26px;
  background: #efa22e;
  color: #fff;
  line-height: 26px;
}
.area-list dl dd {
  padding: 5px 20px;
  cursor: pointer;
}
.area-list dl dd:hover {
  background: #f5f5f5;
}
.dipian {
  padding-bottom: 20px;
}
.swiper5 {
  width: 894px;
  height: 674px;
  border: 1px solid #efa22e;
}

.swiper5 .swiper-pagination {
  width: 100%;
  top: 465px;
  height: 20px;
}

.video-img {
  width: 894px;
  height: 502px;
  margin: -1px;
  position: relative;
}
.video-img img {
  width: 894px;
  height: 502px;
}
.video-img .ico {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 176px;
  height: 177px;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat;
  margin-left: -88px;
  margin-top: -88.5px;
  z-index: 9;
}
.video-img .labels {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.video-img .labels em {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px;
  margin: 0 2px;
}
.video-text {
  padding: 10px 15px;
}
.video-text p {
  font-size: 20px;
  line-height: 30px;
  height: auto;
  overflow: hidden;
}
.video-text span {
  display: block;
  color: #999;
  margin-top: 5px;
}
.video-banner {
  position: relative;
}
.video-banner .swiper-pagination {
  width: 100%;
  bottom: 0;
}
.video-banner .swiper-pagination .swiper-pagination-bullet {
  background: #ccc;
  outline: none;
  margin: 0 4px;
}
.video-banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #efa22e;
}
.video-list {
  width: 280px;
}
.video-list .video-item {
  border-bottom: 1px solid #efa22e;
  margin-bottom: 20px;
}
.video-list .video-item:last-child {
  border-bottom: none;
}
.video-list .item-img {
  position: relative;
  width: 280px;
  height: 158px;
}
.video-list .item-img .scale {
  width: 280px;
  height: 158px;
}
.video-list .item-img img {
  width: 280px;
  height: 158px;
}
.video-list .item-img .labels {
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.video-list .item-img .labels em {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px;
  margin: 0 2px;
}
.video-list p {
  margin: 10px 0;
  line-height: 18px;
  height: 38px;
  overflow: hidden;
}
.more {
  display: block;
  width: 300px;
  height: 50px;
  background: #efa22e;
  border-radius: 4px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  margin: 0 auto;
}
.more:hover {
  background: #ed9716;
}
.dipian-content .tit {
  text-align: center;
  margin-bottom: 40px;
}
.dipian-content .tit h3 {
  position: relative;
  font-size: 28px;
  color: #efa22e;
}
.dipian-content .tit h3:before {
  content: '';
  position: absolute;
  left: 0;
  top: 55%;
  width: 45%;
  height: 1px;
  background: #efa22e;
}
.dipian-content .tit h3:after {
  content: '';
  position: absolute;
  right: 0;
  top: 55%;
  width: 45%;
  height: 1px;
  background: #efa22e;
}
.dipian-content .tit .big:after,
.dipian-content .tit .big:before {
  width: 42%;
}
.dipian-content .tit span {
  display: block;
  text-align: center;
  padding: 10px 0;
  color: #999;
  letter-spacing: 2px;
  font-size: 16px;
}
.dipian-content .tit .c6 {
}
.big-banner {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  border-top: 1px solid #efa22e;
  background: url(https://static.orangenews.hk/static/orange/img/l.png) left bottom repeat-x;
}
.big-banner img {
  width: 100%;
  /*height: 600px;*/
  object-fit: cover;
}

.info-banner {
  width: 100%;
  margin: 0 auto;
  display: block;
  overflow: hidden;
}
.info-banner img {
  width: 100%;
}
.info-banner-intro {
  width: 1200px;
  box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
  display: flex;
  margin-top: 10px;
  border: 1px solid #f3f3f3;
  border-radius: 10px;
  padding: 10px;
}
.info-banner-intro img {
  width: 15%;
}
.info-banner-intro div {
  text-align: left;
  padding: 10px;
  margin: 0 5% 2%;
  align-self: end;
}
.info-banner-intro div p:first-child {
  font-size: 30px;
  color: #efa22e;
  font-weight: bold;
  margin-bottom: 20px;
}
.big-video {
  width: 996px;
  margin: -270px auto 0;
}
.big-video-tit {
  font-size: 40px;
  color: #efa22e;
  margin-bottom: 10px;
}
.big-video-tit i {
  color: #fff;
}
.big-video-link {
  width: 996px;
  height: 710px;
  border: 1px solid #efa22e;
}
.big-video-link .video-img {
  width: 996px;
  height: 560px;
}
.big-video-link .video-img img {
  width: 996px;
  height: 560px;
}
.big-video-link .video-img .ico {
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  background-size: 100px 100px;
}
.life-list {
  margin-top: 70px;
  margin-bottom: 50px;
}
.life-list li {
  width: 280px;
  height: 280px;
  border: 1px solid #efa22e;
  float: left;
  margin-right: 26px;
  margin-bottom: 20px;
}
.life-list li:nth-child(4n) {
  margin-right: 0;
}
.life-list li .scale {
  width: 280px;
  height: 158px;
}
.life-list li img {
  width: 280px;
  height: 158px;
  margin: -1px;
}
.life-list li .labels {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.life-list li .labels em {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px;
  margin: 0 2px;
}
.life-list li p {
  padding: 0 10px;
  margin: 10px 0;
  font-size: 16px;
  line-height: 22px;
  height: 66px;
}
.life-list li span {
  display: block;
  padding: 5px 10px;
  color: #999;
  font-size: 12px;
}
.swiper6 {
  width: 880px;
  height: 600px;
  border: 1px solid #efa22e;
  background: #fff;
}
.swiper6 .swiper-pagination {
  width: 100%;
  top: 465px;
  height: 20px;
}
.swiper6 .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  outline: none;
  margin: 0 4px;
  opacity: 0.3;
}
.swiper6 .swiper-pagination .swiper-pagination-bullet-active {
  background: #efa22e;
  opacity: 1;
}
.cj-img {
  width: 880px;
  height: 495px;
  margin: -1px;
  position: relative;
}
.cj-img img {
  width: 880px;
  height: 495px;
}
.cj-right-img {
  width: 300px;
}
.cj-right-img img {
  width: 300px;
  height: 600px;
}
.caijing-info-01 {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 15px;
}
.caijing-info-01 h1 {
  margin-top: 20px;
}
.caijing-info-01 h2 {
  font-size: 32px;
  line-height: 45px;
  margin-top: 20px;
}
.caijing-info-01 p {
  margin-top: 10px;
  color: #666;
}
.caijing-info-01 p span {
  padding-right: 10px;
}
.caijing-info-01 p .time {

}
#video {
  margin-top: 20px;
}
.caijing-info-02 {
  padding: 20px 0;
}
.caijing-info-03 {
  padding: 40px 0;
}
.share {
  width: 35px;
  /*margin-left: 30px;*/
  position: fixed;
}
.share a {
  display: block;
  width: 35px;
  height: 35px;
  margin-bottom: 15px;
  transition: all 0.25s linear;
}

.share a.sms {
  background: url(https://static.orangenews.hk/static/orange/img/icon.png) 0 0 no-repeat;
}

.share a.sms:hover {
  background: url(https://static.orangenews.hk/static/orange/img/share.png) 0 0 no-repeat;
}

.share a.WeChat {
  background: url(https://static.orangenews.hk/static/orange/img/icon.png) 0 -96px no-repeat;
}

.share a.WeChat:hover {
  background: url(https://static.orangenews.hk/static/orange/img/share.png) 0 -96px no-repeat;
}

.share a.weibo {
  background: url(https://static.orangenews.hk/static/orange/img/icon.png) 0 -144px no-repeat;
}

.share a.weibo:hover {
  background: url(https://static.orangenews.hk/static/orange/img/share.png) 0 -144px no-repeat;
}

.share a.f {
  background: url(https://static.orangenews.hk/static/orange/img/icon.png) 0 -47px no-repeat;
}

.share a.f:hover {
  background: url(https://static.orangenews.hk/static/orange/img/share.png) 0 -47px no-repeat;
}

.share a.link {
  background: url(https://static.orangenews.hk/static/orange/img/icon.png) 0 -195px no-repeat;
}

.share a.link:hover {
  background: url(https://static.orangenews.hk/static/orange/img/share.png) 0 -195px no-repeat;
}

.share a.coll {
  background: url(https://static.orangenews.hk/static/orange/img/icon.png) 0 -240px no-repeat;
}

.share a.coll:hover {
  background: url(https://static.orangenews.hk/static/orange/img/share.png) 0 -240px no-repeat;
}

.share a.collection {
  background: url(https://static.orangenews.hk/static/orange/img/icon-coll.png) 0 0 no-repeat;
}
.fixed {
  position: fixed;
  top: 70px;
  z-index: 0;
}
.caijing-info-content {
  width: 840px;
  margin-left: 108px;
}
.copy-title {
  position: relative;
}
.ai-box {
  position: absolute;
  right: 18rem;
  bottom: -2.5rem;
  cursor: pointer;
  color: #666666;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: .2rem;
  padding: .2rem .5rem;
  border-radius: 5px;
}
.ai-box img {
  height: 20px;
}
.ai-box .pasue-icon {
  position: relative;
}
.source_mobile {
  display: none;
}
.ai-desc {
  width: 100%;
  background-image: url("https://static.orangenews.hk/static/orange/img/ai-desc-bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 30px 60px;
  font-weight: bold;
  background-color: #ebebeb;
  height: 235px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.ai-desc li {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  list-style: disc;
}
.ai-title {
  padding-left: 35px;
  position: relative;
  margin: 20px 0;
  font-weight: bold;
}
.ai-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url(https://static.orangenews.hk/static/orange/img/ai-desc-1.png);
  background-size: cover;
}
.ai-extend {
  background: #ebebeb;
  padding: 30px;
  width: 100%;
  min-height: 200px;
  border-radius: 10px;
  margin-bottom: 20px;
  line-height: 25px;
}
.ai-extend h1 {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
}
.ai-extend h1:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(https://static.orangenews.hk/static/orange/img/ai-ys.png);
  background-size: cover;
}

@media (max-width: 768px) {
  .ai-desc {
    background-image: unset !important;
    padding: 15px !important;
    border: 1px dashed #efa22e !important;
    height: auto !important;
  }
  .ai-desc ul {
    padding: 0 15px;
  }
}
.details {
  display: block;
  overflow: hidden;
  line-height: 25px;
  color: #333;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 1rem;
}
.details iframe{
  width: 800px;
  height: 450px;
  margin-left: 15px;
}
.details p,.details h1,.details h2,.details h3,.details h4,.details h5,.details h6{
  margin-bottom:1rem !important;
}
.details img {
  max-width: 100% !important;
}
.gg-link {
  padding: 40px 0;
}
.gg-link img {
  width: 722px;
  height: 92px;
  display: block;
  margin: 0 auto;
}
.comments {
  padding-top: 25px;
  border-top: 1px solid #efa22e;
}
.comments .tit {
  font-size: 22px;
  color: #efa22e;
  margin-bottom: 25px;
}
.comments .tit1 {
  font-size: 20px;
  margin-bottom: 35px;
}
.comments .tit1 i {
  font-size: 28px;
  color: #efa22e;
  padding-right: 6px;
}
.comments .item {
  margin-bottom: 25px;
}
.comments .item .header-img {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
  border-radius: 50%;
}
.comments .item .text {
  float: right;
  width: 780px;
  line-height: 22px;
}
.comments .item .text span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.comments .item .text p {
  display: block;
  padding: 5px 0;
}
.comments .item .text .name {
  font-size: 16px;
}
.comments .item .text .zan {
  display: inline-block;
  vertical-align: middle;
  background: url(https://static.orangenews.hk/static/orange/img/zan.png) left center no-repeat;
  background-size: 17px 16px;
  padding-left: 22px;
  color: #999;
  cursor: pointer;
  margin-right: 10px;
}
.comments .item .text .zan.on {
  background: url(https://static.orangenews.hk/static/orange/img/zan-01.png) left center no-repeat;
  background-size: 17px 16px;
}
.comments .item .text .daozan {
  display: inline-block;
  vertical-align: middle;
  background: url(https://static.orangenews.hk/static/orange/img/daozan.png) left center no-repeat;
  background-size: 17px 16px;
  padding-left: 22px;
  color: #999;
  cursor: pointer;
}
.comments .item .text .daozan.on {
  background: url(https://static.orangenews.hk/static/orange/img/daozan-01.png) left center no-repeat;
  background-size: 17px 16px;
}
.comments .item .text .huifu,
.comments .item .text .twig {
  cursor: pointer;
}
.comments .item .com-form {
  float: right;
  width: 780px;
}
.comments .item .com-form .com-inp {
  width: 680px;
  height: 50px;
  border: 1px solid #eeeeee;
  border-right: none;
  padding: 0 20px;
  font-size: 16px;
  line-height: 30px;
  float: left;
}
.comments .item .com-form .com-btn {
  width: 100px;
  height: 50px;
  background: #efa22e;
  font-size: 18px;
  color: #fff;
  float: right;
}
.mb40 {
  margin-bottom: 40px!important;
}
.cj-article {
  width: 175px;
}
.cj-article .tit {
  font-size: 22px;
  color: #efa22e;
  margin-bottom: 12px;
}
.cj-article ul li {
  width: 175px;
  padding: 20px 0 15px;
  border-bottom: 1px solid #efa22e;
}
.cj-article ul li img {
  width: 175px;
  height: 98px;
}
.cj-article ul li p {
  font-size: 14px;
  line-height: 24px;
}
.cj-article ul li:first-child {
  padding-top: 0;
}
.cj-article ul li:last-child {
  border-bottom: none;
}
.tuijian {
  padding-top: 40px;
}
.tuijian li {
  background: #fff;
}
.location a:hover {
  /*color: #efa22e;*/
}
.login-page {
  width: 100%;
  min-height: 100vh;
  padding: 50px 0;
}
.login-logo {
  width: 235px;
  height: 132px;
  display: block;
  margin: 0 auto;
}
.login-form {
  width: 800px;
  min-height: 640px;
  background: #fff;
  box-shadow: 0 0 10px #ddd;
  margin: 50px auto;
  border-top: 3px solid #efa22e;
  position: relative;
}
.login-form .close {
  position: absolute;
  right: 18px;
  top: 24px;
  display: block;
  width: 17px;
  height: 17px;
  background: url(https://static.orangenews.hk/static/orange/img/close.png) no-repeat;
}
.login-form .con {
  width: 300px;
  margin: 0 auto;
  padding: 40px 0;
}
.login-form .con h3 {
  font-size: 28px;
  text-align: center;
  color: #666;
  margin-bottom: 30px;
}
.login-form .con h4 {
  font-size: 16px;
  padding-left: 12px;
  color: #666;
  margin-bottom: 20px;
}
.login-form .con h5 {
  font-size: 16px;
  text-align: center;
  color: #666;
  margin-bottom: 30px;
}
.login-form .con h6 {
  font-size: 14px;
  padding-left: 12px;
  color: #999;
  margin-bottom: 15px;
  margin-top: 15px;
}
.login-form .con .item {
  position: relative;
  margin-bottom: 10px;
}
.login-form .con .login-inp {
  width: 100%;
  height: 45px;
  background: #eee;
  border-radius: 3px;
  padding: 0 12px;
  font-size: 16px;
}
.login-form .con .login-inp-tel {
  width: 100%;
  height: 45px;
  background: #eee;
  border-radius: 3px;
  padding: 0 12px;
  font-size: 16px;
  padding-left: 75px;
}
.login-form .con .login-btn {
  width: 100%;
  height: 45px;
  background: #efa22e;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 18px;
  margin-top: 20px;
  letter-spacing: 2px;
}
.login-form .con .login-btn:hover {
  background: #ed9716;
}
.login-form .con .login-link {
  position: relative;
  margin-top: 30px;
}
.login-form .con .login-link:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 20px;
  background: #eeeeee;
}
.login-form .con .login-link a {
  color: #666;
  line-height: 20px;
}
.login-form .con .number {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 65px;
  text-align: center;
  line-height: 45px;
}
.login-form .con .number:after {
  content: '';
  position: absolute;
  right: 0;
  top: 14px;
  width: 1px;
  height: 18px;
  background: #666;
}
.login-form .con .getcode {
  position: absolute;
  right: 12px;
  top: 0;
  line-height: 45px;
  color: #efa22e;
  cursor: pointer;
}
.login-form .con .reSent {
  position: absolute;
  right: 12px;
  top: 0;
  line-height: 45px;
  color: #efa22e;
  cursor: pointer;
  display: none;
}
.login-form .con .code-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 114px;
  height: 45px;
  z-index: 9;
}
.login-form .con .code-img img {
  width: 114px;
  height: 45px;
}
.login-form .tip {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: 108px;
}
.login-form .tip a {
  color: #0071B9;
}
.other-login-tit {
  margin-top: 30px;
  position: relative;
  text-align: center;
}
.other-login-tit:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 95px;
  height: 1px;
  background: #ddd;
}
.other-login-tit:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 95px;
  height: 1px;
  background: #ddd;
}
.other-login-type {
  margin-top: 25px;
  display: flex;
  justify-content: center;
}
.other-login-type a:nth-child(2) {
  margin-top: 100px;
}
.other-login-type span {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #999;
}
.other-login-type .middle {
  margin-left: 74px;
}
.reg-tip {
  text-align: right;
  margin-top: 20px;
  font-size: 12px;
  color: #666;
}
.reg-tip a {
  text-decoration: underline;
}
.register-other-type {
  margin-left: -50px;
  margin-right: -50px;
}
.comment-top {
  padding: 20px 0;
}
.left-img {
  width: 984px;
  height: 552px;
  display: block;
  overflow: hidden;
}
.left-img img {
  width: 984px;
  height: 552px;
}
.recommend {
  width: 175px;
}
.recommend ul li {
  width: 175px;
  padding: 15px 0;
  border-bottom: 1px solid #efa22e;
}
.recommend ul li .rec-img {
  width: 175px;
  height: 98px;
  display: block;
  overflow: hidden;
  position: relative;
}
.recommend ul li .rec-img img {
  width: 175px;
  height: 98px;
}
.recommend ul li .rec-img .video-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat;
  background-size: 30px 30px;
}
.recommend ul li span {
  display: block;
  margin-top: 10px;
}
.recommend ul li span em {
  color: #efa22e;
}
.recommend ul li:first-child {
  padding-top: 0;
}
.recommend ul li:last-child {
  border-bottom: none;
}
.video-details{
  padding: 30px 0;
}
.article-info {
  width: 1095px;
}
.article-info h2 {
  font-size: 30px;
}
.article-info p {
  margin: 15px 0;
  line-height: 30px;
  color: #000;
}
.article-info span {
  color: #000;
}
.huifu-box {
  width: 780px;
  margin: 20px 0 20px 60px;
  border: 1px solid #ddd;
}
.huifu-box textarea {
  width: 100%;
  height: 150px;
  padding: 12px 15px;
  font-size: 16px;
  line-height: 24px;
}
.huifu-box .bottom {
  height: 50px;
  background: #f0f0f0;
}
.huifu-box .bottom span {
  display: block;
  float: left;
  width: 678px;
  padding-right: 30px;
  text-align: right;
  font-size: 18px;
  color: #999;
  line-height: 50px;
}
.huifu-box .bottom .huifu-btn {
  width: 100px;
  height: 50px;
  display: block;
  float: right;
  font-size: 18px;
  color: #fff;
  background: #efa22e;
}
.huodong-banner {
  padding: 0 0 40px 0;
  background: #F0F0F0;
  position: relative;
}
.huodong-banner img {
  width: 995px;
  height: 560px;
}
.huodong-list {
  padding: 40px 0;
}
.huodong-list .tit {
  font-size: 22px;
  color: #efa22e;
  margin-bottom: 12px;
}
.huodong-list ul {
  margin-right: -30px;
}
.huodong-list ul li {
  width: 380px;
  height: 350px;
  padding: 15px;
  position: relative;
  border: 1px solid #eeeeee;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.huodong-list ul li .hd-img {
  width: 350px;
  height: 196px;
}
.huodong-list ul li p {
  margin-top: 10px;
  line-height: 26px;
  height: 52px;
  font-size: 16px;
  color: #666;
  overflow: hidden;
}
.huodong-list ul li span {
  position: absolute;
  bottom: 15px;
  left: 15px;
  line-height: 40px;
  font-size: 24px;
}
.huodong-list ul li .logo-ico {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 40px;
  height: 40px;
}
.huodong-more {
  padding: 40px 0 10px 0;
  background: #717171;
}
.huodong-more .tit {
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}
.huodong-more ul {
  width: 100%;
  display: block;
  text-align: center;
}
.huodong-more ul li {
  width: 595px;
  height: 150px;
  margin: 0 15px;
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: middle;
}
.huodong-more ul li img {
  width: 595px;
  height: 150px;
}
.baoliao {
  padding: 30px 0;
}
.baoliao h2 {
  font-size: 30px;
}
.baoliao .bl-img {
  display: block;
  margin: -20px auto 0;
}
.baoliao-content {
  margin-top: 20px;
  margin-bottom: 60px;
}
.baoliao-content .bl-left {
  width: 780px;
}
.baoliao-content .bl-left p {
  font-size: 16px;
  line-height: 28px;
}
.baoliao-content .bl-left .bl-inp {
  width: 100%;
  height: 60px;
  background: #EFEFEF;
  padding: 0 20px;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.baoliao-content .bl-left .bl-textarea {
  width: 100%;
  height: 300px;
  background: #EFEFEF;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
}
.baoliao-content .bl-left .bl-btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  width: 160px;
  height: 50px;
  font-size: 16px;
  color: #fff;
  background: #efa22e;
  display: block;
  line-height: 20px;
}
.baoliao-content .bl-right {
  width: 390px;
}
.baoliao-content .bl-right .bl-contact {
  padding: 30px;
  background: #efa22e;
}
.baoliao-content .bl-right .bl-contact .item {
  height: 60px;
  border: 1px solid #fff;
  border-radius: 5px;
  padding-left: 15px;
  font-size: 18px;
  color: #fff;
  line-height: 60px;
  margin-bottom: 25px;
}
.baoliao-content .bl-right .bl-contact .item:last-child {
  margin-bottom: 0;
}
.baoliao-content .bl-right .bl-contact .item i {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
.baoliao-content .bl-right .bl-contact .item i.tel {
  background: url(https://static.orangenews.hk/static/orange/img/contact.png) 0 0 no-repeat;
}
.baoliao-content .bl-right .bl-contact .item i.fax {
  background: url(https://static.orangenews.hk/static/orange/img/contact.png) 0 -85px no-repeat;
}
.baoliao-content .bl-right .bl-contact .item i.email {
  background: url(https://static.orangenews.hk/static/orange/img/contact.png) 0 -172px no-repeat;
}
.baoliao-content .bl-right .bl-contact .item i.Whatsapp {
  background: url(https://static.orangenews.hk/static/orange/img/contact.png) 0 -259px no-repeat;
}
.add-file {
  position: relative;
  margin-top: 20px;
  padding-top: 5px;
}
.add-file .add-item {
  float: left;
  padding-left: 45px;
  line-height: 40px;
  margin-right: 40px;
  cursor: pointer;
}
.add-file .add-item.add-img {
  background: url(https://static.orangenews.hk/static/orange/img/add-01.png) left center no-repeat;
}
.add-file .add-item.add-video {
  background: url(https://static.orangenews.hk/static/orange/img/add-02.png) left center no-repeat;
}
.add-file .add-item.add-audio {
  background: url(https://static.orangenews.hk/static/orange/img/add-03.png) left center no-repeat;
}
.agree {
  text-align: right;
}
.agree .agree-check[type=checkbox] {
  width: 20px;
  height: 20px;
  background: url(https://static.orangenews.hk/static/orange/img/check-01.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.agree .agree-check[type=checkbox]:checked {
  width: 20px;
  height: 20px;
  background: url(https://static.orangenews.hk/static/orange/img/checked-01.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.agree a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
  color: #999;
}
.bl-link-img {
  width: 100%;
  margin-top: 30px;
  background: #F4F4F4;
}
.bl-link-img .scale {
  width: 100%;
  margin: 0 auto;
}
.bl-link-img img {
  width: 100%;
  display: block;
}
.border-top {
  border-top: 1px solid #efa22e;
}
.huifu-list {
  width: 780px;
  margin: 20px 0 20px 60px;
}
.huifu-list .text {
  width: 720px!important;
}
.huifu-form {
  margin: 20px 0 20px 60px;
  width: 780px;
}
.huifu-form .com-inp {
  width: 680px;
  height: 50px;
  border: 1px solid #eeeeee;
  border-right: none;
  padding: 0 20px;
  font-size: 16px;
  line-height: 30px;
  float: left;
}
.huifu-form .com-btn {
  width: 100px;
  height: 50px;
  background: #efa22e;
  font-size: 18px;
  color: #fff;
  float: right;
}
.add-img-popup,
.add-video-popup,
.add-audio-popup {
  display: none;
  width: 620px;
  min-height: 255px;
  padding: 20px 30px;
  border: 1px solid #efa22e;
  margin-top: 30px;
  position: relative;
  background: #fff;
}
.add-img-popup:before,
.add-video-popup:before,
.add-audio-popup:before {
  content: '';
  position: absolute;
  top: -31px;
  left: 50px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 15px;
  border-color: transparent transparent #efa22e transparent;
  border-style: solid;
}
.add-img-popup:after,
.add-video-popup:after,
.add-audio-popup:after {
  content: '';
  position: absolute;
  top: -29px;
  left: 50px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 15px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}
.add-img-popup .tip,
.add-video-popup .tip,
.add-audio-popup .tip {
  margin: 10px 0 15px 0;
  font-size: 14px;
  color: #999;
}
.add-img-popup .close-popup,
.add-video-popup .close-popup,
.add-audio-popup .close-popup {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 17px;
  height: 17px;
  background: url(https://static.orangenews.hk/static/orange/img/close.png) no-repeat;
  cursor: pointer;
}
.add-video-popup:before {
  left: 190px;
}
.add-video-popup:after {
  left: 190px;
}
.add-video-popup .add-video-img {
  width: 118px;
  height: 118px;
  float: left;
}
.add-video-popup .tip-box {
  width: 410px;
  height: 118px;
  float: left;
  margin-left: 20px;
  padding: 10px 20px;
  line-height: 22px;
  font-size: 12px;
  color: #000;
  background: #EFEFEF;
}
.public .life ul.second li {
  margin-bottom: 20px;
}
.add-audio-popup:before {
  left: 330px;
}
.add-audio-popup:after {
  left: 330px;
}
.add-audio-popup .tip-box {
  margin-top: 20px;
  width: 390px;
  padding: 10px 20px;
  line-height: 22px;
  font-size: 12px;
  color: #000;
  background: #EFEFEF;
}
.input-wrap {
  position: relative;
  font-size: 16px;
  color: #bababa;
  border: 1px solid #eeeeee;
  background: #fff;
  width: 780px;
  float: right;
  height: 50px;
  box-sizing: content-box;
}
.c-textarea {
  background: #fff;
  padding: 14px 16px 0;
  font: 600 16px 'SourceHanSans-R';
}
.c-textarea textarea {
  display: block;
  font-size: 16px;
  width: 100%;
  height: 30px;
  resize: none;
  border: 0;
  outline: 0;
  padding: 0;
  font: 500 16px 'SourceHanSans-R';
  transition: all 0.4s;
}
.c-action {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  border: none;
  height: 50px;
}
.c-action .c-submit {
  float: right;
  font-size: 18px;
  line-height: 50px;
  background-color: #efa22e;
  width: 110px;
  height: 100%;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.input-wrap.focus {
  height: 100%;
}
.input-wrap.focus .c-textarea textarea {
  height: 110px;
}
.input-wrap.focus .c-action {
  position: relative;
  background-color: #f4f5f6;
}
.input-wrap.focus .c-action .c-submit {
  background-color: #efa22e;
}
.swiper1 a:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(254, 254, 254, 0);
  background: -moz-linear-gradient(top, rgba(23, 23, 23, 0) 46%, #171717 93%);
  background: -webkit-gradient(left top, left bottom, color-stop(46%, rgba(23, 23, 23, 0)), color-stop(93%, #171717));
  background: -webkit-linear-gradient(top, rgba(23, 23, 23, 0) 46%, #171717 93%);
  background: -o-linear-gradient(top, rgba(23, 23, 23, 0) 46%, #171717 93%);
  background: -ms-linear-gradient(top, rgba(23, 23, 23, 0) 46%, #171717 93%);
  background: linear-gradient(to bottom, rgba(23, 23, 23, 0) 46%, #171717 93%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#171717', GradientType=0);
}
.position-logo {
  height: 40px;
}
.navbar-position {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  box-shadow: 0 0 3px #000;
}
.nav-login {
  padding-right: 10px;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.nav-login img {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-top: 5px;
  margin-right: 5px;
}
.center-right .number {
  padding: 15px 0;
}
.center-right .number em {
  color: #efa22e;
  padding: 0 4px;
}
.center-comments-list {
  background: #fff;
  min-height: 552px;
  padding: 0 40px;
}
.center-comments-list li {
  padding: 30px 0;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.center-comments-list li:last-child {
  border-bottom: none;
}
.center-comments-list li p {
  line-height: 24px;
}
.center-comments-list li .link {
  display: block;
  padding: 10px;
  background: #F5F5F5;
  margin-top: 10px;
  line-height: 24px;
}
.center-comments-list li .time {
  margin-top: 10px;
  display: block;
  color: #999;
}
.center-comments-list li .handle {
  margin-top: 10px;
}
.center-comments-list li .handle span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
  color: #999;
}
.center-comments-list li .handle span.zan {
  background: url(https://static.orangenews.hk/static/orange/img/dianzan.png) left center no-repeat;
  background-size: 20px;
}
.center-comments-list li .handle span.huifu {
  background: url(https://static.orangenews.hk/static/orange/img/icon_reply.png) left center no-repeat;
  background-size: 20px;
  cursor: pointer;
}
.center-comments-list li .handle span.huifu.on {
  background: url(https://static.orangenews.hk/static/orange/img/icon_reply_on.png) left center no-repeat;
  background-size: 20px;
  color: #efa22e;
}
.center-comments-list li .handle span.delete {
  background: url(https://static.orangenews.hk/static/orange/img/shanchu.png) left center no-repeat;
  background-size: 20px;
  cursor: pointer;
}
.center-huifu-list {
  display: none;
  position: relative;
}
.center-huifu-list .con {
  background: #f7f7f7;
  padding: 30px;
  margin-top: 30px;
  max-height: 350px;
  overflow: auto;
}
.center-huifu-list .item {
  margin-bottom: 25px;
}
.center-huifu-list .item:last-child {
  margin-bottom: 0;
}
.center-huifu-list .item .header-img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
  float: left;
}
.center-huifu-list .item .text {
  float: left;
  width: 650px;
  margin-left: 20px;
  line-height: 22px;
}
.center-huifu-list .item .text span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.center-huifu-list .item .text p {
  display: block;
  padding: 5px 0;
}
.center-huifu-list .item .text .name {
  font-size: 16px;
}
.center-huifu-list .item .text .zan {
  display: inline-block;
  vertical-align: middle;
  background: url(https://static.orangenews.hk/static/orange/img/zan.png) left center no-repeat;
  background-size: 17px 16px;
  padding-left: 22px;
  color: #999;
  cursor: pointer;
  margin-right: 10px;
}
.center-huifu-list .item .text .zan.on {
  background: url(https://static.orangenews.hk/static/orange/img/zan-01.png) left center no-repeat;
  background-size: 17px 16px;
}
.center-huifu-list:before {
  content: '';
  position: absolute;
  top: -36px;
  right: 65px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 18px;
  border-color: transparent transparent #f7f7f7 transparent;
  border-style: solid;
}
.life-list-three {
  margin-top: 35px;
  margin-bottom: 20px;
}
.life-list-three li {
  width: 380px;
  height: 320px;
  border: 1px solid #efa22e;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.life-list-three li:nth-child(3n) {
  margin-right: 0;
}
.life-list-three li .scale {
  width: 378px;
  height: 213px;
}
.life-list-three li img {
  width: 379px;
  height: 213px;
  margin: -1px;
}
.life-list-three li .labels {
  display: none;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.life-list-three li .labels em {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px;
  margin: 0 2px;
}
.life-list-three li p {
  padding: 0 15px;
  font-size: 18px;
  line-height: 26px;
  height: 52px;
  margin: 8px 0;
}
.life-list-three li span {
  display: block;
  padding: 5px 15px;
  color: #999;
  font-size: 12px;
}
.gongzai {
  margin-top: 30px;
}
.new-location {
  margin-top: 20px;
  margin-left: 10px;
  color: #999;
}
.new-location a {
  color: #999;
}
.new-location a:hover {
  color: #efa22e;
}
.new-page {
  margin: 20px 0;
}
.new-page .cj-article {
  width: 215px;
  background: #fff;
  padding: 15px 20px;
}
.captions {
  width: 960px;
  background: #fff;
  padding: 0 30px;
  min-height: 1114px;
}
.captions .tit {
  padding: 30px 0;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
}
.captions .tit h3 {
  font-size: 30px;
}
.captions .text {
  padding: 30px 0;
}
.captions .text p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 30px;
}
.wenda-list {
  display: block;
  overflow: hidden;
  padding-top: 30px;
}
.wenda-list li {
  width: 375px;
  height: 350px;
  margin-right: 37.5px;
  margin-bottom: 30px;
  float: left;
}
.wenda-list li:nth-child(3n) {
  margin-right: 0;
}
.wenda-list li .wenda-img {
  width: 375px;
  height: 250px;
}
.wenda-list li .wenda-img img {
  width: 375px;
  height: 250px;
}
.wenda-list li .wenda-text {
  width: 375px;
  height: 100px;
  border: 1px solid #efa22e;
  border-top: none;
  padding: 15px;
  position: relative;
}
.wenda-list li .wenda-text p {
  font-size: 18px;
}
.wenda-list li .wenda-text .zan {
  display: block;
  background: url(https://static.orangenews.hk/static/orange/img/dianzan.png) left center no-repeat;
  background-size: 20px;
  padding-left: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #999;
  font-style: normal;
  position: absolute;
  left: 15px;
  bottom: 15px;
  z-index: 2;
}
.wenda-list li .wenda-text .from {
  position: absolute;
  right: 15px;
  bottom: 15px;
  display: block;
  height: 24px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #efa22e;
  line-height: 22px;
  font-size: 12px;
  color: #efa22e;
  z-index: 2;
}
.wenda-info {
  margin: 20px 0;
}
.wenda-detail {
  width: 930px;
}
.wenda-detail .info {
  padding-bottom: 20px;
  border-bottom: 1px solid #efa22e;
}
.wenda-detail .info h2 {
  font-size: 32px;
  line-height: 45px;
}
.wenda-detail .info p {
  margin-top: 10px;
  color: #666;
  line-height: 30px;
}
.wenda-detail .info p span:first-child {
  padding-right: 20px;
}
.wenda-detail .info p .time {

}
.wenda-detail .content {
  margin-top: 30px;
  padding-bottom: 50px;
  border-bottom: 1px solid #efa22e;
}
.wenda-detail .content .share {
  margin-left: 5px;
}
.wenda-detail .content .detail {
  width: 830px;
  font-size: 14px;
  line-height: 35px;
}
.wenda-detail .content .detail img {
  max-width: 100%;
  margin: 0 auto;
}
.tiwen {
  padding: 40px 0;
}
.tiwen .tiwen-img {
  width: 70px;
  height: 70px;
  border-radius: 70px;
}
.tiwen .tiwen-text {
  width: 830px;
  height: 150px;
  border-radius: 5px;
  border: 1px solid #eeeeee;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 24px;
}
.tiwen .tiwen-btn {
  text-align: right;
  margin-top: 20px;
}
.tiwen .tiwen-btn span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-size: 16px;
  margin-right: 20px;
}
.tiwen .tiwen-btn button {
  display: inline-block;
  width: 160px;
  height: 48px;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  background: #efa22e;
}
.wenda-huifu {
  margin-top: 40px;
}
.wenda-huifu .tit {
  padding-bottom: 20px;
  border-bottom: 1px solid #efa22e;
}
.wenda-huifu .ul-list {
  margin-top: 30px;
}
.wenda-huifu .ul-list .item {
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
.wenda-huifu .ul-list .item:last-child {
  border-bottom: none;
}
.wenda-huifu .ul-list .header-img {
  width: 70px;
  height: 70px;
  border-radius: 70px;
  float: left;
}
.wenda-huifu .ul-list .text {
  width: 830px;
  float: right;
}
.wenda-huifu .ul-list .text span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.wenda-huifu .ul-list .text p {
  display: block;
  margin-top: 12px;
}
.wenda-huifu .ul-list .text .name {
  font-size: 16px;
}
.wenda-huifu .ul-list .text .zan {
  display: inline-block;
  vertical-align: middle;
  background: url(https://static.orangenews.hk/static/orange/img/zan.png) left center no-repeat;
  background-size: 17px 16px;
  padding-left: 22px;
  color: #999;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 12px;
}
.wenda-huifu .ul-list .text .zan.on {
  background: url(https://static.orangenews.hk/static/orange/img/zan-01.png) left center no-repeat;
  background-size: 17px 16px;
}
.wenda-huifu .ul-list .text .huifu,
.wenda-huifu .ul-list .text .twig {
  cursor: pointer;
  margin-top: 12px;
  font-size: 12px;
}
.huida-textarea {
  width: 830px;
  height: 100px;
  border: 1px solid #eeeeee;
  margin-top: 15px;
  border-radius: 3px;
  position: relative;
}
.huida-textarea::before {
  content: '';
  position: absolute;
  top: -17px;
  left: 15px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 8px;
  border-color: transparent transparent #eeeeee transparent;
  border-style: solid;
}
.huida-textarea::after {
  content: '';
  position: absolute;
  top: -15px;
  left: 15px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 8px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}
.huida-textarea textarea {
  width: 100%;
  height: 97px;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 24px;
}
.huida-action {
  text-align: right;
  margin-top: 10px;
}
.huida-action span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-size: 16px;
}
.huida-action .huida-submit {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  height: 48px;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  background: #efa22e;
}
.huida-list {
  width: 830px;
}
.huida-list .huida-item {
  margin-top: 20px;
}
.huida-list .text {
  width: 730px!important;
}
/*区号下拉选择*/
.login-form .number{
  cursor: pointer;
}
.choose-box{
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 140px;
  padding:0 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  z-index: 999;
}
.choose-box span{
  display: block;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.choose-box span:last-child{
  border-bottom: none;
}
.choose-box:before {
  content: '';
  position: absolute;
  top: -19px;
  left: 18px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 9px;
  border-color: transparent transparent #ddd transparent;
  border-style: solid;
}
.choose-box:after {
  content: '';
  position: absolute;
  top: -17px;
  left: 18px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 9px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}

.header-ewm {
  position: absolute;
  left: -40px;
  top: 90px;
  z-index: 9999;
  display: none;
  width: 120px;
  padding: 15px 20px;
  height: 140px;
  background: #fff;
  box-shadow: 0 0 10px #666;
  border-radius: 1px;
}
.header-ewm:before {
  content: '';
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -11px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 11px;
  border-color: transparent transparent #666 transparent;
  border-style: solid;
}
.header-ewm:after {
  content: '';
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -11px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 11px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}
.header-ewm .ewm {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  border: 1px solid #eeeeee;
}
.header-ewm .ewm img {
  display: block;
  width: 76px;
  height: 76px;
  margin: 1px;
}
.header-ewm span {
  display: block;
  text-align: center;
  line-height: 40px;
}
.color_choose{
  color: #efa22e;
}
/*搜索*/
.searchPage {
  width: 960px;
}
.searchPage .search-box {
  width: 100%;
  height: 60px;
  background: #fff;
  border: 1px solid #efa22e;
}
.searchPage .search-box .search-input {
  display: block;
  float: left;
  width: 770px;
  height: 58px;
  padding: 0 22px;
  font-size: 18px;
}
.searchPage .search-box .search-btn {
  display: block;
  float: right;
  width: 188px;
  height: 58px;
  background: #efa22e;
  font-size: 22px;
  color: #fff;
}
.searchPage .search-labels {
  margin-top: 15px;
}
.searchPage .search-labels span {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  cursor: pointer;
}
.searchPage .search-labels span.elect {
  color: #efa22e;
}
.search-end-list {
  margin-top: 30px;
  width: 100%;
  background: #fff;
}
.search-end-list .item {
  padding: 20px;
  border-bottom: 1px solid #efa22e;
}
.search-end-list .item img {
  width: 200px;
  height: 112px;
}
.search-end-list .item .scale {
  position: relative;
}
.search-end-list .item .video-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat;
  background-size: 50px 50px;
}
.search-end-list .item .text {
  width: 720px;
  height: 112px;
  float: left;
  padding-left: 22px;
  position: relative;
}
.search-end-list .item .text p {
  font-size: 16px;
  line-height: 26px;
  height: 26px;
}
.search-end-list .item .text span {
  position: absolute;
  left: 22px;
  bottom: 0;
  color: #999;
}
.search-end-list .ellipsis span , .search-end-list .form span {
  position: unset !important;
  font-weight: bold;
}
.search-select {
  display: flex;
  justify-content: space-between;
}
.search-select .el-select {
  width: 100px;
}
.search-select .el-input__inner, .search-select .el-input__icon {
  background-color: unset;
  border: none;
  line-height: unset;
  height: unset;
}
.search-end-list .item .text .stick {
  display: block;
  width: 36px;
  height: 20px;
  background: #efa22e;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.search-end-list .item .text .num {
  position: absolute;
  right: 0;
  bottom: -2px;
  background: url(https://static.orangenews.hk/static/orange/img/wenda.png) left center no-repeat;
  padding-left: 35px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
}
.search-end {
  margin-top: 30px;
}
.search-end h2 {
  font-size: 20px;
  color: #999;
}
.search-end .box {
  display: inline-block;
  padding: 30px;
  margin-top: 30px;
  background: #eee;
}
.search-end .box p {
  color: #999;
}
.hot-search {
  margin-top: 30px;
}
.hot-search .tit {
  font-size: 18px;
  color: #666;
}
.hot-search .labels {
  margin-top: 30px;
}
.hot-search .labels span {
  display: inline-block;
  padding: 4px 10px;
  background: #ececec;
  border: 1px solid #ddd;
  color: #999;
  cursor: pointer;
  margin-right: 12px;
}
.showMaskDiv {
  background-color: white;
  display: none;
}
.showMaskDiv canvas{
  padding: 9px 5px 5px 9px;
}

/*页面未找到*/
.not-found{
  width: 560px;
  padding: 50px 0;
  background: #fff;
  border-radius: 5px;
  margin: 80px auto 515px;
  text-align: center;
}

.not-found img{
  display: inline-block;
  vertical-align: middle;
  width: 92px;
  height: 42px;
}
.not-found span{
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-left: 25px;
  color: #2A2A2A;
  margin-top: 6px;
}
/*下载APP*/
.header-ewm {
  position: absolute;
  left: 40px;
  top: 90px;
  z-index: 9999;
  display: none;
  width: 120px;
  padding: 15px 20px;
  height: 140px;
  background: #fff;
  box-shadow: 0 0 10px #666;
  border-radius: 1px;
}
.download-ewm {
  position: absolute;
  left: 0;
  top: 90px;
  z-index: 9999;
  display: none;
  width: 120px;
  padding: 15px 20px;
  height: 140px;
  background: #fff;
  box-shadow: 0 0 10px #666;
  border-radius: 1px;
}
.download-ewm:before {
  content: '';
  position: absolute;
  top: -22px;
  left: 15px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 11px;
  border-color: transparent transparent #666 transparent;
  border-style: solid;
}
.download-ewm:after {
  content: '';
  position: absolute;
  top: -22px;
  left: 15px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 11px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}
.download-ewm .ewm {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  border: 1px solid #eeeeee;
}
.download-ewm .ewm img {
  display: block;
  width: 76px;
  height: 76px;
  margin: 1px;
}
.download-ewm span {
  display: block;
  text-align: center;
  line-height: 40px;
}

/* 直播 橙TV */
.liveRoomInfo {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.live-title {
  max-width: 80%;
}
.live-title p:first-child {
  font-size: 28px;
  color: #3E3E3E;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 5px;
}
.live-title p:last-child {
  font-size: 18px;
  color: #3D3D3D;
  letter-spacing: 0;
  font-weight: 400;
}
.live-time p {
  background: #EFA22F;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: right;
  font-weight: 500;
  border-radius: 4px;
  padding: 5px;
  margin-left: 20px;
}

/* hk英文模板 */
.g-2 {
  display: grid;
  grid-template-columns: 25% 70%;
  column-gap: 5%;
}
.hk-among {
  display: flex;
  justify-content: space-between;
  height: 880px;
}
.hk-all-img {
  width: 100%;
}
.hk-list-span {
  color: #bbbbbb;
  padding-top: 15px;
  position: absolute;
  bottom: 10px;
}
.hk-all-list .ellipsis-2 {
  color: #000;
  font-weight: 500;
  -webkit-line-clamp: 3;
  font-size: 18px;
}
.hk-all-list {
  border-bottom: 1px solid #9C9C9C;
  padding: 10px 20px;
  font-size: 16px;
  height: 155px;
  position: relative;
}
/*.life ul .hk-all-list:last-child {*/
/*  border-bottom: 2px solid #7777;*/
/*}*/
._more {
  display: block;
  border: 2px solid #7777;
  border-top: none;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
  text-align: center;
  background: #f3f3f3;
}
/*.hk-among_more:hover, ._more:hover {*/
/*  color: #ffffff;*/
/*}*/
._more:hover {
  background: #efa22e;
  transition: all .3s;
}
.hk-among_more {
  font-weight: bolder;
  line-height: 50px;
  font-size: 16px;
}
.hk-right-news ul li {
  border: 2px solid #7777;
  border-top: none;
  border-bottom: none;
  height: 263px;
}
.hk-right-news ul li:last-child {
  border-bottom: 2px solid #777777;
}
/*.hk-option li:nth-child(5) {*/
/*  border-bottom: 2px solid #7777;*/
/*}*/
/*.hk-option {*/
/*  border: 2px solid #7777;*/
/*}*/
.hk-right-news ul li .text {
  padding: 5px;
}

.eye-channel-title {
  line-height: 30px;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #db8043;
}
.eye-channel-title a {
  float: right;
  color: #9C9C9C;
  font-size: 13px;
  font-weight: 400;
  line-height: 31px;
}
.eye-title-fff {
  color: #fff;
  margin-bottom: 5px;
}
.eye-news-bc-fff, .channel-fff {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 10px;
}
.eye-news-bc-fff ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
}
.channel-fff ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.hk-right-news .scale {
  height: 170px;
}
.hk-right-news ul li .scale img {
  width: 100%;
  height: 100%;
}
/*.hk-content-01 {*/
/*  height: 285px;*/
/*}*/
.hk-tit {
  font-size: 22px;
  color: #fff;
  padding: 0 20px;
  font-weight: 700;
  margin-bottom: 10px;
  background: #efa22e;
}
.eye-X {
  margin-top: 20px;
}
/*.hk-tit_body {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  background: #efa22e;*/
/*  padding: 8px;*/
/*}*/
.hk-tit, .hk-among_more {
  line-height: 50px;
}
.hk-three div ul {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
  border-top: none;
}
.hk-three-list {
  width: 45%;
  background: #f9f9f9;
  border: 1px solid #f9f9f9;
  float: left;
}
.hk-three .life ul.second li {
  width: 100%;
  height: auto;
  background: #fff;
  /*border: 1px solid #f9f9f9;*/
  float: right;
  margin-bottom: 10px;
  margin-right: 0;
}
.hk-three .life ul.second li img {
  width: 100%;
  height: 145px;
}
.hk-three .life ul.second li p {
  padding: 0 15px;
  font-size: 18px;
  line-height: 26px;
  height: auto;
  margin: 8px 0;
}
.eye-channel-textTime {
  color: #9C9C9C;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.eye-channel-des {
  color: #9c9c9c;
  font-size: 13px !important;
  padding: 10px 5px 20px 5px;
}
.hk-right-news ul li .text span {
  margin: 10px;
  font-size: 16px;
  -webkit-line-clamp: 3;
}
.hk-video {
  margin-top: 20px;
  display: flex;
  margin-bottom: 20px;
}
.hk-r-img {
  /*width: 70%;*/
}
.hk-r-video img {
  width: 100%;
  padding-right: 10px;
}
.hk-r-video div img:first-child {
  height: 100%;
}
.hk-r-video {
  display: flex;
  justify-content: space-between;
}
.hk-r-img>p, .hk-last-img-p{
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 10px;
  background: #efa22e;
}
.swiper_hk_video>.swiper-button-next, .swiper_hk_video>.swiper-button-prev {
  top: 55%;
}
.swiper_hk_img>.next03,.swiper_hk_img>.prev03 {
  top: 45%;
}
.hk-last-img {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
  cursor: pointer;
}

.hk-r-icon {
  position: absolute;
  width: 50px !important;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -25px;
  cursor: pointer;
}
.hk-find div img {
  width: 50px;
}
.hk-find {
  background-color: #efa22e;
  width: 300px;
  padding: 20px;
  margin-right: 5%;
}
.hk-find h3 {
  color: #fff;
  font-size: 38px;
  font-weight: 500;
  text-align: center;
  padding-top: 25px;
}
.hk-find div {
  text-align: center;
  margin-top: 30px;
  display: flex;
  justify-content: space-around;
}
.hk-find div a {
  display: block;
}

.mark {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,.7);
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  display: none;
  left: 0;
  z-index: 99;
}
.mark-close {
  width: 50px;
  position: absolute;
  top: 15vh;
  right: 22vw;
  cursor: pointer;
}
.mark-img, .mark-video {
  width: 50vw;
  position: absolute;
  left: 50%;
  margin-left: -25vw;
  top: 25vh;
  display: none;
}
.mark-video {
  width: 20vw;
  margin-left: -10vw;
  top: 20vh;
}
.mark-active {
  display: block !important;
}


/* 圖析新聞 */
.illusion-s {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.illusion-s img {
  width: 370px;
}
.illusion-s a {
  position: relative;
}
.illusion-s-ellipsis-2 {
  width: 370px;
  position: absolute;
  height: 48px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  padding: 5px;
  -webkit-box-orient: vertical;
  background-color: rgba(0,0,0,0.5);
  bottom: 4px;
}
.ad-bg {
  height: inherit !important;
  background: #008de2;
  padding-top: 20px !important;
  padding-bottom: 20px;
  margin: 20px 0;
}
.ad-bg .tit {
  width: 1200px;
  margin: 0 auto 30px;
  position: relative;
}
.ad-bg .tit span {
  display: block;
  width: 140px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #FAE9CD;
  line-height: 45px;
  font-size: 26px;
  color: #fff;
  text-align: center;
}
.ad-bg .tit:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 44.2%;
  height: 1px;
  background: #FAE9CD;
}
.ad-bg .tit:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 44.2%;
  height: 1px;
  background: #FAE9CD;
}
.swiper-button-next_03 {
  background-image: url(https://static.orangenews.hk/static/orange/img/right-01.png) !important;
  right: -60px;
  left: auto;
  top: 230px;
}
.swiper-button-prev_03 {
  background-image: url(https://static.orangenews.hk/static/orange/img/left-01.png) !important;
  left: -60px;
  right: auto;
  top: 230px;
}







/*爆料详情*/
.disclose {
  width: 100%;
  min-height: 647px;
  background: #fff;
  padding: 24px;
  margin-top: 15px;
}
.disclose h3 {
  font-size: 22px;
}
.disclose .state {
  color: #0071b9;
  margin-right: 25px;
}
.disclose .time {
  color: #9B9B9B;
}
.disclose .contact {
  color: #9B9B9B;
  margin-right: 40px;
}
.disclose .mt10 {
  margin-top: 10px;
}
.disclose .content {
  line-height: 24px;
  margin-top: 20px;
}
.disclose .audio {
  display: block;
  margin-top: 20px;
  padding: 0 10px 0 28px;
  height: 36px;
  border-radius: 36px;
  min-width: 60px;
  max-width: 600px;
  background: url(https://static.orangenews.hk/static/orange/img/ico_yxzx_yybf03.png) 10px center #ededed no-repeat;
  background-size: 16px 14px;
  position: relative;
  cursor: pointer;
}
.disclose .audio .time {
  line-height: 36px;
}
.disclose .disclose-video {
  margin-top: 25px;
}
.disclose .discloseImg {
  margin-top: 25px;
}
.disclose .discloseImg img {
  display: block;
  float: left;
  width: 240px;
  height: 240px;
  margin-right: 45px;
  margin-bottom: 30px;
  object-fit: cover;
  cursor: pointer;
}
.disclose .discloseImg img:nth-child(3n) {
  margin-right: 0;
}
.header .top-right .item a.download {
  width: 60px;
  height: 30px;
  background: #efa22e;
  border-radius: 4px;
  font-size: 12px;
  margin-top: 6px;
  margin-right: 20px;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.header .top-right .item a.WeChat:hover {
  width: 30px;
  height: 30px;
  background: url(https://static.orangenews.hk/static/orange/img/top-icons.png) 0 0 no-repeat;
  margin: 6px 5px;
}
.header .top-right .item a.weibo:hover {
  width: 30px;
  height: 30px;
  background: url(https://static.orangenews.hk/static/orange/img/top-icons.png) -32px 0 no-repeat;
  margin: 6px 5px 6px 15px;
}
.header .top-right .item a.f:hover {
  width: 30px;
  height: 30px;
  background: url(https://static.orangenews.hk/static/orange/img/top-icons.png) -64px 0 no-repeat;
  margin: 6px 5px 6px 15px;
}
.header .top-right .item a.video:hover {
  width: 27px;
  height: 21px;
  background: url(https://static.orangenews.hk/static/orange/img/top-icons.png) -95px -4px no-repeat;
  margin: 10.5px 15px 10.5px 15px;
}
.header .top-right .item a.serve:hover {
  color: #efa22e;
}
.header .top-right .item a.serve:hover i {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 30px;
  background: url(https://static.orangenews.hk/static/orange/img/top-icons.png) -123px -2px no-repeat;
  margin: 6px;
}
.header .top-right .item a.fact:hover {
  color: #efa22e;
}
.header .top-right .item a.fact:hover i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(https://static.orangenews.hk/static/orange/img/top-icons.png) -151px 0 no-repeat;
  margin: 3px 5px 9px;
}
.header .top-right .item a.login:hover {
  color: #efa22e;
}
.header .top-right .item a.login:hover i {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 30px;
  background: url(https://static.orangenews.hk/static/orange/img/top-icons.png) -181px 0 no-repeat;
  margin: 3px 7px 9px;
}

.header .top-right .item a.download {
  width: 60px;
  height: 30px;
  background: #efa22e;
  border-radius: 4px;
  font-size: 12px;
  margin-top: 6px;
  margin-right: 20px;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.return{
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 9;
  cursor: pointer;
}
.return img{
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}
.return span{
  display: inline-block;
  vertical-align: middle;
  color: #999;
  margin-left: -6px;
}
.center-disclose-list .delete{
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
  color: #999;
  background: url(https://static.orangenews.hk/static/orange/img/shanchu.png) left center no-repeat;
  background-size: 20px;
  cursor: pointer;
}
.add-label{
  padding: 15px 0 10px 0;
  border-bottom: 1px solid #efa22e;
}
.add-label span{
  color:#999;
}
.add-label .time{
  padding-right: 0;
}
.selection-item {
  width: 165px;
  margin-right: 42px;
  float: left;
}
.selection-item:nth-child(6n) {
  margin-right: 0;
}
.selection-item .scale {
  width: 165px;
  height: 165px;
  border-radius: 165px;
}
.selection-item img {
  width: 165px;
  height: 165px;
  border-radius: 165px;
}
.selection-item span {
  display: block;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  margin-top: 10px;
}
.home-img-link li {
  width: 380px;
  height: 213px;
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.home-img-link li:nth-child(3n) {
  margin-right: 0;
}
.home-img-link li img {
  width: 380px;
  height: 213px;
}
.tagBox {
  width: 840px;
  margin-left: 95px;
  padding: 12px 15px;
  background: #f9f9f9;
  margin-bottom: 20px;
}
.tagBox .tag-icon {
  display: block;
  float: left;
  width: 52px;
  height: 26px;
  padding-right: 4px;
  background: url(https://static.orangenews.hk/static/orange/img/tag.png) no-repeat;
  background-size: 52px 26px;
  text-align: center;
  line-height: 26px;
  color: #fff;
  letter-spacing: 2px;
}
.tagBox p {
  padding-left: 58px;
  line-height: 26px;
  color: #ef7d00;
  font-size: 16px;
}
.position-labels {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.position-labels em {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px;
  margin: 0 2px;
}
.di-item .position-labels {
  bottom: 106px;
}
.caption{margin-top: 1rem;margin-bottom: 1rem;color:#999;}
.thumbnail {margin-top: 1rem;margin-bottom: 1rem;color:#999;}
.video-icons {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat;
  background-size: 60px 60px;
}
.second .rec-img .video-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: url(https://static.orangenews.hk/static/orange/img/video-icon.png?v=1.1) no-repeat;
  background-size: 60px 60px;
}
.set-top{
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 40px;
  height: 20px;
  background: #EFA22E;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  z-index: 9;
}

.interaction {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.interaction li {
  width: 40px;
  margin: 0 10px;
}
.interaction li p {
  text-align: center;
  margin-top: 10px;
}
.interaction li img {
  width: 100%;
  cursor: pointer;
  transition: transform 0.5s ease;
}
.interaction-like-active {
  transform: scale(1.2) rotate(-10deg);
}
.interaction-heart-active {
  transform: scale(1.2);
}
.interaction li .active {
  transform: scale(1.2);
}
.originUrl {
  color: #efa22e;
}
.video-ad-sound-control {
  position: absolute;
  bottom: 4%;
  right: 15%;
  width: 120px;
  height: 50px;
  background: rgba(0, 0, 0, .6);
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.video-ad-sound-control p {
  color: #FFFFFF;
  line-height: 50px;
  margin: 0;
  font-size: 22px;
}
.autoplay-video-ad .limit {
  display: none !important;
}


.swiper-gzz .swiper-slide {
  position: relative;

  transition: 300ms;
  transform: scale(1);
}
.swiper-gzz .swiper-slide img {
  width: 100%;
}
.swiper-gzz .swiper-slide a {
  position: relative;
}
.swiper-gzz .swiper-slide a::after {
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 99%;
  transform: scale(1);
}
.swiper-gzz .swiper-slide-active,.swiper-slide-duplicate-active {
  transform: scale(1.2);
  z-index: 99;
}
.swiper-gzz .swiper-slide-active a::after, .swiper-gzz .swiper-slide-duplicate-active a::after {
  background: none !important;
  content: none !important;
}
.swiper-gzz .video-text {
  opacity: 0;
}
.swiper-gzz-bg {
  background: rgba(239, 162, 46, .8);
  width: 240px;
  height: 135px;
  position: absolute;
  bottom: 15%;
  right: 25%;
  z-index: 100;
  padding: 10px;
}
.swiper-gzz-bg a {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.swiper-gzz .swiper-button-next {
  right: 50%;
  margin-right: -41px;
}
.swiper-gzz .swiper-button-next:hover {
  background-image: url(https://static.orangenews.hk/static/orange/img/right-01.png);
}
.swiper-gzz .swiper-button-prev {
  left: 50%;
  margin-left: -41px;
}
.swiper-gzz .swiper-button-prev:hover {
  background-image: url(https://static.orangenews.hk/static/orange/img/left-01.png);
}
.swiper-gzz .swiper-button-next, .swiper-gzz .swiper-button-prev {
  top: 90% !important;
}
.swiper-gzz-bg .swiper-pagination {
  display: none;
}
@media (max-width: 768px) {
  .swiper-gzz-bg {
    width: 100%;
    height: auto;
    padding: 5px;
    background: rgba(239, 239, 239, 0.8);
    left: 0;
    display: flex;
    justify-content: space-between;
  }
  .swiper-gzz {
    padding-top: 20px !important;
  }
  .swiper-gzz-bg a {
    font-size: 16px;
    width: 70%;
    color: #efa22e;
  }
  .swiper-gzz .swiper-slide-active, .swiper-slide-duplicate-active {
    transform: scale(1);
  }
  .swiper-gzz .swiper-button-next, .swiper-gzz .swiper-button-prev {
    display: none;
  }
  .swiper-gzz-bg .swiper-pagination {
    display: flex;
    align-items: flex-end;
    width: 50px;
    position: unset;
  }

  .swiper-gzz-bg  .swiper-pagination-current {
    font-size: 22px;
    color: #efa22e;
  }
}

/* 视频广告播放器层级 */
.video-ad-component {
  z-index: 9998 !important;
}
/*广告强制去除间隙*/
.add-dele-pad{
  padding-top: 20px !important;
  padding-bottom: 0 !important;
}
/*轮播指示符透明度*/
.swiper-pagination-bullet{
  opacity: 0.5 !important;
}
.swiper-pagination-bullet-active{
  opacity: 1 !important;
}
/*轮播指示符透明度*/

.prism-player .prism-big-play-btn {
  position: absolute;
  left: 50% !important;
  bottom: 50% !important;
  margin-left: -60px;
  margin-bottom: -60px;
}
/*视频播放图标居中*/
.prism-player .prism-big-play-btn {
  left: 50% !important;
}
/*页面变灰控制*/
.page-gray {
  filter:grayscale(100%);
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  -o-filter:grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter:grayscale(1);
}