.MenuItem_active {
  border-bottom: 1px solid #fff;
}

.content {
  width: 100%;
  position: relative;
}

header {
  width: 100%;
  z-index: 1000;
  position: relative;
}

.d2s_basic {
  width: 100%;
  height: 1.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d2s_basic .text {
  font-size: 0.225rem;
  color: #818487;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  display: flex;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/*pc端*/
@media only screen and (min-device-width: 768px) {
  .d2s_logo {
    width: 5.075rem;
    height: 0.675rem;
    display: block;
  }

  .PcTopBar {
    box-sizing: border-box;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.09);
    padding: 0 1.25rem;
    width: 100%;
  }

  .MobileTopBar {
    display: none;
  }

  .MobileTopBarDiv {
    display: none;
  }

  .MoveingLight {
    /*position: absolute;
    left: -1px;
    top:0;
    width: 60px;
    height: 60px;
    transform: rotate(-45deg);
    animation: MoveIt 3.5s linear infinite;
    background: radial-gradient(#fff,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));*/
  }
}

/*移动端*/
@media only screen and (max-device-width: 768px) {
  .d2s_logo {
    width: 15rem;
    height: 2.3rem;
    margin-left: 0.6rem;
    vertical-align: top;
  }
}

.home_content {
  height: 100%;
  margin-top: -1rem;
}

.home_content .big-box {
  width: 100%;
  overflow: hidden;
  display: flex;
}

.home_content .laboratory_content {
  width: 100%;
  flex-shrink: 0;
}

.home_content .news_content {
  width: 100%;
  flex-shrink: 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix .fl {
  float: left;
}

.clearfix .fr {
  float: right;
}

.d2s_top_bg {
  display: block;
  width: 100%;
  height: 7.4rem;
  background: url("/templates/d2ssoft/image/laboratory/banner.png") no-repeat;
  background-size: 100% 100%;
}

.title_top {
  width: 100%;
}

section {
  width: 100%;
}

figure {
  margin-top: 0.7rem;
}

.symbol_li {
  background: url("/templates/d2ssoft/image/home/active_bg.png") no-repeat;
  background-size: 100% 100%;
}

.symbol_li .text {
  color: #fff !important;
}

.symbol_li .line {
  background-color: #fff !important;
}

.symbol_li .synopsis {
  color: #fff !important;
}

@media only screen and (min-device-width: 768px) {
  .d2s_top_bg {
    position: relative;
    display: block;
  }

  .d2s_top_bg .title {
    position: absolute;
    left: 2.25rem
      /* 180/80 */
    ;
    bottom: 5.2125rem
      /* 417/80 */
    ;
    font-size: 0.75rem
      /* 60/80 */
    ;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
  }

  .d2s_top_bg .title::after {
    position: absolute;
    left: 0rem
      /* 0/80 */
    ;
    bottom: -0.275rem
      /* 22/80 */
    ;
    content: '';
    width: 0.45rem
      /* 36/80 */
    ;
    height: 0.05rem
      /* 4/80 */
    ;
    background-color: #fff;
  }

  .d2s_top_bg .description {
    position: absolute;
    left: 2.25rem
      /* 180/80 */
    ;
    bottom: 3.85rem
      /* 308/80 */
    ;
    width: 8.75rem
      /* 700/80 */
    ;
    font-size: 0.2rem
      /* 16/80 */
    ;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    line-height: 0.35rem
      /* 28/80 */
    ;
  }

  .d2s_top_bg_mobile {
    display: none;
  }

  .title_top {
    display: flex;
    justify-content: center;
    height: 1.5625rem
      /* 125/80 */
    ;
    line-height: 1.7125rem
      /* 137/80 */
    ;
    color: #333333;
  }

  .title_top a {
    position: relative;
    font-size: 0.225rem
      /* 18/80 */
    ;
    padding: 0 0.8rem
      /* 64/80 */
    ;
    cursor: pointer;
  }

  .title_top a.active {
    position: relative;
    color: #32adda;
  }

  .title_top a.active::after {
    content: "";
    position: absolute;
    top: 0.9125rem
      /* 73/80 */
    ;
    left: 0.4875rem
      /* 39/80 */
    ;
    width: 1.7375rem
      /* 139/80 */
    ;
    height: 0.1625rem
      /* 13/80 */
    ;
    background: url("/templates/d2ssoft/image/laboratory/tab-line.png") no-repeat;
    background-size: 100% 100%;
  }

  .title_top a:nth-child(-n + 3)::before {
    content: "";
    position: absolute;
    top: 44%;
    right: 0rem
      /* 0/80 */
    ;
    width: 0.0125rem
      /* 1/80 */
    ;
    height: 0.325rem
      /* 26/80 */
    ;
    background: #d9d9d9;
  }

  .section_content {
    width: 100%;
    padding: 0 1rem 0.375rem;
    background-color: #f6f7f8;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
  }

  .section_content #bi_iframe {
    width: 100%;
    min-height: 12.5rem
      /* 1000/80 */
    ;
  }
}

@media only screen and (max-device-width: 768px) {
  .home_content {
    margin-top: -5rem;
  }

  .d2s_top_bg {
    display: none;
  }

  .d2s_top_bg_mobile {
    display: block;
  }

  .d2s_top_bg_mobile {
    position: relative;
    width: 100%;
    height: 20.896rem
      /* 653/31.25 */
    ;
    background: url("/templates/d2ssoft/image/laboratory/banner-mobile.png") no-repeat;
    background-size: 100% 100%;
  }

  .d2s_top_bg_mobile .top_msg_content {
    position: absolute;
    top: 7.616rem
      /* 238/31.25 */
    ;
    left: 1.888rem
      /* 59/31.25 */
    ;
  }

  .d2s_top_bg_mobile .top_msg_content .title {
    font-size: 1.92rem
      /* 60/31.25 */
    ;
    font-weight: 400;
    color: #ffffff;
  }

  .d2s_top_bg_mobile .top_msg_content .line {
    width: 1.152rem
      /* 36/31.25 */
    ;
    height: 0.128rem
      /* 4/31.25 */
    ;
    margin: 0.736rem
      /* 23/31.25 */
      0 1.44rem
      /* 45/31.25 */
    ;
    background: #ffffff;
  }

  .d2s_top_bg_mobile .top_msg_content .description {
    font-size: 0.832rem
      /* 26/31.25 */
    ;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
  }

  .title_top {
    display: flex;
    justify-content: space-between;
    height: 3.84rem
      /* 120/31.25 */
    ;
    padding: 0 0.704rem
      /* 22/31.25 */
    ;
    line-height: 3.84rem
      /* 120/31.25 */
    ;
    color: #333333;
  }

  .title_top a {
    position: relative;
    padding-right: 1.344rem
      /* 42/31.25 */
    ;
    font-size: 0.768rem
      /* 24/31.25 */
    ;
    cursor: pointer;
    box-sizing: border-box;
  }

  /* .title_top span a {
    display: inline-block;
    width: 100%;
    text-align: center;
  } */
  .title_top a.active {
    position: relative;
    color: #32adda;
  }

  .title_top a.active::after {
    content: "";
    position: absolute;
    top: 2.24rem
      /* 70/31.25 */
    ;
    left: -0.64rem
      /* 20/31.25 */
    ;
    width: 5.632rem
      /* 176/31.25 */
    ;
    height: 0.512rem
      /* 16/31.25 */
    ;
    background: url("/templates/d2ssoft/image/laboratory/tab-line.png") no-repeat;
    background-size: 100% 100%;
  }

  .title_top a:nth-child(-n + 3)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0rem
      /* 0/80 */
    ;
    transform: translateY(-50%);
    width: 0.032rem
      /* 1/31.25 */
    ;
    height: 0.832rem
      /* 26/31.25 */
    ;
    background: #d9d9d9;
  }

  .title_top a:last-child::after {
    left: -1.28rem
      /* 40/31.25 */
    ;
  }

  .section_content {
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    background: #f6f7f8;
  }

  .section_content #bi_iframe {
    width: 100%;
    min-height: 56.704rem
      /* 1772/31.25 */
    ;
  }
}

@media only screen and (min-device-width: 768px) {
  .news_content {
    width: 100%;
    padding: 0.15rem 1rem 0.375rem;
    box-sizing: border-box;
  }

  .news_content .news-list {
    width: 100%;
    padding: 0.8rem 0.8125rem
      /* 65/80 */
      0rem
      /* 31/80 */
      0.8375rem
      /* 67/80 */
    ;
    background-color: #fff !important;
    box-sizing: border-box;
  }

  .news_content .news-list li {
    width: 100%;
    padding-bottom: 0.3rem;
    box-sizing: border-box;
  }

  .news_content .news-list li:last-child {
    margin-bottom: 0rem
      /* 0/80 */
    ;
  }

  .news_content .news-list li .left .date {
    margin-top: 0.125rem
      /* 10/80 */
    ;
    margin-right: 0.475rem
      /* 38/80 */
    ;
    font-size: 0.45rem
      /* 36/80 */
    ;
    font-family: Roboto-Medium;
    font-weight: 500;
    color: #32adda;
  }

  .news_content .news-list li .left .date span {
    font-size: 0.25rem
      /* 20/80 */
    ;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #32adda;
  }

  .news_content .news-list li .left .line,
  .news_content .news-list li .left .year-month {
    display: none;
  }

  .news_content .news-list li .right {
    width: 89%;
    font-weight: 400;
  }

  .news_content .news-list li .right .content-text {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
  }

  .news_content .news-list li .right .title {
    width: 100%;
    padding-bottom: 0.125rem
      /* 10/80 */
    ;
    margin-bottom: 0.275rem
      /* 22/80 */
    ;
    font-size: 0.225rem
      /* 18/80 */
    ;
    font-family: Roboto-Regular;
    font-weight: 400;
    color: #999999;
    border-bottom: 1px solid #e5e5e5;
  }

  .news_content .page-area {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0.8375rem 0.384rem 0.384rem;
    box-sizing: border-box;
    background-color: #fff;
  }

  .news_content .page-area li {
    width: 0.7rem
      /* 40/31.25 */
    ;
    height: 0.7rem
      /* 40/31.25 */
    ;
    text-align: center;
    font-size: 0.3rem
      /* 14/31.25 */
    ;
    color: #333333;
    border-radius: 0.064rem
      /* 2/31.25 */
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.125rem;
    cursor: pointer;
    background: #f6f7f8;
  }

  .news_content .page-area li.current-page {
    color: #fff;
    background: #32adda;
  }


}

@media only screen and (min-device-width: 768px) {
  .laboratory_content {
    width: 100%;
    padding: 0.15rem
      /* 12/80 */
      1rem 0.375rem;
    background-color: #f6f7f8;
    box-sizing: border-box;
  }

  .laboratory_content .left_ul {
    width: 2.5rem
      /* 200/80 */
    ;
    margin-right: 0.875rem
      /* 70/80 */
    ;
  }

  .laboratory_content .left_ul li {
    width: 2.5rem
      /* 200/80 */
    ;
    height: 0.75rem
      /* 60/80 */
    ;
    margin-bottom: 0.25rem
      /* 20/80 */
    ;
    text-align: center;
    font-weight: 400;
    color: #333333;
    font-size: 0.2rem
      /* 16/80 */
    ;
    line-height: 0.75rem
      /* 60/80 */
    ;
    background: #ffffff;
    border: 0.0125rem
      /* 1/80 */
      solid #e9e9e9;
    cursor: pointer;
    box-sizing: border-box;
  }

  .laboratory_content .left_ul li a {
    display: block;
  }

  .laboratory_content .left_ul li.active {
    position: relative;
    color: #ffffff;
    background: url("/templates/d2ssoft/image/laboratory/left-rab-select.png") no-repeat;
    background-size: 100% 100%;
    border: none;
  }

  .laboratory_content .left_ul li.active::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .laboratory_content .left_ul li:hover {
    color: #ffffff;
    background: url("/templates/d2ssoft/image/laboratory/left-rab-select.png") no-repeat;
    background-size: 100% 100%;
    border: none;
  }

  .laboratory_content .right-area {
    position: relative;
    width: calc(100% - 2.5rem - 0.875rem);
    padding: 1.3125rem 0.625rem 2.75rem 0.7125rem;
    background: #ffffff;
    box-sizing: border-box;
  }

  .laboratory_content .right-area .tip {
    position: absolute;
    left: 0.45rem
      /* 36/80 */
    ;
    top: -0.15rem
      /* 12/80 */
    ;
    width: 0.175rem
      /* 14/80 */
    ;
    height: 0.3625rem
      /* 29/80 */
    ;
  }

  .laboratory_content .right-area .tip img {
    width: 100%;
    height: 100%;
  }

  .laboratory_content .right-area .title {
    width: 100%;
    font-size: 0.525rem
      /* 42/80 */
    ;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin-bottom: 1rem;
  }

  .laboratory_content .right-area .content {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
    /* align-items: center; */
    margin-top: 1.4375rem;
    /* 115/80 */
  }

  .laboratory_content .right-area .content .left {
    width: 6.1375rem
      /* 491/80 */
    ;
    height: 4.3875rem
      /* 351/80 */
    ;
    margin-right: 1rem
      /* 80/80 */
    ;
    background: url("/templates/d2ssoft/image/laboratory/laboratory-content.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
  }

  .laboratory_content .right-area .content .right {
    flex: 1;
  }

  .laboratory_content .right-area .content .right p {
    text-indent: 3em;
    font-size: 0.175rem
      /* 14/80 */
    ;
    font-weight: 400;
    color: #666666;
    line-height: 0.375rem
      /* 30/80 */
    ;
    /* 允许在单词内换行U8国际「强保障平台,让娱乐更有趣!」XC-sports(中国区)-体育官方网站入口意昂凯捷4凯捷（中国）官网「强保障平台,更省心娱乐」。如果到一行末尾长单词没有结束会截断单词 拼接在下一行 */
    word-break: break-all;
    /* 在长单词或 URL 地址内部进行换行XC-sports(中国区)-体育官方网站入口。 在一行末尾处遇到长单词会自动换行去下一行展示 */
    word-wrap: break-word;
  }
}

@media only screen and (max-device-width: 768px) {
  .laboratory_content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
  }

  .laboratory_content .left_ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0.64rem
      /* 20/31.25 */
    ;
    box-sizing: border-box;
  }

  .laboratory_content .left_ul li {
    flex: 1;
    height: 1.92rem
      /* 60/31.25 */
    ;
    margin-right: 1.28rem
      /* 40/31.25 */
    ;
    text-align: center;
    font-size: 0.768rem
      /* 24/31.25 */
    ;
    font-weight: 400;
    color: #333333;
    line-height: 1.92rem
      /* 60/31.25 */
    ;
    border: 0.032rem
      /* 1/31.25 */
      solid #e9e9e9;
    background-color: #fff;
    box-sizing: border-box;
  }
  .laboratory_content .left_ul li a {
    justify-content: center;
  }
  .laboratory_content .left_ul li:last-child {
    margin-right: 0rem
      /* 0/31.25 */
    ;
  }

  .laboratory_content .left_ul li.active {
    position: relative;
    color: #ffffff;
    background-color: #32adda;
    border: none;
  }

  .laboratory_content .left_ul li.active::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1.376rem
      /* 43/31.25 */
    ;
    height: 1.376rem
      /* 43/31.25 */
    ;
    background: url("/templates/d2ssoft/image/laboratory/left-tab-select-mobile.png") no-repeat;
    background-size: 100% 100%;
  }

  .laboratory_content .right-area {
    width: 100%;
    margin-top: 1.376rem
      /* 43/31.25 */
    ;
    padding: 1.792rem
      /* 56/31.25 */
      0.64rem
      /* 20/31.25 */
      4.768rem
      /* 149/31.25 */
    ;
    background-color: #fff;
    box-sizing: border-box;
  }

  .laboratory_content .right-area .tip {
    display: none;
  }

  .laboratory_content .right-area .title {
    width: 13.44rem
      /* 420/31.25 */
    ;
    margin: 0 auto 1.5rem auto;
    text-align: center;
    font-size: 1.472rem
      /* 46/31.25 */
    ;
    font-weight: 400;
    color: #333333;
    line-height: 1.92rem
      /* 60/31.25 */
    ;
  }

  .laboratory_content .right-area .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .laboratory_content .right-area .content .left {
    width: 100%;
    height: 16.224rem
      /* 507/31.25 */
    ;
    margin: 1.792rem
      /* 56/31.25 */
      0 1.536rem
      /* 48/31.25 */
    ;
    background: url("/templates/d2ssoft/image/laboratory/laboratory-content-mobile.png") no-repeat;
    background-size: 100% 100%;
  }

  .laboratory_content .right-area .content .right {
    width: 100%;
    padding: 0 1.792rem
      /* 56/31.25 */
      0 1.344rem
      /* 42/31.25 */
    ;
    font-size: 0.832rem
      /* 26/31.25 */
    ;
    font-weight: 400;
    color: #666666;
    line-height: 1.472rem
      /* 46/31.25 */
    ;
    box-sizing: border-box;
    /* 允许在单词内换行杏耀平台娱乐注册(全站)登录入口手机APP下载意昂凯捷4凯捷（中国）官网「强保障平台,更省心娱乐」杏鑫|杏鑫平台注册·(中国)集团娱乐官方网站登录入口全站版。如果到一行末尾长单词没有结束会截断单词 拼接在下一行 */
    word-break: break-all;
    /* 在长单词或 URL 地址内部进行换行XC-sports(中国区)-体育官方网站入口意昂凯捷4凯捷（中国）官网「强保障平台,更省心娱乐」U8国际「强保障平台,让娱乐更有趣!」。 在一行末尾处遇到长单词会自动换行去下一行展示 */
    word-wrap: break-word;
  }
}

@media only screen and (max-device-width: 768px) {
  .news_content {
    width: 100%;
    padding: 0.15rem 0 0.375rem;
    box-sizing: border-box;
  }

  .news_content .news-list {
    width: 100%;
    padding: 0
      /* 39/80 */
      0.64rem
      /* 20/31.25 */
      0;
    background-color: #fff !important;
    box-sizing: border-box;
  }

  .news_content .news-list li {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 1.088rem 1.44rem 1.312rem 0.768rem;
    border-bottom: 0.0125rem
      /* 1/80 */
      solid #e5e5e5;
    box-sizing: border-box;
  }

  .news_content .news-list li .day {
    display: none;
  }

  .news_content .news-list li:last-child {
    border: none;
  }

  .news_content .news-list li .left .date {
    font-family: Roboto-Medium;
    font-size: 1.152rem
      /* 36/31.25 */
    ;
    font-weight: bold;
    color: #333333;
  }

  .news_content .news-list li .left .line {
    width: 0.64rem
      /* 20/31.25 */
    ;
    height: 0.032rem
      /* 1/31.25 */
    ;
    margin: 0.384rem
      /* 12/31.25 */
      0 0.448rem
      /* 14/31.25 */
      /* 3/80 */
      0.096rem
      /* 3/31.25 */
    ;
    background-color: #d9d9d9;
  }

  .news_content .news-list li .left .year-month {
    font-family: Roboto-Regular;
    font-size: 0.576rem
      /* 18/31.25 */
    ;
    font-weight: 400;
    color: #999999;
  }

  .news_content .news-list li .line {
    width: 0.032rem
      /* 1/31.25 */
    ;
    height: 2.88rem
      /* 90/31.25 */
    ;
    margin: 0 1.12rem
      /* 35/31.25 */
    ;
    background: #e5e5e5;
  }

  .news_content .news-list li .right {
    width: 15.04rem
      /* 470/31.25 */
    ;
    font-weight: 400;
  }

  .news_content .news-list li .right p {
    font-size: 0.832rem
      /* 26/31.25 */
    ;
    color: #666666;
    line-height: 1.472rem
      /* 46/31.25 */
    ;
  }

  .news_content .news-list li .right>.content-text {
    margin-bottom: 0.96rem
      /* 30/31.25 */
    ;
    font-size: 0.768rem
      /* 24/31.25 */
    ;
    color: #333333;
    line-height: 1.152rem
      /* 36/31.25 */
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* 允许在单词内换行杏鑫|杏鑫平台注册·(中国)集团娱乐官方网站登录入口全站版U8国际·[集团]有限公司官网。如果到一行末尾长单词没有结束会截断单词 拼接在下一行 */
    word-break: break-all;
    /* 在长单词或 URL 地址内部进行换行杏耀平台娱乐注册(全站)登录入口手机APP下载U8国际「强保障平台,让娱乐更有趣!」意昂凯捷4凯捷（中国）官网「强保障平台,更省心娱乐」。 在一行末尾处遇到长单词会自动换行去下一行展示 */
    word-wrap: break-word;
  }

  .news_content .news-list li .right .title {
    display: none;
  }

  .news_content .page-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.64rem
      /* 20/31.25 */
      5.12rem 2.4rem
      /* 75/31.25 */
    ;
    box-sizing: border-box;
    background-color: #fff;
  }

  .news_content .page-area li {
    width: 2.24rem
      /* 70/31.25 */
    ;
    height: 2.24rem
      /* 70/31.25 */
    ;
    text-align: center;
    font-size: 0.768rem
      /* 24/31.25 */
    ;
    font-weight: 400;
    color: #333333;
    line-height: 2.24rem
      /* 70/31.25 */
    ;
    border-radius: 0.064rem
      /* 2/31.25 */
    ;
  }

  .news_content .page-area li.no-prev-page {
    background: #f6f7f8;
  }

  .news_content .page-area li.current-page {
    color: #fff;
    background: #32adda;
  }

}